/* ============================================================================
   planet365 — BLACK + YELLOW brand skin  (bet33bet.live reference)
   Scoped to html[data-brand="planet365"] ONLY. Loaded LAST from bb_head so it
   wins over bb_glue, the linked skin_22 CSS, board-v2 inline styles and the
   God-admin theme. planet365 is dark-only (theme forced dark in _bb.php).
   NEVER affects the other brands (goalbet / goldbet1 / kingbet365).
   Palette:  bg #0b0c0f · surface #17181d · raised #212329 · border #2a2c33
             text #f2f3f5 · muted #9aa0aa · ACCENT yellow #f5c518
   ============================================================================ */

/* ---- design tokens : skin_22 SPORTSBOOK BOARD palette --------------------
   The board (row-partita / match / quote_btn / odd-v) is LEGACY skin_22, NOT
   the .gbx system, and its blue lives in override_gldbt.css on :root. Those
   token names are remapped here with !important (which wins on custom props
   regardless of selector/order), so every blue -> black and every #FFCC00 ->
   #f5c518. This is what actually recolours the sportsbook. */
:root[data-brand="planet365"]{
  /* page + surfaces (blue/navy/grey -> black/charcoal) */
  --GDBT-grey:#0b0c0f!important;            /* main page bg */
  --GDBT-white:#17181d!important;           /* contrast surface (cards) */
  --GDBT-blue:#141414!important;            /* top menu 1 / hovers */
  --GDBT-navy:#141414!important;            /* top menu 2 / headers */
  --GDBT-light-navy:#20222a!important;      /* odds cells / row-3 (was #0160ae) */
  --GDBT-blue-violet-90:#101216!important;  /* section headings (was #2B315E) */
  --GDBT-blue-violet-80:#1a1c22!important;
  --GDBT-blue-violet-70:#24262d!important;
  --color-bg-01:#0b0c0f!important; --color-bg-02:#17181d!important;
  --color-bg-03:#101216!important; --color-bg-04:#17181d!important;
  /* accents (yellow) */
  --GDBT-yellow:#f5c518!important;          --GDBT-yellow-text:#141414!important;
  --GDBT-blue-text-accent:#f5c518!important;--GDBT-navy-text-accent:#f5c518!important;
  --color-primary-100:#f5c518!important;    --color-primary-80:#f5c518!important;
  --color-accent-100:#f5c518!important;     --color-accent-80:#f5c518!important;
  --color-primary-enabled:#f5c518!important;--color-primary-hover:#ffd83a!important;--color-primary-pressed:#e0b400!important;
  /* primary buttons: yellow bg needs DARK text */
  --button-primary-bg:#f5c518!important;    --button-primary-hover-bg:#ffd83a!important; --button-primary-pressed-bg:#e0b400!important;
  --button-primary-text:#141414!important;  --button-primary-hover-text:#141414!important; --button-primary-pressed-text:#141414!important;
  /* Spaces (wallet / agent / reports) accent + primary -> yellow */
  --bs-accent:#f5c518; --bs-accent-strong:#e0b400; --bs-accent-soft:#2a2612; --bs-accent-ink:#141414;
  --bs-primary:#f5c518; --bs-primary-strong:#e0b400; --bs-primary-soft:#221f10; --bs-primary-ink:#141414;
  /* odds-cell (quote_btn) chain: default dark, hover yellow-border, selected/pressed solid yellow */
  --quote-primary-bg:#20222a!important;          --quote-button-bg:#20222a!important;
  --quote-primary-border-color:#2a2c33!important;--quote-button-border-color:#2a2c33!important;
  --quote-primary-text:#f2f3f5!important;        --quote-button-text:#f2f3f5!important;
  --quote-primary-hover-bg:#2a2d35!important;    --quote-button-hover-bg:#2a2d35!important;
  --quote-primary-hover-text:#f5c518!important;  --quote-button-hover-text:#f5c518!important;
  --quote-primary-pressed-bg:#f5c518!important;  --quote-button-pressed-bg:#f5c518!important;
  --quote-primary-pressed-text:#141414!important;--quote-button-pressed-text:#141414!important;
  /* board-v2 / betslip / marquee tokens (--c-*) are only defined under .gbx, but the betslip widget +
     marquee "livecards" render OUTSIDE any .gbx and fall back to white/navy -> hoist them to root so
     every --c- consumer (Biglietto widget, Grandi Eventi cards, coupon tabs) turns black+yellow. */
  --c-primary:#f5c518!important; --c-primary-hover:#ffd83a!important; --c-primary-ink:#141414!important; --c-primary-glow:rgba(245,197,24,.45)!important;
  --c-bg:#0b0c0f!important; --c-surface:#17181d!important; --c-surface-2:#212329!important; --c-bg2:#212329!important; --c-bg3:#141519!important;
  --c-text:#f2f3f5!important; --c-text-muted:#9aa0aa!important; --c-border:#2a2c33!important; --c-border-strong:#3b3e47!important;
  /* blubet chrome gold accent */
  --GDBT-gold:#f5c518;
}

/* ===== gbx widgets OUTSIDE .gbx (betslip / booking / marquee livecards) ==== */
html[data-brand="planet365"] .gbx-widget,
html[data-brand="planet365"] .gbx-livecard,
html[data-brand="planet365"] .bb-coupon{background:#17181d!important;border-color:#2a2c33!important;color:#f2f3f5!important}
html[data-brand="planet365"] .gbx-widget__head{background:#212329!important;color:#f2f3f5!important;border-bottom-color:#2a2c33!important}
html[data-brand="planet365"] .gbx-book__inp{background:#0f1013!important;color:#f2f3f5!important;border-color:#2a2c33!important}
html[data-brand="planet365"] .gbx-book__btn{background:#f5c518!important;color:#141414!important}
html[data-brand="planet365"] .gbx-book__btn:hover{background:#ffd83a!important}
html[data-brand="planet365"] .gbx-slip__tabs{background:#0f1013!important}
html[data-brand="planet365"] .gbx-slip__tab{color:#9aa0aa!important}
html[data-brand="planet365"] .gbx-slip__tab.is-active{background:#2a2d35!important;color:#f5c518!important}

/* ===== live: competition header + market-group column labels (navy #2b315e) = */
html[data-brand="planet365"] .bb-comphd{background:#101216!important;color:#f2f3f5!important}
html[data-brand="planet365"] .bb-mg .mh{background:#101216!important;color:#cfd2d8!important}
html[data-brand="planet365"] .bb-sporthd{background:#f5c518!important;color:#141414!important}

/* ===== market filter bars / chips (blue -> dark + yellow active) =========== */
html[data-brand="planet365"] .bb-mktbar a{background:#1b1d23!important;color:#cfd2d8!important}
html[data-brand="planet365"] .bb-mktbar a:hover{background:#24262d!important}
html[data-brand="planet365"] .bb-mktbar a.on{background:#f5c518!important;color:#141414!important}
html[data-brand="planet365"] .bb-chips a{background:#17181d!important;color:#dfe1e6!important;border-color:#2a2c33!important}
html[data-brand="planet365"] .bb-chips a.on{border-color:#f5c518!important;color:#f5c518!important}
/* market-GROUP tabs (Principali / 1X2 / Doppia Chance …) = <a data-mg> */
html[data-brand="planet365"] a[data-mg]{background:#1b1d23!important;color:#cfd2d8!important;border-color:#2a2c33!important}
html[data-brand="planet365"] a[data-mg].on{background:#f5c518!important;color:#141414!important;border-color:#f5c518!important}

/* ===== marquee strips (Grandi Eventi / ultimo minuto): white .card -> dark == */
html[data-brand="planet365"] .bb-lm .card{background:#17181d!important;border-color:#2a2c33!important}
html[data-brand="planet365"] .bb-lm .card .t{color:#f2f3f5!important}
html[data-brand="planet365"] .bb-lm .card .t b{color:#f5c518!important}
html[data-brand="planet365"] .bb-lm .card .cat{color:#9aa0aa!important}

/* ===== event page market boxes (.bb-mkt) ================================== */
html[data-brand="planet365"] .bb-mkt .mkh{background:#101216!important;color:#f2f3f5!important}
html[data-brand="planet365"] .bb-mkt .mko{background:transparent!important}

/* ===== betslip bet-type tabs: override the hardcoded _bb.php blue ========== */
html[data-brand="planet365"] .gbx-slip__tabs .gbx-slip__tab.is-active,
html[data-brand="planet365"] .gbx-slip__tab.is-active{background:#2a2d35!important;background-color:#2a2d35!important;color:#f5c518!important}

/* ============ SPORTSBOOK BOARD (skin_22 legacy markup) =================== */
/* direct catch-all so the board recolours even where a rule hardcodes a blue
   or out-specifies the token layer. Odds cell = .quote_btn (+.gbx-oc). */
html[data-brand="planet365"] .quote_btn{background:#20222a!important;color:#f2f3f5!important;border-color:#2a2c33!important}
html[data-brand="planet365"] .quote_btn:hover{background:#2a2d35!important;border-color:#f5c518!important;color:#f5c518!important}
html[data-brand="planet365"] .quote_btn.activated,
html[data-brand="planet365"] .quote_btn.selected,
html[data-brand="planet365"] .quote_btn.is-selected,
html[data-brand="planet365"] .quote_btn.gbx-oc.is-selected{background:#f5c518!important;border-color:#f5c518!important;color:#141414!important}
html[data-brand="planet365"] .quote_btn .odd-v,
html[data-brand="planet365"] .quote_btn.activated .odd-v{color:inherit!important}
/* match rows + league / competition headers (the big blue bars) */
html[data-brand="planet365"] .row-partita,
html[data-brand="planet365"] .match{background:#17181d!important;border-color:#24262d!important;color:#e8eaee!important}
html[data-brand="planet365"] .header-main,
html[data-brand="planet365"] #bottom-bar,
html[data-brand="planet365"] .promo-header,
html[data-brand="planet365"] .filter-tab.active{background:#101216!important;background-image:none!important;color:#f2f3f5!important;border-color:#24262d!important}
html[data-brand="planet365"] .filter-tab:hover{border-color:#f5c518!important}

/* ---- board + betslip (gbx-*, 276 var() uses) : neutral-black + yellow ---- */
html[data-brand="planet365"] .gbx{
  --c-primary:#f5c518; --c-primary-hover:#ffd83a; --c-primary-ink:#141414; --c-primary-glow:rgba(245,197,24,.45);
  --c-bg:#0b0c0f; --c-surface:#17181d; --c-surface-2:#212329; --c-bg2:#212329; --c-bg3:#141519;
  --c-text:#f2f3f5; --c-text-muted:#9aa0aa; --c-border:#2a2c33; --c-border-strong:#3b3e47;
}

/* ============================ CHROME ===================================== */
html[data-brand="planet365"] .bb-topbar{background:#141414;color:#f2f3f5}
html[data-brand="planet365"] .bb-logobar{background:#141414;border-bottom:2px solid #f5c518;padding-top:6px;padding-bottom:6px}
html[data-brand="planet365"] .bb-logo{color:#fff}
html[data-brand="planet365"] .bb-logo span{color:#f5c518}
html[data-brand="planet365"] .bb-logo-img{height:58px;width:auto;max-width:min(58vw,260px);object-fit:contain;display:block}
html[data-brand="planet365"] .bb-mlogo-img{height:40px;width:auto;max-width:min(52vw,180px);object-fit:contain;display:block}
/* logged-in logobar links carry inline color:#01428c -> force light (needs !important vs inline) */
html[data-brand="planet365"] .bb-auth .lg{color:#e8e8e8!important;border-color:rgba(255,255,255,.32)}
html[data-brand="planet365"] .bb-auth .lg i{color:#f5c518!important}
html[data-brand="planet365"] .bb-auth .rg{background:#f5c518!important;color:#141414!important;font-weight:800}
html[data-brand="planet365"] .bb-nav{background:#f5c518}
html[data-brand="planet365"] .bb-nav a{color:#141414;font-weight:800}
html[data-brand="planet365"] .bb-nav a:hover,
html[data-brand="planet365"] .bb-nav a.on{background:rgba(0,0,0,.20);color:#141414}
html[data-brand="planet365"] .bb-mhead{background:#141414;border-bottom:2px solid #f5c518}
/* dark-only brand -> hide the light/dark toggle so it can't break the look */
html[data-brand="planet365"] #bbThemeToggle,
html[data-brand="planet365"] #bbThemeToggleM{display:none!important}

/* ==================== PANELS / SIDEBARS / LISTS ========================== */
/* .bb-panel is hardcoded #fff with NO dark override -> was white on black.  */
html[data-brand="planet365"] body{background:#0b0c0f}
html[data-brand="planet365"] .bb-panel{background:#17181d!important;box-shadow:none;border:1px solid #24262d}
html[data-brand="planet365"] .bb-head{background:#101216!important;color:#f5c518!important;border-bottom:1px solid #24262d}
html[data-brand="planet365"] .bb-subnav a{background:#1b1d23!important;color:#e6e7ea!important}
html[data-brand="planet365"] .bb-subnav a.on{background:#f5c518!important;color:#141414!important}
html[data-brand="planet365"] .bb-timeflt a{background:#1b1d23;border-color:#2a2c33;color:#cfd2d8}
html[data-brand="planet365"] .bb-timeflt a.on{background:#f5c518!important;border-color:#f5c518!important;color:#141414!important;font-weight:700}
html[data-brand="planet365"] .bb-tl a{background:#16171c;border-color:#26282f;color:#dfe1e6}
html[data-brand="planet365"] .bb-tl a:hover{border-color:#f5c518;background:#1f2128}
html[data-brand="planet365"] .bb-tl a .nm{color:#dfe1e6}
html[data-brand="planet365"] .bb-tl a b{background:#26282f;color:#f5c518}

/* smart search on dark */
html[data-brand="planet365"] .bb-search input{background:#17181d;color:#f2f3f5;border-color:#2a2c33}
html[data-brand="planet365"] .bb-search input:focus{border-color:#f5c518;box-shadow:0 4px 16px rgba(0,0,0,.5)}
html[data-brand="planet365"] .bb-search__panel{background:#17181d;color:#f2f3f5}
html[data-brand="planet365"] .bb-search__lg,
html[data-brand="planet365"] .bb-search__m{color:#e6e7ea!important;border-bottom-color:#24262d}
html[data-brand="planet365"] .bb-search__lg:hover,
html[data-brand="planet365"] .bb-search__m:hover{background:#1f2128}
html[data-brand="planet365"] .bb-search__lg b{background:#26282f;color:#f5c518}

/* ============================ CASINO ==================================== */
/* casino / live-casino / poker render their grid inside a .bb-panel (now dark).
   Tiles are images; keep card text light and CTA buttons yellow. Generic +
   defensive so it holds whatever tile classes casino.js injects. */
html[data-brand="planet365"] .bb-panel h1,
html[data-brand="planet365"] .bb-panel h2,
html[data-brand="planet365"] .bb-panel h3,
html[data-brand="planet365"] .bb-panel .bb-cat-title,
html[data-brand="planet365"] .bb-panel .cat-title{color:#f2f3f5}
html[data-brand="planet365"] .bb-panel .rg,
html[data-brand="planet365"] .bb-panel .btn-primary,
html[data-brand="planet365"] .bb-panel button.play,
html[data-brand="planet365"] .bb-panel .play-btn{background:#f5c518!important;color:#141414!important;border-color:#f5c518!important}

/* ==================== MOBILE DRAWER (hamburger) ========================= */
html[data-brand="planet365"] .bb-drawer{background:#141518}
html[data-brand="planet365"] .bb-dwr-user{background:#1b1d23;border-bottom-color:#26282f}
html[data-brand="planet365"] .bb-dwr-user .who b{color:#f2f3f5}
html[data-brand="planet365"] .bb-dwr-auth{border-bottom-color:#26282f}
html[data-brand="planet365"] .bb-dwr-auth a[data-auth="login"]{background:#26282f;color:#f5c518}
html[data-brand="planet365"] .bb-dwr-auth a[data-auth="register"]{background:#f5c518;color:#141414}
html[data-brand="planet365"] .bb-drawer a,
html[data-brand="planet365"] .bb-dwr-btn{color:#e6e7ea!important;border-bottom-color:#26282f!important}
html[data-brand="planet365"] .bb-dwr-btn i,
html[data-brand="planet365"] .bb-drawer a i{color:#f5c518!important}
html[data-brand="planet365"] .bb-dwr-btn:hover,
html[data-brand="planet365"] .bb-drawer a:hover{background:#1f2128}
html[data-brand="planet365"] .bb-drawer-foot{color:#9aa0aa}

/* ==================== LOGIN / REGISTER MODAL ============================ */
html[data-brand="planet365"] .bb-modal__card{background:#17181d;color:#f2f3f5}
html[data-brand="planet365"] .bb-modal__brand{color:#fff}
html[data-brand="planet365"] .bb-modal__brand span{color:#f5c518}
html[data-brand="planet365"] .bb-modal__tabs{background:#0f1013}
html[data-brand="planet365"] .bb-modal__tabs button{color:#9aa0aa}
html[data-brand="planet365"] .bb-modal__tabs button.on{background:#26282f;color:#f5c518}
html[data-brand="planet365"] .bb-fld>span{color:#c9ccd2}
html[data-brand="planet365"] .bb-fld .ip input{background:#0f1013;border-color:#2a2c33;color:#f2f3f5}
html[data-brand="planet365"] .bb-fld .ip input:focus{border-color:#f5c518;box-shadow:0 0 0 3px rgba(245,197,24,.18)}
html[data-brand="planet365"] .bb-authbtn{background:linear-gradient(180deg,#ffd83a,#e0b400);color:#141414}
html[data-brand="planet365"] .bb-authswap{color:#9aa0aa}
html[data-brand="planet365"] .bb-authswap a{color:#f5c518}
html[data-brand="planet365"] .bb-modal__x{background:#26282f;color:#cfd2d8}
html[data-brand="planet365"] .bb-modal__x:hover{background:#33363e;color:#f5c518}

/* ============================ SPACES ==================================== */
/* wallet / agent / reports (.pp-*/.pl-*/.it-*) run the dark --bs-* theme by
   default on planet365; accent already retinted above. Nudge any explicit
   primary chips to yellow-ink. */
html[data-brand="planet365"] .pp-primary,
html[data-brand="planet365"] .it-btn--primary{background:#f5c518!important;color:#141414!important}