/* ===========================================================================
   GOALBET SKIN — BluBet-style light theme (blue header · navy sidebars ·
   yellow accents · light body · white cards). Scoped to html[data-brand="goalbet"]
   so the other 3 brands are unaffected. Loaded only on goalbet (see header.php).
   =========================================================================== */

html[data-brand="goalbet"] {
  /* palette tokens — drive odds, links, accents, cards everywhere */
  --it-accent: #FFCC00; --it-accent-2: #ffd84d; --it-accent-3: #0A579E;
  --it-green: #1aa54a; --it-green-ink: #ffffff;
  --bs-bg: #F5F6F8; --bs-bg-strong: #0A579E;
  --bs-surface: #FFFFFF; --bs-surface-2: #F7F8FA; --bs-surface-3: #EEF1F5;
  --bs-border: #E2E6EA; --bs-border-strong: #D4DAE1; --bs-divider: #E2E6EA;
  --bs-text: #333333; --bs-text-muted: #777777; --bs-text-soft: #9aa3ad; --bs-text-invert: #ffffff;
  --bs-primary: #FFCC00; --bs-primary-strong: #E6B800; --bs-primary-soft: rgba(255,204,0,.16); --bs-primary-ink: #1b1b1b;
  --bs-accent: #FFCC00; --bs-accent-strong: #E6B800; --bs-accent-soft: rgba(255,204,0,.16); --bs-accent-ink: #1b1b1b;
  --bs-shadow-sm: 0 1px 2px rgba(16,24,40,.05); --bs-shadow: 0 1px 3px rgba(16,24,40,.07); --bs-shadow-lg: 0 8px 24px rgba(16,24,40,.10);
  --accent-brand: #FFCC00;
  color-scheme: light;
}

html[data-brand="goalbet"] body,
html[data-brand="goalbet"] .it-body { background: #F5F6F8; color: #333; }
html[data-brand="goalbet"] .it-main { background: #F5F6F8; }

/* ── A. HEADER — premium blue betting header (gradient + gold accent) ──────── */
html[data-brand="goalbet"] .it-header,
html[data-brand="goalbet"] header.it-header.glass {
  background: linear-gradient(180deg, #1488c6 0%, #0d6ea6 52%, #0a5e92 100%) !important;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  border-bottom: 2px solid #FFCC00 !important;
  box-shadow: 0 4px 18px rgba(8,46,77,.30);
}
html[data-brand="goalbet"] .it-header__inner { gap: .5rem; }
html[data-brand="goalbet"] .it-header::after,
html[data-brand="goalbet"] header.glass::after { display: none !important; }
html[data-brand="goalbet"] .it-header--scrolled { box-shadow: 0 6px 22px rgba(8,46,77,.42); }

/* primary nav — soft pill hover + bold gold underline on active */
html[data-brand="goalbet"] .pnav-link {
  color: rgba(255,255,255,.94); font-weight: 600; border-radius: 9px; padding: .5rem .75rem;
}
html[data-brand="goalbet"] .pnav-link:hover { color: #fff; background: rgba(255,255,255,.12); }
html[data-brand="goalbet"] .pnav-link.is-active { color: #fff; background: rgba(255,255,255,.15); }
html[data-brand="goalbet"] .pnav-link.is-active i,
html[data-brand="goalbet"] .pnav-link:hover i { color: #FFCC00; }
html[data-brand="goalbet"] .pnav-link::after { background: #FFCC00 !important; height: 3px; border-radius: 3px 3px 0 0; }
html[data-brand="goalbet"] .pnav-link.is-active::after { transform: scaleX(1); opacity: 1; }

/* icon buttons (menu / search / theme) */
html[data-brand="goalbet"] .it-header__menu,
html[data-brand="goalbet"] .it-header__search,
html[data-brand="goalbet"] .theme-toggle {
  color: #fff; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.10);
}
html[data-brand="goalbet"] .it-header__menu:hover,
html[data-brand="goalbet"] .it-header__search:hover,
html[data-brand="goalbet"] .theme-toggle:hover { color: #FFCC00; border-color: rgba(255,204,0,.6); background: rgba(255,255,255,.18); }
html[data-brand="goalbet"] .it-header__greet { color: rgba(255,255,255,.92); font-weight: 600; }

/* Register = gold gradient (pops); Login = clean white outline */
html[data-brand="goalbet"] .btn-gold {
  background: linear-gradient(135deg, #FFDA4F 0%, #FFCC00 100%) !important; color: #14233a !important;
  border: none !important; font-weight: 800; box-shadow: 0 4px 14px rgba(255,204,0,.38);
}
html[data-brand="goalbet"] .btn-gold:hover { filter: brightness(1.04); transform: translateY(-1px); box-shadow: 0 7px 20px rgba(255,204,0,.52); }
html[data-brand="goalbet"] .btn-ghost { color: #fff; border: 1.5px solid rgba(255,255,255,.55); background: transparent; font-weight: 600; }
html[data-brand="goalbet"] .btn-ghost:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,.14); }
html[data-brand="goalbet"] .hbtn { color: #fff; }
html[data-brand="goalbet"] .hbtn:hover { color: #FFCC00; background: rgba(255,255,255,.14); }

/* balance chip — glassy white pill with gold wallet icon */
html[data-brand="goalbet"] .balance-chip {
  background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.28); font-weight: 700;
}
html[data-brand="goalbet"] .balance-chip i { color: #FFCC00; }
html[data-brand="goalbet"] .balance-chip:hover { background: rgba(255,255,255,.24); border-color: rgba(255,204,0,.6); }

/* ── A2. Mobile header polish (<1024px) ───────────────────────────────────── */
@media (max-width: 1023px) {
  html[data-brand="goalbet"] .it-header__inner { padding: 0 .6rem; gap: .35rem; }
  html[data-brand="goalbet"] .it-header__menu,
  html[data-brand="goalbet"] .it-header__search { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 9px; }
  html[data-brand="goalbet"] .btn-gold,
  html[data-brand="goalbet"] .btn-ghost { padding: .45rem .7rem; font-size: .82rem; }
  html[data-brand="goalbet"] .balance-chip { padding: .4rem .6rem; font-size: .8rem; }
}

/* ── A3. DARK THEME — header joins the dark-navy sportsbook palette ────────── */
/* The bright blue (above) is the light-theme look. In dark mode the page body is
   deep navy (#06101F / cards #0C1B30–#102742), so the header must be dark too —
   a slightly-elevated navy gradient + gold accent so it reads as a header but is
   clearly the same theme as the board, sidebar and betslip. */
html[data-brand="goalbet"][data-theme="dark"] .it-header,
html[data-brand="goalbet"][data-theme="dark"] header.it-header.glass {
  background: linear-gradient(180deg, #11304f 0%, #0a1c30 100%) !important;
  border-bottom: 2px solid #FFCC00 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.45);
}
/* Subtle hairline so nav controls have separation on the dark bar */
html[data-brand="goalbet"][data-theme="dark"] .it-header__menu,
html[data-brand="goalbet"][data-theme="dark"] .it-header__search,
html[data-brand="goalbet"][data-theme="dark"] .theme-toggle {
  border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06);
}
html[data-brand="goalbet"][data-theme="dark"] .balance-chip {
  background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18);
}

/* ── B. LEFT SIDEBAR — deep navy ──────────────────────────────────────────── */
html[data-brand="goalbet"] .bs-app .ls-card,
html[data-brand="goalbet"] #navDrawer.ls-card {
  background: #111A2C !important; border-color: #1f2940 !important; color: #e8edf5;
}
html[data-brand="goalbet"] #navDrawer, html[data-brand="goalbet"] #navDrawer * { border-color: #243150; }
html[data-brand="goalbet"] .ls-menu-head, html[data-brand="goalbet"] .ls-menu-head__status,
html[data-brand="goalbet"] .ls-fav, html[data-brand="goalbet"] #topLeagues, html[data-brand="goalbet"] #sportTree { color: #e8edf5; }
html[data-brand="goalbet"] .ls-fav { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
html[data-brand="goalbet"] .ls-fav__star { color: #FFCC00; }
/* Top-league mini cards: white with dark-blue text */
html[data-brand="goalbet"] #topLeagues a,
html[data-brand="goalbet"] #topLeagues .ls-league,
html[data-brand="goalbet"] #topLeagues > * > * {
  background: #fff; color: #111A2C; border: 1px solid #d9dee6; border-radius: 6px;
}
/* sport tree rows */
html[data-brand="goalbet"] #sportTree a:hover,
html[data-brand="goalbet"] #sportTree button:hover { background: rgba(255,255,255,.06); }
html[data-brand="goalbet"] #navSearch,
html[data-brand="goalbet"] #navDrawer input[type="search"] { background: #0b1322; border: 1px solid #2a3856; color: #fff; }

/* ── C. CENTER — light body, white cards ──────────────────────────────────── */
html[data-brand="goalbet"] .bs-app { color: #333; }
html[data-brand="goalbet"] .bs-app .glass {
  background: #fff !important; backdrop-filter: none; -webkit-backdrop-filter: none;
  border-color: #E2E6EA !important; color: #333;
}
html[data-brand="goalbet"] .bs-app .glass::after { display: none; }
/* flip dark utility backgrounds used in the center to white/light */
html[data-brand="goalbet"] .bs-app .bg-black\/80,
html[data-brand="goalbet"] .bs-app .bg-black\/70,
html[data-brand="goalbet"] .bs-app .bg-black\/60,
html[data-brand="goalbet"] .bs-app .bg-black\/50,
html[data-brand="goalbet"] .bs-app .bg-black\/40,
html[data-brand="goalbet"] .bs-app .bg-black\/30,
html[data-brand="goalbet"] .bs-app .bg-\[\#050505\] { background: #fff !important; }
html[data-brand="goalbet"] .bs-app .text-gray-400,
html[data-brand="goalbet"] .bs-app .text-gray-500,
html[data-brand="goalbet"] .bs-app .text-gray-300 { color: #777 !important; }
/* date strip / sport strip / match rows */
html[data-brand="goalbet"] #dateStrip, html[data-brand="goalbet"] #sportStrip,
html[data-brand="goalbet"] #matchList, html[data-brand="goalbet"] #featuredStrip { color: #333; }
html[data-brand="goalbet"] #matchList > * { background: #fff; border-color: #E2E6EA; }
html[data-brand="goalbet"] #matchList > *:hover { background: #F2F6FB; }
html[data-brand="goalbet"] .bs-sportstrip { background: #fff; border: 1px solid #E2E6EA; border-radius: 6px; }

/* odds cells — petrol-teal with subtle depth, white numbers; selected = dark navy; locked = light */
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-btn {
  background: linear-gradient(180deg, #1487b5 0%, #0f769f 100%) !important;
  border: 1px solid #0c6890 !important; color: #fff !important; border-radius: 5px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  transition: filter .12s ease, transform .07s ease, box-shadow .12s ease !important;
  position: relative;
}
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-btn .odd-lbl { color: rgba(255,255,255,.68) !important; font-size: 9px !important; text-transform: uppercase; letter-spacing: .02em; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-btn .odd-val { color: #fff !important; font-size: 13px !important; font-weight: 800 !important; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-btn:hover { filter: brightness(1.09); box-shadow: 0 3px 8px rgba(8,50,75,.28), inset 0 1px 0 rgba(255,255,255,.12) !important; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-btn:active { transform: scale(.96); }
/* selected cell — near-black with white text (exactly like the reference) */
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-active {
  background: #0a1722 !important; border-color: #0a1722 !important;
}

/* betslip → "FICHE DE PARI" teal header + sidebar section headers teal */
html[data-brand="goalbet"] #slipSheet [class*="from-amber-600"] { background: #0e7ab0 !important; background-image: none !important; border-color: #0c6a96 !important; }
html[data-brand="goalbet"] #slipSheet h3.gold, html[data-brand="goalbet"] #slipSheet h3.gold .gold { color: #fff !important; }
html[data-brand="goalbet"] #slipSheet #slipCount { background: #ffcc00 !important; color: #1b1b1b !important; }
html[data-brand="goalbet"] .ls-tabs { background: #0e7ab0 !important; }
html[data-brand="goalbet"] .ls-tab.is-active { color: #fff !important; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-active .odd-lbl { color: rgba(255,255,255,.6) !important; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.odd-active .odd-val { color: #fff !important; }
/* locked / unavailable cells — same teal + white padlock (uniform grid, like the reference) */
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.empty,
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.locked {
  background: linear-gradient(180deg, #1487b5 0%, #0f769f 100%) !important; border: 1px solid #0c6890 !important;
  opacity: .82 !important; filter: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.empty .odd-lbl,
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.locked .odd-lbl { color: rgba(255,255,255,.6) !important; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.empty i,
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.locked .odd-val { color: rgba(255,255,255,.9) !important; font-size: 11px !important; }
/* market selector dropdowns */
html[data-brand="goalbet"] .bs-app .bs-mkt-sel { background: #fff !important; border-color: #E2E6EA !important; color: #333 !important; font-weight: 700 !important; }

/* ── D. RIGHT SIDEBAR — white cards with navy headers ─────────────────────── */
html[data-brand="goalbet"] .bs-app .rs-card { background: #fff !important; border: 1px solid #E2E6EA !important; color: #333; border-radius: 6px; }
html[data-brand="goalbet"] .rs-card__head { background: #0e7ab0 !important; color: #fff !important; border-bottom: none; }
/* "EN DIRECT MAINTENANT" + sidebar section header bars → teal (Forzza) */
html[data-brand="goalbet"] .bs-app .bs-table-head { background: #0e7ab0 !important; border-bottom: none !important; }
html[data-brand="goalbet"] .bs-app .bs-table-head h2,
html[data-brand="goalbet"] .bs-app .bs-table-head i,
html[data-brand="goalbet"] .bs-app .bs-table-head span { color: #fff !important; }
html[data-brand="goalbet"] .ls-menu-head { background: #0e7ab0 !important; }
html[data-brand="goalbet"] .ls-menu-head__title, html[data-brand="goalbet"] .ls-menu-head__title i { color: #fff !important; }
html[data-brand="goalbet"] .rs-card__body { background: #fff; color: #333; }
/* bet slip */
html[data-brand="goalbet"] #slipSheet { background: #fff !important; color: #333; border-color: #E2E6EA; }
html[data-brand="goalbet"] #slipSheet .bg-black\/30,
html[data-brand="goalbet"] #slipSheet .bg-black\/40 { background: #F2F4F7 !important; }
html[data-brand="goalbet"] #slipCount { background: #FFCC00; color: #1b1b1b; }
html[data-brand="goalbet"] #placeBtn { background: #FFCC00 !important; color: #1b1b1b !important; }

/* time/sport filter pills (left widget + center tabs) — active = yellow */
html[data-brand="goalbet"] .kind-tab.is-active,
html[data-brand="goalbet"] .ls-tab.is-active,
html[data-brand="goalbet"] .bs-sportstrip .is-active { background: #FFCC00; color: #1b1b1b; border-color: #E6B800; }

/* bonus / jackpot promo bar — neutralise the purple gradient to clean white+blue */
html[data-brand="goalbet"] .bonus-bar { background: #fff !important; border: 1px solid #E2E6EA !important; }
html[data-brand="goalbet"] .bonus-bar__jp,
html[data-brand="goalbet"] .bonus-bar__tier { background: rgba(10,87,158,.07) !important; border: 1px solid rgba(10,87,158,.2) !important; color: #111A2C !important; }
html[data-brand="goalbet"] .bonus-bar__jp-val { color: #0A579E !important; }
html[data-brand="goalbet"] .bonus-bar__jp-label,
html[data-brand="goalbet"] .bonus-bar__totalizer { color: #666 !important; }
html[data-brand="goalbet"] .bonus-bar i { color: #FFCC00; }

/* rounded, clean (no heavy shadows) */
html[data-brand="goalbet"] .bs-app .rs-card,
html[data-brand="goalbet"] .bs-app .ls-card,
html[data-brand="goalbet"] .bs-app .glass { box-shadow: 0 1px 3px rgba(16,24,40,.06); }

/* live pill stays red/green semantics; keep the LIVE accent readable on light */
html[data-brand="goalbet"] .bs-app .bs-live-pill,
html[data-brand="goalbet"] .bs-app .live-badge { background: rgba(239,68,68,.1); color: #d61f1f; border-color: rgba(239,68,68,.3); }

/* ===========================================================================
   GOALBET — odds-table professional polish (group separation + corner arrows)
   =========================================================================== */
/* a touch smaller cell to make room for the inter-group gaps */
html[data-brand="goalbet"] .bs-app { --bs-cellw: 42px; }

/* clear visual separation between the 5 market groups (mkt-bar / sub-header / rows) */
html[data-brand="goalbet"] .bs-app .bs-mkt-grp + .bs-mkt-grp { margin-left: 9px; }
html[data-brand="goalbet"] .bs-app .bs-subhead__grp + .bs-subhead__grp { margin-left: 9px; }
html[data-brand="goalbet"] .bs-app #matchList .bs-row .o-dc,
html[data-brand="goalbet"] .bs-app #matchList .bs-row .o-tot,
html[data-brand="goalbet"] .bs-app #matchList .bs-row .o-gg,
html[data-brand="goalbet"] .bs-app #matchList .bs-row .o-oe { margin-left: 9px !important; }

/* odds cell — number perfectly centred, comfortable height */
html[data-brand="goalbet"] .bs-app #matchList .bs-odd { min-height: 42px !important; }
html[data-brand="goalbet"] .bs-app #matchList .bs-odd .odd-val { line-height: 1.05; }

/* direction arrows → tiny, in the corner, so they never push the number off-centre */
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.flash-up .odd-val::after,
html[data-brand="goalbet"] .bs-app #matchList .bs-odd.flash-down .odd-val::after {
  position: absolute !important; top: 3px; right: 4px; margin: 0 !important; font-size: 6px !important; line-height: 1;
}

/* sub-header labels — cleaner, slightly stronger */
html[data-brand="goalbet"] .bs-app .bs-subhead { background: #fff; }
html[data-brand="goalbet"] .bs-app .bs-subhead__grp span { color: #6b7886; font-weight: 800; }

/* ===========================================================================
   GOALBET — LEFT SIDEBAR: professional light-on-navy redesign (smooth, coherent)
   =========================================================================== */
html[data-brand="goalbet"] #navDrawer.ls-card { background: #0f1a2e !important; border-color: #1c2944 !important; }

/* Favourites pill */
html[data-brand="goalbet"] .ls-fav { background: #16233b !important; border: 1px solid #243450 !important; color: #e6ecf5 !important; border-radius: 9px !important; }
html[data-brand="goalbet"] .ls-fav__star { color: #FFCC00 !important; }
html[data-brand="goalbet"] .ls-fav__chev { color: #8294ad !important; }

/* Tabs — LES MEILLEURS LIGUES / MY LEAGUES (clean underline, no clunky pill) */
html[data-brand="goalbet"] .ls-tabs { background: transparent !important; padding: 2px 10px 0 !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; gap: 4px !important; }
html[data-brand="goalbet"] .ls-tab { color: #8ea3bf !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-weight: 800 !important; font-size: 11px !important; letter-spacing: .03em; padding: 11px 6px !important; transition: color .14s ease, border-color .14s ease !important; }
html[data-brand="goalbet"] .ls-tab.is-active { color: #fff !important; border-bottom-color: #FFCC00 !important; }
html[data-brand="goalbet"] .ls-tab__count { background: rgba(255,255,255,.12) !important; color: #cfd9e6 !important; border-radius: 999px !important; }

/* Top-league rows — flat, light, smooth hover, yellow active accent */
html[data-brand="goalbet"] #topLeagues { padding: 5px 6px 10px !important; }
html[data-brand="goalbet"] #topLeagues > button {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important; padding: 8px 10px !important; color: #c8d2e0 !important;
  transition: background .14s ease, padding-left .12s ease !important;
}
html[data-brand="goalbet"] #topLeagues > button > span:nth-child(2) { color: #d6dfeb !important; font-size: 12px !important; font-weight: 600 !important; }
html[data-brand="goalbet"] #topLeagues > button:hover:not([disabled]) { background: rgba(255,255,255,.06) !important; }
html[data-brand="goalbet"] #topLeagues > button[disabled] { opacity: .35 !important; }
html[data-brand="goalbet"] #topLeagues > button[class*="bg-amber-500"] { background: rgba(255,204,0,.12) !important; border-left: 3px solid #FFCC00 !important; padding-left: 7px !important; }
html[data-brand="goalbet"] #topLeagues > button[class*="bg-amber-500"] > span:nth-child(2) { color: #fff !important; }
html[data-brand="goalbet"] #topLeagues .text-gray-400 { color: #8294ad !important; }

/* Search — dark inset (no jarring white block), proper magnifier */
html[data-brand="goalbet"] #navDrawer .ls-search { background: transparent !important; border-top: 1px solid rgba(255,255,255,.07) !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; }
html[data-brand="goalbet"] #navSearch { background: #16233b !important; border: 1px solid #2a3a57 !important; color: #fff !important; }
html[data-brand="goalbet"] #navSearch::placeholder { color: #8294ad !important; }
html[data-brand="goalbet"] .ls-search__icon { color: #8294ad !important; }
html[data-brand="goalbet"] #navSearch:focus { border-color: #0e7ab0 !important; box-shadow: 0 0 0 3px rgba(14,122,176,.22) !important; }

/* Time filters */
html[data-brand="goalbet"] .ls-kindbar { padding: 9px 10px !important; gap: 4px; }
html[data-brand="goalbet"] .kind-tab { color: #9fb0c8 !important; font-weight: 700 !important; transition: color .12s ease; }
html[data-brand="goalbet"] .kind-tab:hover { color: #d6dfeb !important; }
html[data-brand="goalbet"] .kind-tab.is-active { color: #FFCC00 !important; }

/* Sport tree — coherent light-on-navy, kill leftover purple/fuchsia states */
html[data-brand="goalbet"] #sportTree .tree-sport,
html[data-brand="goalbet"] #sportTree .tree-country,
html[data-brand="goalbet"] #sportTree .tree-league { color: #c8d2e0 !important; background: transparent !important; transition: background .14s ease !important; }
html[data-brand="goalbet"] #sportTree .tree-sport { font-weight: 700 !important; }
html[data-brand="goalbet"] #sportTree .tree-sport:hover,
html[data-brand="goalbet"] #sportTree .tree-country:hover,
html[data-brand="goalbet"] #sportTree .tree-league:hover { background: rgba(255,255,255,.06) !important; }
html[data-brand="goalbet"] #sportTree [class*="bg-fuchsia"],
html[data-brand="goalbet"] #sportTree [class*="bg-purple"] { background: rgba(255,204,0,.12) !important; color: #fff !important; border-color: rgba(255,204,0,.4) !important; }
html[data-brand="goalbet"] #sportTree [class*="text-fuchsia"],
html[data-brand="goalbet"] #sportTree [class*="text-purple"] { color: #fff !important; }
html[data-brand="goalbet"] #sportTree .text-gray-400, html[data-brand="goalbet"] #sportTree .text-gray-500 { color: #8294ad !important; }

/* ===========================================================================
   GOALBET — EVENT DETAIL & EXPANDED MARKETS (white cards, teal outcome rows)
   markets.js renders these for event.php AND the row-expand chevron.
   =========================================================================== */
html[data-brand="goalbet"] .mkt-block { background: #fff !important; border: 1px solid #e2e6ea !important; border-radius: 8px !important; margin-top: 8px !important; }
html[data-brand="goalbet"] .mkt-head { background: #fff !important; border-bottom: 1px solid #eef1f4 !important; }
html[data-brand="goalbet"] .mkt-head:hover { background: #f6f8fa !important; }
html[data-brand="goalbet"] .mkt-head .mkt-title { color: #1f2a37 !important; }
html[data-brand="goalbet"] .mkt-head .mkt-toggle { color: #8a97a5 !important; }
html[data-brand="goalbet"] .mkt-head .mkt-fav { color: #c4ced8 !important; }
html[data-brand="goalbet"] .mkt-head .mkt-fav.is-fav { color: #FFCC00 !important; }

/* outcome cells — flat teal, label left / odds right (matches the live table) */
html[data-brand="goalbet"] .mkt-out { background: #1180ab !important; border-radius: 4px !important; }
html[data-brand="goalbet"] .mkt-out:hover { background: #0e6f95 !important; box-shadow: none !important; }
html[data-brand="goalbet"] .mkt-out .out-name { color: rgba(255,255,255,.92) !important; }
html[data-brand="goalbet"] .mkt-out .out-val { color: #fff !important; }
html[data-brand="goalbet"] .mkt-out.odd-active { background: #0a1722 !important; }
html[data-brand="goalbet"] .mkt-out.odd-active .out-name,
html[data-brand="goalbet"] .mkt-out.odd-active .out-val { color: #fff !important; }
html[data-brand="goalbet"] .mkt-out.locked { background: #1180ab !important; filter: brightness(.82) saturate(.9) !important; }

/* event-detail tab bar (TOUT / MAIN / POPULAR / COMBO / TEAMS / CORRECT SCORE) — light */
html[data-brand="goalbet"] .mkt-tabs { background: #fff !important; border: 1px solid #e2e6ea !important; }
html[data-brand="goalbet"] .mkt-tab { color: #64748b !important; }
html[data-brand="goalbet"] .mkt-tab:hover { color: #0e7ab0 !important; }
html[data-brand="goalbet"] .mkt-tab.active { color: #0e7ab0 !important; border-bottom-color: #0e7ab0 !important; }

/* the inline row-expand body */
html[data-brand="goalbet"] .bs-expand { background: #f5f7f9 !important; border-top: 1px solid #e2e6ea !important; }

/* ===========================================================================
   GOALBET — EVENT PAGE (event.php) light theme (header + betslip)
   =========================================================================== */
html[data-brand="goalbet"] .evt-page .glass { background: #fff !important; border-color: #e2e6ea !important; color: #333; }
html[data-brand="goalbet"] .evt-page [class*="from-purple"],
html[data-brand="goalbet"] .evt-page [class*="bg-gradient"] { background: #f3f6f9 !important; background-image: none !important; }
html[data-brand="goalbet"] .evt-page [class*="border-purple"],
html[data-brand="goalbet"] .evt-page [class*="border-yellow"] { border-color: #e2e6ea !important; }
html[data-brand="goalbet"] .evt-page .text-fuchsia-400,
html[data-brand="goalbet"] .evt-page .text-fuchsia-300 { color: #0e7ab0 !important; }
html[data-brand="goalbet"] .evt-page .text-gray-200,
html[data-brand="goalbet"] .evt-page .text-gray-400,
html[data-brand="goalbet"] .evt-page .text-gray-500 { color: #64748b !important; }
/* event header — team names + score readable */
html[data-brand="goalbet"] .evt-page .text-xl.font-bold { color: #1f2a37 !important; }
html[data-brand="goalbet"] .evt-page .gold, html[data-brand="goalbet"] .evt-page #evScore.gold { color: #0e7ab0 !important; }
/* betslip */
html[data-brand="goalbet"] .evt-page #slipStake { background: #f3f6f9 !important; border-color: #d4dae1 !important; color: #1f2a37 !important; }
html[data-brand="goalbet"] .evt-page .slip-mode { color: #475569 !important; }
html[data-brand="goalbet"] .evt-page .slip-mode[class*="bg-fuchsia"] { background: rgba(14,122,176,.12) !important; border-color: rgba(14,122,176,.4) !important; color: #0e7ab0 !important; }
/* place / login button → gold like the rest of goalbet */
html[data-brand="goalbet"] .evt-page #placeBtn,
html[data-brand="goalbet"] .evt-page a[href*="/login"][class*="from-fuchsia"] {
  background: linear-gradient(180deg, #ffd94d, #f5c000) !important; background-image: linear-gradient(180deg,#ffd94d,#f5c000) !important;
  color: #1b1b1b !important; box-shadow: none !important;
}