/* Sunday Supper's date chooser, shared with its story page. */
.supper-dates-page { padding-top: var(--space-5); padding-bottom: var(--space-6); }
.supper-dates { max-width: 960px; }
.supper-dates__back { display: inline-flex; align-items: center; min-height: var(--control-min, 44px); margin-bottom: 12px; }
.supper-dates__heading { font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 8px; }
.supper-dates__zone, .supper-dates__empty { color: var(--ink-2); margin: 0 0 20px; }
.supper-dates__zone { font-size: .85rem; }
.supper-dates__list { list-style: none; padding: 0; margin: 0; }
.supper-dates__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 16px; align-items: center; border-bottom: 1px solid var(--line); padding: 20px 0; }
.supper-dates__row > * { min-width: 0; }
.supper-dates__date { grid-column: 1 / -1; }
.supper-dates__date a { font-size: 1.1rem; font-weight: 600; }
.supper-dates__date span, .supper-dates__price span { display: block; color: var(--ink-2); font-size: .88rem; margin-top: 3px; }
.supper-dates__price { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.supper-dates__seats { grid-column: 1; color: var(--ink-2); font-size: .9rem; }
.supper-dates__row > .btn, .supper-dates__sold { grid-column: 2; grid-row: 2 / 4; min-width: 108px; text-align: center; }
.supper-dates__sold { color: var(--ink-2); font-weight: 600; }
@media (min-width: 768px) {
  .supper-dates__row { grid-template-columns: minmax(0, 1fr) 130px 120px 108px; gap: 20px; }
  .supper-dates__date, .supper-dates__seats, .supper-dates__row > .btn, .supper-dates__sold { grid-column: auto; grid-row: auto; }
}