/*
 * LKS global theme overrides
 * Dark mode is the site default — no overrides needed.
 */

/* ── Light mode ─────────────────────────────────────────────── */

:root[data-theme="light"] { color-scheme: light; }

/* Page base — light grey so white cards pop */
:root[data-theme="light"] html,
:root[data-theme="light"] body { background-color: #eaeaea !important; color: #1a1a1a !important; }

/* Broad element background override — catches class-based dark rules in per-page <style> blocks */
:root[data-theme="light"] div,
:root[data-theme="light"] section,
:root[data-theme="light"] article,
:root[data-theme="light"] main,
:root[data-theme="light"] aside,
:root[data-theme="light"] p,
:root[data-theme="light"] span,
:root[data-theme="light"] li,
:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] h4,
:root[data-theme="light"] h5,
:root[data-theme="light"] h6 { background-color: transparent !important; }

/* Broad text colour fix — catches inline color:#fff etc. */
:root[data-theme="light"] * { color: #1a1a1a !important; }

/* Re-allow brand and status colours */
:root[data-theme="light"] [style*="color:#e74c3c"],
:root[data-theme="light"] [style*="color: #e74c3c"],
:root[data-theme="light"] [style*="color:#c0392b"],
:root[data-theme="light"] [style*="color:#4CAF50"],
:root[data-theme="light"] [style*="color:#4caf50"],
:root[data-theme="light"] [style*="color:#4caf6a"],
:root[data-theme="light"] [style*="color:#007bff"],
:root[data-theme="light"] [style*="color:#17a2b8"],
:root[data-theme="light"] [style*="color:#ffc107"],
:root[data-theme="light"] [style*="color:#ff6b35"],
:root[data-theme="light"] [style*="color:#00bcd4"],
:root[data-theme="light"] [style*="color:orange"],
:root[data-theme="light"] [style*="color:red"],
:root[data-theme="light"] [style*="color:green"] { color: unset !important; }

/* Convert dark inline backgrounds to white */
:root[data-theme="light"] [style*="background:#0f0f0f"],
:root[data-theme="light"] [style*="background: #0f0f0f"],
:root[data-theme="light"] [style*="background-color:#0f0f0f"],
:root[data-theme="light"] [style*="background-color: #0f0f0f"],
:root[data-theme="light"] [style*="background:#111"],
:root[data-theme="light"] [style*="background-color:#111"],
:root[data-theme="light"] [style*="background:#111111"],
:root[data-theme="light"] [style*="background-color:#111111"],
:root[data-theme="light"] [style*="background:#121212"],
:root[data-theme="light"] [style*="background: #121212"],
:root[data-theme="light"] [style*="background-color:#121212"],
:root[data-theme="light"] [style*="background:#1a1a1a"],
:root[data-theme="light"] [style*="background: #1a1a1a"],
:root[data-theme="light"] [style*="background-color:#1a1a1a"],
:root[data-theme="light"] [style*="background:#1c1c1c"],
:root[data-theme="light"] [style*="background-color:#1c1c1c"],
:root[data-theme="light"] [style*="background:#1e1e1e"],
:root[data-theme="light"] [style*="background: #1e1e1e"],
:root[data-theme="light"] [style*="background-color:#1e1e1e"],
:root[data-theme="light"] [style*="background:#222"],
:root[data-theme="light"] [style*="background: #222"],
:root[data-theme="light"] [style*="background-color:#222"],
:root[data-theme="light"] [style*="background-color: #222"],
:root[data-theme="light"] [style*="background:#222222"],
:root[data-theme="light"] [style*="background-color:#222222"],
:root[data-theme="light"] [style*="background:#252525"],
:root[data-theme="light"] [style*="background: #252525"],
:root[data-theme="light"] [style*="background-color:#252525"],
:root[data-theme="light"] [style*="background:#2a2a2a"],
:root[data-theme="light"] [style*="background-color:#2a2a2a"],
:root[data-theme="light"] [style*="background:#2c2c2c"],
:root[data-theme="light"] [style*="background-color:#2c2c2c"],
:root[data-theme="light"] [style*="background:#303030"],
:root[data-theme="light"] [style*="background-color:#303030"],
:root[data-theme="light"] [style*="background:#333"],
:root[data-theme="light"] [style*="background: #333"],
:root[data-theme="light"] [style*="background-color:#333"],
:root[data-theme="light"] [style*="background-color: #333"],
:root[data-theme="light"] [style*="background:#333333"],
:root[data-theme="light"] [style*="background-color:#333333"],
:root[data-theme="light"] [style*="background:#3a3a3a"],
:root[data-theme="light"] [style*="background-color:#3a3a3a"],
:root[data-theme="light"] [style*="background:#3d3d3d"],
:root[data-theme="light"] [style*="background-color:#3d3d3d"],
:root[data-theme="light"] [style*="background:#3f3f3f"],
:root[data-theme="light"] [style*="background-color:#3f3f3f"],
:root[data-theme="light"] [style*="background:#404040"],
:root[data-theme="light"] [style*="background-color:#404040"],
:root[data-theme="light"] [style*="background:#444"],
:root[data-theme="light"] [style*="background-color:#444"],
:root[data-theme="light"] [style*="background:#444444"],
:root[data-theme="light"] [style*="background-color:#444444"] { background-color: #ffffff !important; background: #ffffff !important; }

/* Slightly off-white for mid-level panels */
:root[data-theme="light"] [style*="background:#555"],
:root[data-theme="light"] [style*="background-color:#555"],
:root[data-theme="light"] [style*="background:#555555"],
:root[data-theme="light"] [style*="background-color:#555555"],
:root[data-theme="light"] [style*="background:#4a4a4a"],
:root[data-theme="light"] [style*="background-color:#4a4a4a"] { background-color: #f0f0f0 !important; background: #f0f0f0 !important; }

/* Borders */
:root[data-theme="light"] [style*="border-color:#333"],
:root[data-theme="light"] [style*="border-color:#444"],
:root[data-theme="light"] [style*="border-color:#555"],
:root[data-theme="light"] [style*="border: 1px solid #333"],
:root[data-theme="light"] [style*="border: 1px solid #444"] { border-color: #d0d0d0 !important; }

/* Tables */
:root[data-theme="light"] table { border-color: #d0d0d0 !important; }
:root[data-theme="light"] th,
:root[data-theme="light"] thead th { background-color: #e0e0e0 !important; }
:root[data-theme="light"] tbody tr:nth-child(even) td { background-color: #f6f6f6 !important; }
:root[data-theme="light"] tbody tr:hover td { background-color: #eef4ff !important; }
:root[data-theme="light"] td,
:root[data-theme="light"] th { border-color: #d0d0d0 !important; }

/* Inputs */
:root[data-theme="light"] input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="color"]),
:root[data-theme="light"] select,
:root[data-theme="light"] textarea {
    background-color: #ffffff !important;
    border-color: #c0c0c0 !important;
}

/* Bootstrap cards */
:root[data-theme="light"] .card { background-color: #ffffff !important; border-color: #d0d0d0 !important; }
:root[data-theme="light"] .card-header,
:root[data-theme="light"] .card-footer { background-color: #f0f0f0 !important; border-color: #d0d0d0 !important; }

/* Keep map canvas untouched */
:root[data-theme="light"] .mapboxgl-canvas,
:root[data-theme="light"] .mapboxgl-map,
:root[data-theme="light"] #map,
:root[data-theme="light"] canvas { background-color: unset !important; color: unset !important; }

/* Keep nav and side drawer dark always */
:root[data-theme="light"] nav { background-color: #222 !important; }
:root[data-theme="light"] nav * { color: #ccc !important; }
:root[data-theme="light"] .side-drawer,
:root[data-theme="light"] .side-drawer * { background-color: unset !important; color: unset !important; }
:root[data-theme="light"] .menu-toggle,
:root[data-theme="light"] .menu-toggle * { color: #ccc !important; }

/* Preview banner */
:root[data-theme="light"] [style*="background:#f59e0b"],
:root[data-theme="light"] [style*="background: #f59e0b"] { background-color: #f59e0b !important; color: #1a1a1a !important; }

/* ── Dark mode (default — no overrides needed) ───────────────── */
:root[data-theme="dark"] { color-scheme: dark; }