/* wiagil.com — site theme: LIGHT supplement (2026-10-29, family56 bundle D). OPTIONAL file.
   The site ALREADY has a light mode: body.light-mode + /light-mode.css (857 lines, owner
   components/site-kit/wpc-settings-modal.js = window.WiaSiteTheme, key localStorage.kaitrust_theme). The engine is
   expected to turn body.light-mode on/off in sync (lightClass, like relay/cqmdesk), so light-mode.css does the work.
   This file only patches what light-mode.css does NOT cover on index.html (found by diffing style.css selectors with
   dark hard-coded backgrounds against light-mode.css — 43 selectors, most of them transient vehicle frames / overlays
   that are fine dark; the real gaps are below). Live files NOT changed. Load right before </head> (after /style.css
   and the two inline <style>s). Every rule is scoped to html[data-theme="light"]; light-mode.css itself uses
   body.light-mode (0,2,0) — the two never fight because they cover different selectors. No color-scheme here.
   !important: 2 declarations, both for inline style="" on header controls (reasons inline). */

/* ===== hamburger drawer (style.css 1099–1180): background rgba(10,10,30,.98) is NOT in light-mode.css, while its
   text colours are var(--text-secondary/tertiary) which light-mode.css flips to DARK → dark text on a dark drawer. ===== */
html[data-theme="light"] .hamburger-drawer { background: rgba(255, 255, 255, .98); border-left-color: rgba(102, 126, 234, .35); box-shadow: -8px 0 24px rgba(15, 23, 42, .18); }
html[data-theme="light"] .hamburger-overlay { background: rgba(15, 23, 42, .45); }
html[data-theme="light"] .drawer-header { border-bottom-color: rgba(102, 126, 234, .25); }
html[data-theme="light"] .drawer-title { color: #1a1a2e; }
html[data-theme="light"] .drawer-close { color: #475569; }
html[data-theme="light"] .drawer-section { border-bottom-color: #e2e8f0; }
html[data-theme="light"] .drawer-section-label { color: #4a5abe; }        /* was rgba(102,126,234,.8) — 6.1:1 on white */
html[data-theme="light"] .drawer-item { color: #1a1a2e; }
html[data-theme="light"] .drawer-item:active,
html[data-theme="light"] .drawer-item:hover { background: rgba(102, 126, 234, .12); }
html[data-theme="light"] .drawer-item i,
html[data-theme="light"] .drawer-item span:first-child { color: #4a5abe; }
html[data-theme="light"] .drawer-item:focus-visible,
html[data-theme="light"] .drawer-close:focus-visible { outline: 2px solid #4a5abe; outline-offset: 2px; }

/* ===== header controls that light-mode.css reaches only partly ===== */
/* #wiagil-login-btn (inline rgba(255,255,255,.15) fill + rgba(255,255,255,.4) border): light-mode.css recolours the TEXT
   (.wiagil-header a → #1a1a2e !important) but the white-on-white pill loses its outline → same look as the language
   button (light-mode.css line 57 gives #wgLangBtn an indigo tint). Inline → !important. */
html[data-theme="light"] #wiagil-login-btn { background: rgba(102, 126, 234, .12) !important; border-color: rgba(102, 126, 234, .4) !important; }
/* #wgScanBtn is a white 40px disc (inline <style id="wgScanBtnCss">, not inline style=) on the now-white header → keep
   its shadow but add a hairline so the disc still reads as a button */
html[data-theme="light"] #wgScanBtn { box-shadow: 0 3px 10px rgba(15, 23, 42, .18), 0 0 0 1px rgba(15, 23, 42, .12); }

/* ===== satellite category chips (rgba(255,255,255,.06) fill, var(--text-*) text) — same dark-on-dark trap as the drawer ===== */
html[data-theme="light"] .sat-cat-btn { background: #fff; border-color: #7b879c; color: #1a1a2e; }
html[data-theme="light"] .sat-cat-btn:hover { background: #eef2ff; }
html[data-theme="light"] .sat-cat-btn.active { background: rgba(102, 126, 234, .15); color: #1a1a2e; border-color: currentColor; }

/* ===== map attribution (leaflet, rgba(0,0,0,.5) !important in style.css — cannot be lightened without !important;
   white text on half-black over map tiles is legible in both themes → left as is) ===== */

/* ===== NOT patched on purpose (dark in both themes, by design): .loading-overlay (splash), .intro/#000511 splash,
   .little-prince-quote (already white), .jc-frame-* vehicle frames, .live-sky-popup (night sky), #globeCanvas (#000),
   body.worldtour-active panels, .wt-city-badge-inner (map marker badge), scrollbars inside #countryBarGrid. ===== */