/* ═══════════════════════════════════════
   THEME OVERRIDES — v3.0.0
   Text readability, logo swap, light theme
   ═══════════════════════════════════════ */

/* ═══════════════════════════════════════
   DARK THEME — Text Readability Fix
   Brighten secondary/muted text for better
   contrast on dark backgrounds.
   ═══════════════════════════════════════ */
:root,
[data-theme="dark"] {
    --text-secondary: #b0b0b0;
    --text-muted: #8a8a8a;
}

/* ── Logo: dark/light swap ──
   Green logo visible in dark mode, gray logo in light mode.
   Only one shows at a time via display toggle.
   Higher specificity to override .header-logo img { display: block } in style.css */
.header-logo img.logo-light { display: none; }
.header-logo img.logo-dark  { display: block; }
[data-theme="light"] .header-logo img.logo-light { display: block; }
[data-theme="light"] .header-logo img.logo-dark  { display: none; }

/* ── Subnav: match header style ──
   Remove uppercase, use title case like header tabs.
   Slightly smaller font, tighter spacing. */
.subnav-link {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: .82rem !important;
}

/* ═══════════════════════════════════════
   HEADER LIGHT THEME
   Clean white header, gray logo (no pill needed).
   ═══════════════════════════════════════ */

[data-theme="light"] .site-header {
    background: #ffffff;
    border-bottom-color: rgba(0,0,0,.08);
}

/* Logo: no pill — gray SVG reads on white */
[data-theme="light"] .header-logo {
    background: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

/* Sport tabs */
[data-theme="light"] .sport-tab {
    color: rgba(0,0,0,.45);
}
[data-theme="light"] .sport-tab:hover {
    color: rgba(0,0,0,.8);
}
[data-theme="light"] .sport-tab.active {
    color: #111;
    border-bottom-color: #854DFF;
}
[data-theme="light"] .sport-tab .mega-caret {
    color: inherit;
}

/* Search button */
[data-theme="light"] .header-search {
    background: rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.45);
}
[data-theme="light"] .header-search:hover {
    border-color: rgba(0,0,0,.2);
    color: rgba(0,0,0,.7);
}
[data-theme="light"] .header-search svg {
    stroke: currentColor;
}

/* Theme toggle */
[data-theme="light"] .theme-toggle {
    color: rgba(0,0,0,.45);
}
[data-theme="light"] .theme-toggle:hover {
    color: #111;
    background: rgba(0,0,0,.06);
}

/* Burger (mobile) */
[data-theme="light"] .header-burger {
    color: rgba(0,0,0,.6);
}

/* ═══════════════════════════════════════
   SUBNAV LIGHT THEME
   ═══════════════════════════════════════ */

[data-theme="light"] .subnav {
    background: #f5f5f7;
    border-bottom-color: rgba(0,0,0,.08);
}
[data-theme="light"] .subnav-link {
    color: rgba(0,0,0,.4);
}
[data-theme="light"] .subnav-link:hover {
    color: rgba(0,0,0,.75);
}
[data-theme="light"] .subnav-link.active {
    color: #111;
    border-bottom-color: #854DFF;
}

/* ═══════════════════════════════════════
   TICKER LIGHT THEME
   ═══════════════════════════════════════ */

[data-theme="light"] .scores-ticker {
    background: #f5f5f7;
    border-bottom-color: rgba(0,0,0,.06);
}
[data-theme="light"] .ticker-card {
    background: #ffffff;
    border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .ticker-card:hover {
    border-color: rgba(0,0,0,.15);
    background: #fafafa;
}
[data-theme="light"] .ticker-team-name {
    color: #111;
}
[data-theme="light"] .ticker-score {
    color: #111;
}
[data-theme="light"] .ticker-status {
    color: rgba(0,0,0,.5);
}
[data-theme="light"] .ticker-nav {
    background: #f5f5f7;
    color: rgba(0,0,0,.4);
    border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .ticker-nav:hover {
    color: #111;
    background: #eee;
}
[data-theme="light"] .ticker-empty {
    color: rgba(0,0,0,.35);
}
[data-theme="light"] .ticker-fade-left {
    background: linear-gradient(to right, #f5f5f7, transparent);
}
[data-theme="light"] .ticker-fade-right {
    background: linear-gradient(to left, #f5f5f7, transparent);
}

/* ═══════════════════════════════════════
   BREADCRUMBS LIGHT THEME
   ═══════════════════════════════════════ */

[data-theme="light"] .breadcrumbs {
    color: rgba(0,0,0,.4);
}
[data-theme="light"] .breadcrumbs a {
    color: rgba(0,0,0,.5);
}
[data-theme="light"] .breadcrumbs a:hover {
    color: #111;
}
[data-theme="light"] .breadcrumbs-sep {
    color: rgba(0,0,0,.2);
}