/* Zala CA v0.13 — Light is a visual skin over the exact same markup/data as Dark. */
html.zala-light { color-scheme: light; background:#f8f9fa; }
html.zala-light body { background:#f8f9fa !important; color:#1b1b1f !important; }
html.zala-light .bg-surface, html.zala-light .bg-background { background-color:#f8f9fa !important; }
html.zala-light .bg-surface-container-lowest { background-color:#ffffff !important; }
html.zala-light .bg-surface-container-low { background-color:#f1f2f4 !important; }
html.zala-light .bg-surface-container { background-color:#eceef1 !important; }
html.zala-light .bg-surface-container-high { background-color:#e4e6e9 !important; }
html.zala-light .bg-surface-container-highest, html.zala-light .bg-surface-variant { background-color:#d9dce0 !important; }
html.zala-light .text-on-surface, html.zala-light .text-on-background { color:#1b1b1f !important; }
html.zala-light .text-on-surface-variant { color:#5f6368 !important; }
html.zala-light .text-primary { color:#ad0012 !important; }
html.zala-light .text-primary-container { color:#c00015 !important; }
html.zala-light .bg-primary-container { background-color:#c00015 !important; }
html.zala-light .text-on-primary-container { color:#ffffff !important; }
html.zala-light .text-secondary { color:#9a5d00 !important; }
html.zala-light .bg-secondary-container { background-color:#ffb95f !important; }
html.zala-light .border-outline, html.zala-light .border-outline-variant { border-color:#d4d7dc !important; }
html.zala-light header { background-color:rgba(255,255,255,.94) !important; box-shadow:0 4px 22px rgba(24,24,27,.10) !important; }
html.zala-light footer { background-color:#ffffff !important; border-color:#e2e4e8 !important; }
html.zala-light input, html.zala-light select, html.zala-light textarea { color:#1b1b1f; }
html.zala-light .shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.6\)\] { box-shadow:0 4px 22px rgba(24,24,27,.10) !important; }
html.zala-light [class*="bg-surface-container-lowest/"] { background-color:rgba(255,255,255,.94) !important; }
html.zala-light [class*="bg-surface-container/"] { background-color:rgba(236,238,241,.92) !important; }
html.zala-light [class*="text-on-surface/"] { color:#1b1b1f !important; }
html.zala-light [class*="text-on-surface-variant/"] { color:#5f6368 !important; }
html.zala-light [class*="border-outline-variant/"] { border-color:#d4d7dc !important; }
html.zala-light .selection\:bg-primary-container::selection { background:#c00015; color:#fff; }
/* Keep imagery rich in both themes, but soften dark overlays in light mode. */
html.zala-light [class*="from-surface"], html.zala-light [class*="via-surface"] { --tw-gradient-from:rgba(248,249,250,.92) var(--tw-gradient-from-position) !important; }
/* Unified mobile header: logo + ZALA CA + switcher only. */
@media (max-width:1023px){
  html.zala-light header { background-color:rgba(255,255,255,.96) !important; }
}

/* v0.14.3: mobile switch is a real button in both themes, never a black placeholder. */
[data-zala-theme]{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
[data-zala-theme] svg{display:block;width:20px;height:20px;pointer-events:none;}
html.zala-light [data-zala-theme]{background:#f1f2f4 !important;color:#ad0012 !important;border:1px solid #d4d7dc !important;box-shadow:none !important;}
html.dark [data-zala-theme]{background:#1f1f23 !important;color:#ffb95f !important;border:1px solid rgba(255,255,255,.08) !important;}
