/* 7-day date strip (Odeon takeaway, spec §6): sticky under the slim
   header on Home. Tabs are anchor links without JS; main.js upgrades
   them to day switching. Active day = ink cell; Today label is gold. */
.date-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
  border-bottom:1px solid var(--line);background:#fff;
  position:sticky;top:var(--head-h);z-index:30}
.date-strip a{display:block;text-align:center;padding:9px 0 8px;
  border-left:1px solid var(--line);text-decoration:none;color:var(--ink)}
.date-strip a:first-child{border-left:0}
.date-strip a:hover{text-decoration:none}
.date-strip .dow{display:block;font-weight:600;font-size:8px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}
.date-strip .day{display:block;font-family:var(--font-display);font-size:19px;line-height:1.1}
.date-strip a.active{background:var(--ink);color:#fff}
.date-strip a.active .dow{color:rgba(255,255,255,.75)}
.date-strip a.active .dow--today{color:var(--gold)}

@media (min-width:720px){
  .date-strip{border-top:1px solid var(--line)}
  .date-strip a{padding:12px 0 10px}
  .date-strip .dow{font-size:10px;letter-spacing:.12em}
  .date-strip .day{font-size:27px}
}