/* ============================================
   Convention Page — Minimal overrides only
   Everything else comes from eventpage.css + eventhub-v2.css
   ============================================ */

/* ── Sticky Schedule Filters ── */
.conv-sticky-filters {
  top: 56px;
  z-index: 100;
  background: inherit;
}

@media (min-width: 992px) {
  .conv-sticky-filters {
    top: 72px;
  }
}

/* ── Schedule Group ── */
.conv-schedule-group {
  border-radius: var(--td-radius-lg);
  overflow: hidden;
}

/* ── Event Cell — follows eh-your-card token pattern ── */
.event-cell {
  display: flex;
  align-items: center;
  gap: var(--td-space-3);
  padding: 14px 20px;
  color: inherit;
  text-decoration: none;
  transition: background-color var(--td-duration-fast) var(--td-ease-out);
}

.event-cell:hover {
  background-color: var(--td-accent-subtle);
  color: inherit;
  text-decoration: none;
}

.event-cell + .event-cell {
  border-top: 1px solid var(--td-border-subtle);
}


/* Time column — matches eh-your-datebox sizing */
.event-cell-time {
  flex-shrink: 0;
  width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.event-cell-dow {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--td-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.event-cell-hour {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--td-text-primary);
}

.event-cell-chevron {
  flex-shrink: 0;
  font-size: 0.72rem;
  color: var(--td-text-muted);
}

.event-cell-ampm {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--td-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}