/* shared.css — styling shared by several Odeon pages, so a change is made
   ONCE here instead of in every page (clean-up step 2, 25 Sept 2026).

   Loaded AFTER each page's own <style> block, so these rules keep the same
   place in the cascade they had when they lived inside the pages (e.g. a
   coloured Gantt star stays coloured on hover).

   ── Must See + Going colours ────────────────────────────────────────────
   Level 3 = most important. Colour history: green/amber/red = 1/2/3
   (18 Sept); flipped so green = top, level 1 grey (22 Sept); Going red ->
   violet (24 Sept). To recolour, change the variables below - every page
   picks it up. Pages use them for their own row/label/cell backgrounds.
     --msN        star, underline and badge colour for level N
     --msN-tint   background of a Must See row / label / combo box
     --msN-cell   Gantt day-cell background (a shade lighter than the tint) */
:root {
  --ms1: #a3acbb;  --ms1-tint: #363b44;  --ms1-cell: #474e5a;   /* level 1: grey */
  --ms2: #ffd43b;  --ms2-tint: #4a4320;  --ms2-cell: #5e5528;   /* level 2: light yellow */
  --ms3: #3fb950;  --ms3-tint: #24433a;  --ms3-cell: #2d5a46;   /* level 3: green (top) */
  --going: #c792ff; --going-tint: #3e2d5c; --going-cell: #50397a; /* last few days */
}

/* The Must See star, wherever a page shows one (Listings, Double Bills, Gantt). */
.must-see-star.lvl-1 { color: var(--ms1); }
.must-see-star.lvl-2 { color: var(--ms2); }
.must-see-star.lvl-3 { color: var(--ms3); }
.must-see-star.going { color: var(--going); }

/* Must See film titles in the checklists (Listings, Double Bills). */
.must-see-title.lvl-1 { text-decoration: underline; text-decoration-color: var(--ms1); text-decoration-thickness: 2px; text-underline-offset: 2px; }
.must-see-title.lvl-2 { text-decoration: underline; text-decoration-color: var(--ms2); text-decoration-thickness: 2px; text-underline-offset: 2px; }
.must-see-title.lvl-3 { text-decoration: underline; text-decoration-color: var(--ms3); text-decoration-thickness: 2px; text-underline-offset: 2px; }
.must-see-title.going { text-decoration: underline; text-decoration-color: var(--going); text-decoration-thickness: 3px; text-underline-offset: 2px; }

/* ── Page background + menu (clean-up step 4, 25/28 Sept 2026) ──
   Only the properties IDENTICAL on every page. Anything that differs
   between pages (Gantt's smaller nav-link font, its nav margin, its body
   padding, pad's flex body) is a DIFFERENT property, left in that page's
   own <style> as a small residual rule - so it never collides with this
   file regardless of load order. */
body { font-family: system-ui, -apple-system, 'Segoe UI', sans-serif; background: #0d1628; color: #ffffff; }
nav { background: #0a1020; border-bottom: 1px solid #1a2a40; padding: .7rem 1.2rem; display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
.nav-link { font-weight: 900; font-style: italic; color: #4a6a9a; text-decoration: none; letter-spacing: .08em; text-transform: uppercase; transition: color .15s; }
.nav-link:hover { color: #8899bb; }