/* ht-light-fixes.css (v3.91.0) — hand-written light-mode adjustments, loaded after the generated ht-light.css.
   1. Parts that stay dark on purpose keep the dark palette (a dark cinema hall, the view from a seat).
   2. Places the generator can't judge (text on photos, gradient text, the "you are here" seat). */

/* ── 1. Dark on purpose: re-scope the dark tokens so text inside stays light ── */
[data-theme="light"] :is(.sv4-hero, .sv4-view, .ts-bd, .wrc-card, .hm-t10-c) {
  --v-night: #0b0b0c; --v-surface: #141416; --v-raised: #1a1a1d; --v-line: #27272a; --v-line-soft: #232326; --v-line-strong: #2e2e32;
  --v-text: #f4f4f5; --v-text-2: #d4d4d8; --v-muted: #a1a1aa; --v-dim: #71717a; --v-amber-ink: #f5a623; --v-green: #4ade80;
  color-scheme: dark;
}
/* photo cards: white text on the photo's dark fade, as in dark mode */
[data-theme="light"] .hm-t10-c { color: #f4f4f5; --x-glass: rgba(11, 11, 12, .62); }
[data-theme="light"] .hm-t10-fx { color: #ffd166; }
[data-theme="light"] .v4-hero.has-bd .v4-hero-by { color: rgba(255, 255, 255, .7) !important; }

/* ── 2. Home hero: the photo fades into the light page, so the headline is dark ink, not white ── */
[data-theme="light"] .v4-home .v4-hero-h { color: var(--v-text); text-shadow: none; }
[data-theme="light"] .v4-hero:not(.has-bd) .v4-hero-by { color: var(--v-dim) !important; }

/* Gradient numbers (amber on dark) → deep amber on light */
[data-theme="light"] .hm-nums b { background-image: linear-gradient(180deg, #c27803, #8a4b00); }

/* Seat map: "looking from" is ink on a light map, not white */
[data-theme="light"] .sv4-pick .sv4-seat.is-me { background: #18181b; box-shadow: 0 0 0 2px #fff, 0 0 8px rgba(0,0,0,.35); }
[data-theme="light"] .sv4-legend i.is-me { background: #18181b; }
[data-theme="light"] .sv4-pick .sv4-seat.sc-b { background: #6fcf97; }
[data-theme="light"] .sv4-pick .sv4-seat.sc-a { background: #16a34a; }
[data-theme="light"] .sv4-legend i.sc-a { background: #16a34a; }
[data-theme="light"] .sv4-legend i.sc-b { background: #6fcf97; }

/* ── 3. Buttons and badges on their own colour keep light (or dark) text, whatever the page does ── */
[data-theme="light"] :is(.mv4-book.is-bms, .mv4-book.is-district, .tx-book, .card-badge.badge-imax, .v4-poster-tag, .bestof-rating-pill) { color: #fff; }
[data-theme="light"] .card-badge.badge-premium { color: #1a0d02; }
[data-theme="light"] .cm-subnav a.is-on { background: #18181b; border-color: #18181b; color: #fafaf9 !important; }

/* ── 4. Light-palette greys that sat just under readable (4.5:1) ── */
[data-theme="light"] { --text-dim: #6b675e; }
[data-theme="light"] body.ht-v4 { --v-dim: #6f6e69; }
[data-theme="light"] .sv4-find-r .sm-score { color: #116530; }

/* ── 5. Colours written straight into templates (style="…") ── */
[data-theme="light"] :is([style^="color:var(--gold)"], [style*=";color:var(--gold)"], [style*="; color:var(--gold)"], [style*=";color: var(--gold)"], [style^="color:#f5a623"], [style*=";color:#f5a623"]):not(:is(.sv4-hero, .sv4-view, .ts-bd) *) { color: var(--gold-ink, #976107) !important; }
[data-theme="light"] :is([style^="color:#fff"], [style*=";color:#fff"], [style*="; color:#fff"], [style*=";color:rgba(255,255,255"], [style^="color:rgba(255,255,255"]):not([style*="position:fixed"]):not(:is(.sv4-hero, .sv4-view, .ts-bd, .tx-book, .is-bms, .is-district) *) { color: var(--v-text, #1c1a16) !important; }
[data-theme="light"] :is([style*="color:rgba(255,255,255,.65)"], [style*="color:rgba(255,255,255,.55)"], [style*="color:rgba(255,255,255,.6)"]):not([style*="position:fixed"]) { color: var(--v-muted, #5f5e59) !important; }
[data-theme="light"] :is([style*="color:rgba(255,255,255,.16)"]) { color: rgba(24,24,27,.4) !important; }
[data-theme="light"] :is([style*="background:#0f0f18"], [style*="background:#0b0b0c"]):not(:is(.sv4-hero, .sv4-view) *) { background: var(--v-surface, #fff) !important; color: var(--v-text, #1c1a16); }

/* ── 6. Small leftovers ── */
[data-theme="light"] .lv-hd .lv-k { color: var(--v-muted); }
[data-theme="light"] .bestof-card-tag { color: #8a5a00 !important; }
[data-theme="light"] .v4-poster-tag.is-soon { color: #1a0d02; }
[data-theme="light"] .post-meta span { color: var(--text-muted, #6b6760); }
[data-theme="light"] .card-badge.badge-multiplex { color: #5b34d6; }

/* ── 7. Home hero: the photo hands over to the light page before the headline starts ── */
[data-theme="light"] .v4-hero.has-bd::after {
  background: linear-gradient(180deg, rgba(11,11,12,.45) 0, transparent 20%, rgba(246,245,241,.35) 38%, rgba(246,245,241,.88) 58%, var(--v-night) 78%),
              linear-gradient(90deg, var(--v-night) 0, transparent 14%, transparent 86%, var(--v-night) 100%);
}

/* ── 8. Seat finder controls: white buttons on the light card (they were see-through black) ── */
[data-theme="light"] :is(.sv4-find-c button[aria-checked=false], .sm-step, .sm-tog, .sm-copy) { background: var(--v-surface); border-color: var(--v-line-strong); }
[data-theme="light"] .sm-tog::before { background-color: #c9c6be; }
[data-theme="light"] .sm-tog[aria-checked=true]::before { background-color: #16a34a; }
[data-theme="light"] .sv4-pick .sv4-seat.is-pick { background: #f59e0b; box-shadow: 0 0 0 1.5px #b45309, 0 0 8px rgba(245,158,11,.6); }
[data-theme="light"] .sv4-pick .sv4-map-screen.is-bottom { border-bottom-color: #a8a49b; box-shadow: 0 6px 16px rgba(0,0,0,.08); }

/* ── Appearance switch in the menu (both themes) ── */
.nvm-theme { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 6px; padding: 4px; border-radius: 14px; background: var(--n-raised, rgba(127,127,127,.12)); border: 1px solid var(--n-line, transparent); }
.nvm-theme button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 46px; padding: 6px 8px; border: 0; border-radius: 11px; background: none; color: var(--n-muted, #a1a1aa); font: 700 14px/1.1 var(--n-sans, inherit); cursor: pointer; }
.nvm-theme small { font-size: 11px; font-weight: 600; opacity: .8; }
html[data-theme-pref="auto"] .nvm-theme [data-theme-set="auto"],
html[data-theme-pref="light"] .nvm-theme [data-theme-set="light"],
html[data-theme-pref="dark"] .nvm-theme [data-theme-set="dark"] { background: var(--v-surface, #fff); color: var(--v-text, #f4f4f5); box-shadow: 0 1px 3px rgba(0,0,0,.18); }


/* ── 9. Theatre page, desktop: the title overlaps the backdrop, so the photo hands over to the light page sooner ── */
@media (min-width: 900px) {
  [data-theme="light"] .ts-bd:after {
    background: linear-gradient(180deg, rgba(11,11,12,.22) 0%, rgba(246,245,241,0) 22%, rgba(246,245,241,.55) 45%, rgba(246,245,241,.9) 62%, var(--ts-bg) 78%),
                linear-gradient(90deg, var(--ts-bg) 0%, rgba(246,245,241,0) 22%, rgba(246,245,241,0) 78%, var(--ts-bg) 100%);
  }
}
[data-theme="light"] .ts-head h1 { text-shadow: none; }
[data-theme="light"] .hm-v-who { background: rgba(11, 11, 12, .62); color: #fff; }   /* a chip on a photo */