/**
 * bch7-dark-2026-08-31-0202.css â€” Bluechip 7 custom theme (continues bch7-dark-2026-08-20-1048.css)
 * Version: 1.43 (2026-09-11)
 *
 * Changelog:
 *   1.43 - campaign carousel arrows made nearly transparent at rest so text
 *         remains readable beneath them; backdrop blur removed.
 *   1.42 - campaign carousel overlay arrows matched to the translucent badge
 *         surface, with darker hover and active feedback.
 *   1.41 - campaign card title/subtitle shadows strengthened to the hero
 *         banner levels while retaining strokes sized for compact text.
 *   1.40 - campaign card badges matched exactly to the hero banner badge
 *         glass treatment.
 *   1.39 - hero banner badge changed from a dark pill to a lighter translucent
 *         glass surface with a subtle dark tint and no visible border.
 *   1.38 - campaign badge returned to a lighter glass treatment with a subtle
 *         dark tint; campaign card title/subtitle scaled down for balance.
 *   1.37 - isolated .bc8-campaigns-block styling: campaign badge aligned
 *         with hero badge, section title aligned with game headings, and
 *         card title/subtitle aligned with hero banner typography.
 *   1.36 - carousel banner badges get a darker translucent surface, subtle
 *         border and blur for consistent readability over bright artwork.
 *   1.35 - banner title line-height and bottom padding increased so strokes
 *         and descenders are not clipped, especially on mobile.
 *   1.34 - broad banner text shadows replaced with thin strokes and compact
 *         shadows to remove visible shadow boxes while preserving contrast.
 *   1.33 - carousel banners receive a subtle left-side readability gradient;
 *         subtitle weight and compact shadow strengthened.
 *   1.32 - banner title/subtitle shadows softened to remove the dark
 *         rectangular backing visible on bright promotional artwork.
 *   1.31 - mobile banner title/description font sizes reduced for long offers.
 *   1.30 - mobile banner title spacing tightened so three-line titles do not
 *         collide with subtitles.
 *   1.29 - banner title/subtitle shadows split; shadow colour moved to
 *         corporate dark blue.
 *   1.28 - banner text shadow intensified with radial blur layers.
 *   1.27 - banner title/description shadow added for readability over bright
 *         promotional art.
 *   1.26 â€” registration form resting state borderless: empty unfocused
 *         inputs (email/password, phone, welcome-pack button; --input-border
 *         in auth scope) #27476A -> transparent. Border width kept so focus
 *         (#3B82F6) and error states cause no layout shift.
 *   1.25 â€” registration form FOCUS border (the actual 1.23 request): field
 *         focus was brand pink -> #3B82F6 (inputs, phone, country pill,
 *         welcome-pack button; --input-border-focus redefined in auth scope).
 *         1.23's validation-border override reverted â€” invalid fields show
 *         the semantic error colour again.
 *   1.24 â€” cashback card timer badge ("Activo durante ..."): solid Primary
 *         Blue #45658D -> translucent page-bg rgba(5,15,28,.56) (user-picked)
 *         so it reads as a soft scrim over the card art.
 *   1.23 â€” registration form error borders: semantic-error red -> #3B82F6
 *         blue on invalid fields (module classes authError/themedError/
 *         controlError/triggerWithError/error), auth scope only; error text
 *         and asterisks keep the error colour.
 *   1.22 â€” registration form pass: filled-field surfaces (filled inputs,
 *         +country pill, selects, autofill, selected welcome-pack option)
 *         #27476A -> #0C223E; welcome-offer subtitle (text-semantic-success
 *         p) pink override -> #1EBFA3; checkbox accent-color and the Login
 *         link (a.text-brand-primary) -> #1EBFA3 (hover #27D4B5). All scoped
 *         to the auth layout.
 *   1.21 â€” bonus/reward card styling pass (user-picked values): progress
 *         fill .progress-fill-brand pink gradient -> white->#26D4B5;
 *         .text-progress-detail muted -> #E6EDF5; progress track on
 *         reward/campaign cards rgba(0,0,0,.2) -> rgba(255,255,255,.28);
 *         bonus amount (p.font-bold.text-xl in reward cards) -> #FFFFFF.
 *   1.20 â€” Changa One @font-face moved off spinozo.com onto
 *         fonts.gstatic.com (latin subset): spinozo.com serves no
 *         Access-Control-Allow-Origin header, so cross-origin font loads on
 *         bluechip7.io were CORS-blocked (console ERR_FAILED) and display
 *         titles fell back to sans-serif. gstatic serves ACAO:*.
 *   1.19 â€” mobile bottom bar active item: pink -> white. Active items use
 *         utility .text-brand (brand pink) â€” overridden to #F5F7FA scoped to
 *         [data-testid="mobile-bottom-nav"]; --nav-item-active /
 *         --nav-item-text-active tokens set to #F5F7FA too.
 *   1.18 â€” sidebar active menu item: pink -> white. link-active-color and
 *         chevron-active #FF1F63 -> #F5F7FA, active bar #F0004D -> #F5F7FA,
 *         active bg tint pink 14% -> white 8%.
 *   1.17 â€” game-frame toolbar logo colour corrected to the REQUESTED look:
 *         semi-transparent white rgba(255,255,255,.5) watermark (1.15/1.16
 *         had misread the ask and painted it brand pink). Token + direct
 *         override both updated.
 *   1.16 â€” game-frame toolbar logo, actually fixed: the prod BUILD inlines a
 *         literal grey on the masked logo div (does not read the token yet) â€”
 *         direct !important override on div[role=img][aria-label=Bluechip7]
 *         with brand pink. 1.15's token stays for when the build catches up.
 *   1.15 â€” game-frame toolbar logo: --theme-game-toolbar-logo -> brand pink
 *         #F0004D (was #FF1F63 hover tone; the grey on the live site is the
 *         var fallback text-muted â€” the deployed css version predates this
 *         token). GameToolbar paints the masked logo div with this token.
 *   1.14 â€” providers section: "Ver todo" (.see-all-pill â€” inline-styled
 *         anchor, not the Button surfacePill, so 1.6 never matched) now gets
 *         the same outline style as game sections; .provider-logo border
 *         removed â€” naked logos, transparent bg.
 *   1.13 â€” Spinozo-style sidebar cards: menu-group / loyalty-widget /
 *         switcher backgrounds all set to the page bg #050F1C, reading as
 *         soft cards on the darker #020914 sidebar (reverts 1.10's
 *         transparent groups per new direction).
 *   1.12 â€” header balance wallet icon: source .text-brand #405F81 (default
 *         theme blue) -> turquoise #1EBFA3 (money/action role), scoped to the
 *         balance box only.
 *   1.11 â€” palette purity refactor: loyalty sidebar widget bg #11243A ->
 *         surface-base #0B1929 (raised read as the old Spinozo navy on the
 *         black sidebar). Removed every derived off-palette shade: dark text
 *         on gold/amber/popup #111B28 (stale pre-1.4 page bg) -> #050F1C;
 *         greys #AFBDCE/#8B9CB0 -> #9EADBF, #EDF2F7 -> #F5F7FA,
 *         #5E7188/#54657A/#4A5E77 -> #718399; modal overlay -> rgba(#020914).
 *         Body now uses ONLY the approved palette + agreed semantics.
 *   1.10 â€” sidebar menu-group blocks (ul.sidebar-menu-list) blend into the
 *         sidebar: --sidebar-menu-group-bg -> transparent (was stale #111B28,
 *         the pre-1.4 page bg missed by the ladder passes); switcher bg fixed
 *         from the same stale #111B28 to sidebar #020914.
 *   1.9 â€” outline pass extended: section-header carousel arrows (< > â€”
 *         Button variant secondary + radiusFull, .carousel-prev/next outside
 *         banner overlays), .provider-logo tiles AND the game filter tabs
 *         (FilterChips _chip_: inactive = transparent + border, active pink
 *         fill kept) â€” all radius 10px, matching the "Ver todo" pills.
 *   1.8 â€” sidebar bg actually applied: the sidebar <nav> paints its own
 *         background directly and ignores --sidebar-bg (known from the prod
 *         Bluechip theme) â€” added the direct nav.scrollbar-hide:has(...)
 *         override with #020914, same as the sidebar tokens.
 *   1.7 â€” designer pass on the turquoise CTA (Register/deposit/success
 *         buttons): base #1EBFA3 kept, hover now LIGHTER #27D4B5 (was darker
 *         #17A78E), pressed #18A88F, text #FFFFFF. Pink #F0004D stays for
 *         promo/hot/bonus marketing accents; special-cash-dark keeps #17A78E
 *         (dark role, not a button state).
 *   1.6 â€” section-header controls (carousel arrows + "Ver todo", Button
 *         variant _surfacePill_): transparent bg, 1px border-base outline,
 *         radius 10px (was filled elevated pill / full-radius circle).
 *   1.5 â€” full darker ladder from the designer spec: secondary/sidebar
 *         #020914 Â· base #0B1929 Â· raised #11243A Â· elevated #19314C Â·
 *         icon/filled #27476A (spec highlight) Â· border #20364E. Accents and
 *         text unchanged (already matched).
 *   1.4 â€” page background #111B28 -> #050F1C (wallet modal and the blurred
 *         header overlay follow; dark-text-on-colour roles stay #111B28).
 *   1.3 â€” aligned to the designer token spec: surface ladder shifted up
 *         (secondary #18273A Â· raised #263C57 Â· elevated #304A69 Â· icon/filled
 *         #3A5578 derived), brand hover #FF1F63 / pressed #C90040, info hover
 *         #5477A2, text-tertiary #718399, muted alpha .55, border-subtle
 *         white 8%, hover overlay white 8% / active black 12%, focus ring .45,
 *         glows .30. KEPT against the spec: error #E8452F (spec had error =
 *         brand pink â€” would read as CTA) and warning amber #F5A524 (spec lime
 *         = jackpot accent on the palette board).
 *   1.2 â€” quick-navigation tiles: restore the clipped titles (source py-5
 *         eats the whole 40px tile height) â€” flat surface-base pills, inline
 *         purple fallback gradient and black overlay removed, title 0.875rem
 *         UI font, 1 line. Selectors target div.banner-text-title (the old
 *         commented block from the previous Bluechip CSS matched h2 â€” stale).
 *   1.1 â€” header search input bg = page bg (var(--theme-bg-primary) #111B28,
 *         was sidebar tone #0E1723) so the field melts into the header.
 *   1.0 â€” initial port, see palette notes below.
 *
 * Base: Spinozo-dark-2026-08-08.css (structure/selectors 1:1, fonts untouched â€”
 * Changa One via --font-game-title). Colours re-mapped to the bch7 palette
 * board ("ÐŸÐÐ›Ð˜Ð¢Ð Ð â€” CSS Ð”Ð›Ð¯ Ð¡ÐÐ™Ð¢Ð"):
 *   BG scale   #111B28 page Â· #18273A secondary/inputs Â· #1E3047 cards Â·
 *              #263C57 elevated Â· #45658D primary blue (info/accent)
 *   Border     #2A3B50 (explicit token; subtle = same at 50%)
 *   Accents    Pink #F0004D (brand/CTA, hover #FF2E6B, pressed #C70040,
 *              WHITE text on pink) Â· Purple #8A54FF (VIP) Â· Turquoise #1EBFA3
 *              (success/cash) Â· Lime #D5DF00 (jackpot/special-gold)
 *   Text       #F5F7FA primary Â· #9EADBF secondary Â· #6B7E95 tertiary
 *
 * Deliberate deviations (no palette entry exists):
 *   - error moved OFF pink-red #EE446E onto orange-red #E8452F â€” the brand is
 *     pink now, error must not read as brand.
 *   - warning stays amber #F5A524; VIP-tier metals and rich-gold kept â€” the
 *     palette has no amber/metal roles (lime covers only jackpot/special-gold).
 *   - #0B121D (scrollbar track, one notch under page bg), #0E1723 (sidebar),
 *     #2F4763 (icon plates / filled inputs) â€” derived in-family steps.
 *   - cashback timer badge #46849E -> Primary Blue #45658D.
 */

@font-face {
  font-family: 'Changa One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/changaone/v22/xfu00W3wXn3QLUJXhzq42AHiuZXYO68.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html[data-theme^="custom-"] {

  --theme-brand-primary: #F0004D;
  --theme-brand-primary-hover: #FF1F63;
  --theme-brand-text: #FF1F63;
  --theme-brand-accent: #C90040;
  --theme-brand-primary-contrast: #FFFFFF;


  --theme-game-toolbar-logo: rgba(255, 255, 255, 0.5);


  --theme-bg-primary: #050F1C;
  --theme-bg-secondary: #020914;
  --theme-surface-base: #0B1929;
  --theme-surface-raised: #11243A;
  --theme-surface-elevated: #19314C;
  --theme-surface-solid: #11243A;
  --theme-surface-icon: #27476A;
  --dropdown-bg: #0B1929;


  --theme-text-primary: #F5F7FA;
  --theme-text-secondary: #9EADBF;
  --theme-text-tertiary: #718399;
  --theme-text-muted: rgba(158, 173, 191, 0.55);


  --theme-text-primary-rgb: 245 247 250;


  --theme-border-base: #20364E;
  --theme-border-subtle: rgba(255, 255, 255, 0.08);
  --theme-border-accent: rgba(240, 0, 77, 0.3);



  --theme-semantic-success: #1EBFA3;
  --theme-semantic-success-hover: #27D4B5;


  --theme-semantic-warning: #F5A524;
  --theme-semantic-warning-hover: #FFB84D;


  --theme-semantic-error: #E8452F;
  --theme-semantic-error-hover: #C93A26;


  --theme-semantic-info: #45658D;
  --theme-semantic-info-hover: #5477A2;



  --theme-special-gold: #D5DF00;
  --theme-special-gold-light: #E4EC33;
  --theme-special-gold-dark: #A9B300;


  --theme-special-vip: #8A54FF;
  --theme-special-vip-dark: #6E3BE0;


  --theme-special-cash: #1EBFA3;
  --theme-special-cash-dark: #17A78E;


  --theme-special-bonus: #F0004D;
  --theme-special-bonus-dark: #C90040;


  --theme-hover-overlay: rgba(255, 255, 255, 0.08);
  --theme-active-overlay: rgba(0, 0, 0, 0.12);
  --theme-focus-ring: rgba(240, 0, 77, 0.45);


  --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --theme-shadow-glow: 0 0 20px rgba(240, 0, 77, 0.30);



  --card-success-bg-from: rgba(30, 191, 163, 0.15);
  --card-success-bg-to: rgba(30, 191, 163, 0.08);
  --card-success-border: rgba(30, 191, 163, 0.3);
  --card-success-icon-bg: rgba(30, 191, 163, 0.2);
  --card-success-hover-glow: rgba(30, 191, 163, 0.25);


  --card-warning-bg-from: rgba(245, 165, 36, 0.15);
  --card-warning-bg-to: rgba(245, 165, 36, 0.08);
  --card-warning-border: rgba(245, 165, 36, 0.3);
  --card-warning-icon-bg: rgba(245, 165, 36, 0.2);
  --card-warning-hover-glow: rgba(245, 165, 36, 0.25);


  --card-info-bg-from: rgba(69, 101, 141, 0.15);
  --card-info-bg-to: rgba(69, 101, 141, 0.08);
  --card-info-border: rgba(69, 101, 141, 0.3);
  --card-info-icon-bg: rgba(69, 101, 141, 0.2);
  --card-info-hover-glow: rgba(69, 101, 141, 0.25);


  --card-primary-bg-from: rgba(240, 0, 77, 0.15);
  --card-primary-bg-to: rgba(240, 0, 77, 0.08);
  --card-primary-border: rgba(240, 0, 77, 0.3);
  --card-primary-icon-bg: rgba(240, 0, 77, 0.2);
  --card-primary-hover-glow: rgba(240, 0, 77, 0.25);


  --badge-orange-bg: var(--theme-brand-primary);
  --badge-orange-text: #FFFFFF;

  --badge-gold-bg: var(--theme-special-gold);
  --badge-gold-text: #050F1C;

  --badge-vip-bg: var(--theme-special-vip);
  --badge-vip-text: #FFFFFF;


  --button-primary-bg: var(--theme-brand-primary);
  --button-primary-hover: var(--theme-brand-primary-hover);
  --button-primary-text: #FFFFFF;

  --button-success-bg: var(--theme-semantic-success);
  --button-success-hover: var(--theme-semantic-success-hover);
  --button-success-text: #FFFFFF;

  --button-warning-bg: var(--theme-semantic-warning);
  --button-warning-hover: var(--theme-semantic-warning-hover);
  --button-warning-text: #050F1C;

  --button-error-text: #FFFFFF;

  --button-secondary-bg: var(--theme-surface-elevated);
  --button-secondary-hover: var(--theme-surface-raised);
  --button-secondary-text: var(--theme-text-primary);


  --button-primary-pressed: var(--theme-brand-accent);
  --button-secondary-pressed: rgba(25, 49, 76, 0.8);
  --button-success-pressed: #18A88F;
  --button-disabled-opacity: 0.5;
  --button-primary-disabled-bg: rgba(240, 0, 77, 0.3);


  --button-error-bg: var(--theme-semantic-error);
  --button-error-hover: var(--theme-semantic-error-hover);
  --button-error-pressed: #B91C1C;


  --input-bg: var(--theme-surface-raised);
  --input-border: var(--theme-border-base);
  --input-border-focus: var(--theme-brand-primary);
  --input-text: var(--theme-text-primary);
  --input-placeholder: var(--theme-text-muted);


  --modal-bg: var(--theme-surface-base);
  --modal-border: var(--theme-border-base);
  --modal-overlay: rgba(2, 9, 20, 0.9);
  --modal-header-bg: var(--theme-surface-elevated);
  --wallet-modal-bg: #050F1C;
  --wallet-iframe-bg: var(--theme-surface-solid);


  --nav-bg: var(--theme-surface-base);
  --nav-border: var(--theme-border-base);
  --nav-item-hover: var(--theme-hover-overlay);
  --nav-item-active: #F5F7FA;
  --nav-item-text: var(--theme-text-secondary);
  --nav-item-text-active: #F5F7FA;


  --progress-bg: var(--theme-surface-raised);
  --progress-fill-success: var(--theme-semantic-success);
  --progress-fill-warning: var(--theme-semantic-warning);
  --progress-fill-primary: var(--theme-brand-primary);


  --balance-cash-color: var(--theme-special-cash);
  --balance-bonus-color: var(--theme-special-bonus);
  --balance-total-color: var(--theme-text-primary);

  --game-jackpot-color: var(--theme-special-gold);
  --game-hot-color: var(--theme-semantic-error);
  --game-new-color: var(--theme-brand-primary);
  --game-card-hover-overlay-bg: rgba(10, 15, 23, 0.8);
  --game-card-provider-text: rgba(255, 255, 255, 0.5);


  --scrollbar-track-bg: var(--theme-bg-secondary);
  --scrollbar-thumb-bg: var(--theme-surface-elevated);
  --scrollbar-thumb-hover-bg: var(--theme-border-base);


  --theme-luxury-platinum: #E5E4E2;
  --theme-luxury-rose-gold: #F2705C;
  --theme-luxury-champagne: #D4D4D4;


  --theme-vip-bronze: #CD7F32;
  --theme-vip-silver: #C0C0C0;
  --theme-vip-gold: #FFD700;
  --theme-vip-platinum: #E5E4E2;
  --theme-vip-diamond: #B9F2FF;


  --theme-card-premium-glow: 0 0 30px rgba(240, 0, 77, 0.30), 0 0 60px rgba(10, 15, 23, 0.4);


  --theme-special-gold-rich: #D4AF37;
  --theme-special-gold-rich-light: #E5C158;


  --social-icon-filter: brightness(0) invert(1);
  --social-link-border: transparent;


  --toggle-active-bg: #19314C;
  --toggle-active-border: #27476A;
  --toggle-active-knob: var(--theme-brand-primary);
  --toggle-inactive-bg: #19314C;
  --toggle-inactive-border: #27476A;
  --toggle-inactive-knob: #718399;


  --sidebar-bg: #020914;
  --sidebar-header-bg: #020914;
  --sidebar-header-border: transparent;
  --sidebar-link-color: var(--theme-text-secondary);
  --sidebar-link-hover-color: var(--theme-text-primary);
  --sidebar-link-active-color: #F5F7FA;
  --sidebar-link-active-bg: rgba(255, 255, 255, 0.08);
  --sidebar-link-active-bar: #F5F7FA;
  --sidebar-menu-group-bg: #050F1C;
  --sidebar-menu-group-radius: 8px;
  --sidebar-link-gap: 8px;
  --sidebar-chevron-color: var(--theme-text-muted);
  --sidebar-chevron-active-color: #F5F7FA;
  --sidebar-divider-color: transparent;
  --sidebar-submenu-border: #27476A;
  --sidebar-border-right: transparent;
  --sidebar-backdrop: none;
  --sidebar-switcher-bg: #050F1C;
  --sidebar-icon-color: #718399;
  --sidebar-menu-group-py: 10px;
  --sidebar-submenu-indent: 21px;
  --sidebar-submenu-nested-indent: 19px;
  --sidebar-loyalty-widget-bg: #050F1C;
}

html[data-theme^="custom-"] body {
  background: var(--theme-bg-primary) !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] {
  background: var(--theme-bg-primary) !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] div.lg\:hidden.relative.overflow-hidden[style*="height"] {
  height: 160px !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] [class*="_formLabel_"] {
  margin-bottom: 0 !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] {
  --input-bg: #0B1929;
  --input-border: transparent;
  --input-border-focus: #3B82F6;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"] {
  background-color: #0B1929 !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  height: 46px !important;
  color: #9EADBF !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] [class*="_countryButton_"] {
  background-color: #0C223E !important;
  border: 1px solid transparent !important;
  color: #9EADBF !important;
  border-radius: 8px !important;
  height: 46px !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"] {
  background-color: #0B1929 !important;
  border: 1px solid transparent !important;
  height: 46px !important;
  border-radius: 8px !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] [class*="_select_"] {
  background-color: #0C223E !important;
  height: 46px !important;
  border-color: transparent !important;
  border-radius: 8px !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]:-webkit-autofill,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]:-webkit-autofill:hover,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]:-webkit-autofill:focus,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]:-webkit-autofill,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]:-webkit-autofill:hover,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #0C223E inset !important;
  -webkit-text-fill-color: #9EADBF !important;
  caret-color: #9EADBF !important;
  border-color: transparent !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]:focus,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]:focus-visible,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]:focus,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]:focus-visible,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] [class*="_countryButton_"]:focus,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] [class*="_countryButton_"]:focus-visible {
  border-color: #3B82F6 !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] button[class*="bg-[var(--theme-surface-raised)]"] {
  background-color: #0B1929 !important;
  border-color: transparent !important;
  border-radius: 8px !important;
}
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] button[class*="bg-[var(--theme-surface-raised)]"]:focus,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] button[class*="bg-[var(--theme-surface-raised)]"]:focus-visible {
  border-color: #3B82F6 !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]::placeholder,
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]::placeholder {
  font-size: 0.875rem !important;
  color: #718399 !important;
  opacity: 1 !important;
}

.btn-register-header--welcome-pack,
.btn-register-header--welcome-pack:hover,
.btn-register-header--welcome-pack:focus,
.btn-register-header--welcome-pack:focus-visible {
  background-image: none !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_auth_"]:not(:placeholder-shown),
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[class*="_phoneInput_"]:not(:placeholder-shown) {
  background-color: #0C223E !important;
  border-color: transparent !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] button[class*="bg-[var(--theme-surface-raised)]"]:has(p[class*="text-[var(--theme-text-primary)]"]) {
  background-color: #0C223E !important;
  border-color: transparent !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] [class*="_control_"] {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: auto !important;
  gap: 10px !important;
}

html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] p[class*="text-[var(--theme-semantic-success)]"] {
  color: #1EBFA3 !important;
}

/* Provider tiles â€” naked logos: no fill, no border (border removed per
   request 2026-08-20; radius kept for hover/focus overlays). */
html[data-theme^="custom-"] .provider-logo {
  background-color: transparent !important;
  border: none !important;
  border-radius: 10px !important;
}

html[data-theme^="custom-"] .loyalty-hero h1 {
  font-family: var(--font-game-title) !important;
}
html[data-theme^="custom-"] .loyalty-hero p {
  color: #FFFFFF !important;
}

html[data-theme^="custom-"] .loyalty-hero.has-banner {
  min-height: 360px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-theme^="custom-"] .loyalty-hero.has-banner > .max-w-5xl {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  html[data-theme^="custom-"] .loyalty-hero.has-banner {
    min-height: 250px !important;
  }
}

html[data-theme^="custom-"] header {
  background: rgba(5, 15, 28, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html[data-theme^="custom-"] header nav {
  border-bottom: none !important;
}

html[data-theme^="custom-"] [data-testid="casino-game-search-input"] {
  background-color: var(--theme-bg-primary) !important;
  border-color: transparent !important;
}

html[data-theme^="custom-"] [class*="--sidebar-switcher-bg"] {
  border-color: transparent !important;
}

html[data-theme^="custom-"] .header-balance-box {
  background-color: #050F1C !important;
}

html[data-theme^="custom-"] [class*="bg-[var(--theme-surface-base)]"] {
  border-color: transparent !important;
}

html[data-theme^="custom-"] [data-testid="casino-game-search-input"]:focus,
html[data-theme^="custom-"] [data-testid="casino-game-search-input"]:focus-visible {
  border-color: var(--theme-border-base) !important;
  box-shadow: none !important;
}

html[data-theme^="custom-"] .banner-container {
  border-radius: 10px !important;
}

html[data-theme^="custom-"] .rounded-2xl:has(.carousel-slides) {
  border-radius: 10px !important;
}

html[data-theme^="custom-"] .carousel-slides .banner-container {
  position: relative !important;
}

html[data-theme^="custom-"] .carousel-slides .banner-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    rgba(5, 15, 28, 0.28) 0%,
    rgba(5, 15, 28, 0.14) 30%,
    rgba(5, 15, 28, 0) 58%
  );
}

html[data-theme^="custom-"] .carousel-slides .banner-content {
  position: relative !important;
  z-index: 2 !important;
}

html[data-theme^="custom-"] .carousel-slides .banner-text-badge {
  background: rgba(5, 15, 28, 0.24) !important;
  border: 1px solid transparent !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

html[data-theme^="custom-"] .bc8-campaigns-block [class*="_statusPill_"] {
  background: rgba(5, 15, 28, 0.24) !important;
  border: 1px solid transparent !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

html[data-theme^="custom-"] .bc8-campaigns-block button[class*="_overlay_"] {
  background: rgba(5, 15, 28, 0.08) !important;
  border-color: transparent !important;
  color: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme^="custom-"] .bc8-campaigns-block button[class*="_overlay_"]:hover:not(:disabled) {
  background: rgba(5, 15, 28, 0.18) !important;
}

html[data-theme^="custom-"] .bc8-campaigns-block button[class*="_overlay_"]:active:not(:disabled) {
  background: rgba(5, 15, 28, 0.28) !important;
}

html[data-theme^="custom-"] .banner-text-title {
  font-family: var(--font-game-title) !important;
  font-size: 1.8rem !important;
  line-height: 1.1 !important;
  margin-bottom: 0.35rem !important;
  padding-bottom: 3px;
  background: transparent !important;
  -webkit-text-stroke: 0.4px rgba(5, 15, 28, 0.7);
  paint-order: stroke fill;
  text-shadow: 0 2px 2px rgba(5, 15, 28, 0.55) !important;
}

html[data-theme^="custom-"] .banner-text-title,
html[data-theme^="custom-"] .banner-text-description {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
}

html[data-theme^="custom-"] .banner-text-description {
  line-height: 130% !important;
  font-weight: 600 !important;
  background: transparent !important;
  -webkit-text-stroke: 0.25px rgba(5, 15, 28, 0.65);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(5, 15, 28, 0.6) !important;
}

@media (max-width: 47.99rem) {
  html[data-theme^="custom-"] .banner-text-title {
    font-size: 1.35rem !important;
    line-height: 1.12 !important;
    margin-bottom: 0.32rem !important;
    padding-bottom: 3px;
  }

  html[data-theme^="custom-"] .banner-text-description {
    font-size: 0.72rem !important;
    line-height: 125% !important;
  }
}

/* Available campaigns block: add "bc8-campaigns-block" in the CMS CSS Class
   field. All overrides below remain isolated from other campaign sections. */
html[data-theme^="custom-"] .bc8-campaigns-block h2.text-lg.font-semibold {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 700 !important;
}

html[data-theme^="custom-"] .bc8-campaigns-block h3.text-base {
  font-family: var(--font-game-title) !important;
  font-size: 1.35rem !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  margin-bottom: 0.25rem !important;
  padding-bottom: 2px;
  background: transparent !important;
  -webkit-text-stroke: 0.3px rgba(5, 15, 28, 0.65);
  paint-order: stroke fill;
  text-shadow: 0 2px 2px rgba(5, 15, 28, 0.55) !important;
}

html[data-theme^="custom-"] .bc8-campaigns-block h3.text-base + p {
  color: color-mix(in srgb, var(--color-overlay-text) 90%, transparent) !important;
  font-size: 0.875rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  background: transparent !important;
  -webkit-text-stroke: 0.15px rgba(5, 15, 28, 0.55);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(5, 15, 28, 0.6) !important;
}

@media (max-width: 47.99rem) {
  html[data-theme^="custom-"] .bc8-campaigns-block h2.text-lg.font-semibold {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }

  html[data-theme^="custom-"] .bc8-campaigns-block h3.text-base {
    font-size: 1.125rem !important;
    line-height: 1.15 !important;
  }

  html[data-theme^="custom-"] .bc8-campaigns-block h3.text-base + p {
    font-size: 0.75rem !important;
    line-height: 1.25 !important;
  }
}

html[data-theme^="custom-"] [class*="border-[color:var(--theme-border-accent)]"] {
  border-color: transparent !important;
}

html[data-theme^="custom-"] [data-testid^="reward-card-"] [class*="bg-[color:var(--progress-bg)]"],
html[data-theme^="custom-"] [data-testid^="campaign-card-"] [class*="bg-[color:var(--progress-bg)]"] {
  background-color: rgba(255, 255, 255, 0.28) !important;
}

html[data-theme^="custom-"] [data-testid="reward-forfeit-btn"] {
  background-color: #0B1929 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
html[data-theme^="custom-"] [data-testid="reward-forfeit-btn"]:hover:not(:disabled) {
  background-color: #27476A !important;
  color: #ffffff !important;
}
html[data-theme^="custom-"] [data-testid="reward-forfeit-btn"]:active:not(:disabled) {
  background-color: #11243A !important;
  color: #ffffff !important;
}

html[data-theme^="custom-"] [data-testid^="cashback-card-"] button[class*="_success_"][class*="_isDisabled_"] {
  background-color: rgba(69, 101, 141, 0.91) !important;
  border: none !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
}

html[data-theme^="custom-"] [data-testid^="cashback-card-"] {
  border-color: transparent !important;
}

html[data-theme^="custom-"] div.aspect-\[3\/4\].rounded-\[10px\] img.opacity-60 {
  opacity: 0.3 !important;
}
html[data-theme^="custom-"] div.aspect-\[3\/4\].rounded-\[10px\] div.absolute.inset-0.rounded-\[10px\].pointer-events-none {
  background-image: none !important;
}

html[data-theme^="custom-"] [data-testid^="game-prelaunch-play"][class*="prelaunch-demo-border"] {
  background-color: rgba(0, 0, 0, 0.45) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #FFFFFF !important;
}
html[data-theme^="custom-"] [data-testid^="game-prelaunch-play"][class*="prelaunch-demo-border"]:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

html[data-theme^="custom-"] .game-card-gradient {
  height: 75% !important;
}

html[data-theme^="custom-"] div.mb-2.md\:mb-4:has(astro-island[component-url*="FilterChips"]) {
  margin-bottom: 1.75rem !important;
}
@media (min-width: 48rem) {
  html[data-theme^="custom-"] div.mb-2.md\:mb-4:has(astro-island[component-url*="FilterChips"]) {
    margin-bottom: 2rem !important;
  }
}

html[data-theme^="custom-"] .game-card-title {
  font-size: min(
    calc(clamp(1.3rem, 20cqi, 3rem) * var(--title-scale, 1)),
    calc((100cqi - 1.5rem) / (max(var(--max-word-length, 1), 1) * 0.66))
  ) !important;
}

@media (min-width: 48rem) {
  html[data-theme^="custom-"] .game-card-static-overlay,
  html[data-theme^="custom-"] .game-card-hover-overlay {
    padding-inline: 0.75rem !important;
  }
}

button[class*="_ghostIcon_"] {
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-color: transparent !important;
}
button[class*="_ghostIcon_"]:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.32) !important;
}
button[class*="_ghostIcon_"]:active:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

html[data-theme^="custom-"] .prose h1 {
  font-family: var(--font-game-title) !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  color: #FFFFFF !important;
}
html[data-theme^="custom-"] .prose h2 {
  font-weight: 500 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  color: #9EADBF !important;
}
html[data-theme^="custom-"] .prose h3 {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: #718399 !important;
}
html[data-theme^="custom-"] .prose h4 {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #F5F7FA !important;
}
html[data-theme^="custom-"] .prose h5 {
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #F5F7FA !important;
}

html[data-theme^="custom-"] .prose strong {
  color: #FFFFFF !important;
}

@media (min-width: 48rem) {

  html[data-theme^="custom-"] .page-section:has(.loyalty-progress-section) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100% !important;
  }


  html[data-theme^="custom-"] .loyalty-progress-section,
  html[data-theme^="custom-"] .loyalty-progress-section astro-island,
  html[data-theme^="custom-"] .loyalty-progress-section astro-island > a {
    height: 100% !important;
  }
  html[data-theme^="custom-"] .loyalty-progress-section .rounded-xl.p-5.bg-surface-base {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }


  html[data-theme^="custom-"]:has(.relative.group [id$="-dots"].flex) .page-section:has(.loyalty-progress-section) {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 47.99rem) {
  html[data-theme^="custom-"] .page-section:has(.loyalty-progress-section) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  html[data-theme^="custom-"] .loyalty-progress-section .text-left p.text-xs.text-tertiary,
  html[data-theme^="custom-"] .loyalty-progress-section .text-right p.text-xs.text-tertiary {
    display: none !important;
  }
}

html[data-theme^="custom-"] [class*="var(--theme-semantic-success)_12%"][class*="rounded-full"] {
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme^="custom-"] [class*="var(--theme-semantic-success)_12%"] svg[class*="text-[var(--theme-semantic-success)]"] {
  color: #FFFFFF !important;
}

html[data-theme^="custom-"] [class*="var(--theme-semantic-error)_10%"][class*="rounded-full"] {
  background: color-mix(in srgb, var(--theme-semantic-success) 12%, var(--theme-surface-base)) !important;
}
html[data-theme^="custom-"] [class*="var(--theme-semantic-error)_10%"] svg[class*="text-[var(--theme-semantic-error)]"] {
  color: var(--theme-semantic-success) !important;
}

html[data-theme^="custom-"] [data-testid="popup-corner"] {
  background: #FFFFFF !important;
  border-color: transparent !important;
  border-radius: 10px !important;
  color: #050F1C !important;
}
html[data-theme^="custom-"] [data-testid="popup-corner"] h4 {
  color: #050F1C !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
html[data-theme^="custom-"] [data-testid="popup-corner"] h4 + div {
  color: #050F1C !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}
html[data-theme^="custom-"] [data-testid="popup-corner"] [data-testid="popup-dismiss-btn"] {
  color: #9EADBF !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-theme^="custom-"] [data-testid="popup-corner"] [data-testid="popup-dismiss-btn"] svg {
  width: 16px !important;
  height: 16px !important;
}

html[data-theme^="custom-"] [data-testid="popup-corner"] [data-testid="popup-dismiss-btn"]:hover:not(:disabled),
html[data-theme^="custom-"] [data-testid="popup-corner"] [data-testid="popup-dismiss-btn"]:active:not(:disabled),
html[data-theme^="custom-"] [data-testid="popup-corner"] [data-testid="popup-dismiss-btn"]:focus,
html[data-theme^="custom-"] [data-testid="popup-corner"] [data-testid="popup-dismiss-btn"]:focus-visible {
  background-color: transparent !important;
  color: #050F1C !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme^="custom-"] [data-amp-event="Click-Header-Login"] {
  background-color: var(--theme-surface-elevated) !important;
  color: var(--theme-text-primary) !important;
  border: 1px solid var(--theme-border-base) !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  min-height: 38px !important;
}
html[data-theme^="custom-"] [data-amp-event="Click-Header-Login"]:hover:not(:disabled) {
  background-color: var(--theme-surface-raised) !important;
}

[class*="space-y-2"]:has(> [data-testid="phone-verify-btn"]) {
  display: none !important;
}

html[data-theme^="custom-"] .loyalty-widget__bar-track {
  background: rgba(255, 255, 255, 0.14) !important;
  opacity: 1 !important;
}

html[data-theme^="custom-"] .loyalty-widget .loyalty-widget__percent {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html[data-theme^="custom-"] div.absolute.inset-x-0.bottom-0.flex.flex-col:has(> .game-card-title) {
  padding-bottom: 8px !important;
}

html[data-theme^="custom-"] .game-card-hover-overlay {
  padding-bottom: 8px !important;
}

@media (min-width: 1024px) {
  html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] div.hidden.lg\:flex.w-1\/2.flex-col.justify-center {
    justify-content: flex-end !important;
  }
  html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] div.hidden.lg\:flex.w-1\/2.flex-col div.relative.z-10.text-center.max-w-md {
    margin-bottom: 2rem !important;
  }
}

/* 2026-08-08 â€” solid background for cashback card timer (StatusBadge with countdown) */
html[data-theme^="custom-"] [data-card-type="cashback"] [class*="statusBadge"] {
  background: rgba(5, 15, 28, 0.56) !important;
}

/* Quick-navigation strip (40px mini-banner tiles under the header): source
   wraps the title in "absolute inset-0 py-5 px-6" â€” 40px of vertical padding
   inside a 40px tile, so the title is clipped to nothing; the theme's 1.8rem
   .banner-text-title makes it worse, and with no image uploaded the container
   shows the source's inline purple fallback gradient. Rebuild as flat pills:
   surface bg (beats the inline gradient â€” !important vs non-important inline),
   no dark overlay, compact padding, UI-size title. */
html[data-theme^="custom-"] .quick-navigation .banner-container {
  background: var(--theme-surface-base) !important;
}
html[data-theme^="custom-"] .quick-navigation .banner-container div.absolute.inset-0.pointer-events-none {
  background-image: none !important;
}
html[data-theme^="custom-"] .quick-navigation .banner-container div.absolute.inset-0.py-5.px-6 {
  padding: 0 16px !important;
}
html[data-theme^="custom-"] .quick-navigation .banner-content {
  width: 100% !important;
}
html[data-theme^="custom-"] .quick-navigation .banner-text-title {
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  color: var(--theme-text-primary) !important;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
}

/* Section-header controls (carousel arrows + "Ver todo" â€” Button variant
   _surfacePill_): outline-only per the palette's secondary/ghost buttons â€”
   no fill, 1px border, radius 10px (overrides the variant's radiusFull
   circles). Hover keeps the transparent bg, feedback via border + text. */
html[data-theme^="custom-"] [class*="_surfacePill_"] {
  background-color: transparent !important;
  border: 1px solid var(--theme-border-base) !important;
  border-radius: 10px !important;
}
html[data-theme^="custom-"] [class*="_surfacePill_"]:hover:not(:disabled),
html[data-theme^="custom-"] [class*="_surfacePill_"]:active:not(:disabled) {
  background-color: transparent !important;
  border-color: #27476A !important;
  color: var(--theme-text-primary) !important;
}

/* Sidebar background â€” the sidebar <nav> paints its own bg directly, NOT via
   --sidebar-bg (lesson from the prod Bluechip theme v1.7 note): token changes
   alone have no visible effect there. Direct override, scoped via :has() to
   the sidebar's own menu so other .scrollbar-hide scroll areas (game
   carousels) stay untouched. Same colour as --sidebar-bg. */
html[data-theme^="custom-"] nav.scrollbar-hide:has([class*="sidebar-menu"], [class*="sidebar-config"]) {
  background-color: #020914 !important;
}

/* Section-header carousel arrows (CarouselArrows.astro â€” Button
   variant="secondary" + radiusFull circles; :not(_overlay_) keeps the
   in-banner overlay arrows untouched): same outline style as "Ver todo". */
html[data-theme^="custom-"] .carousel-prev:not([class*="_overlay_"]),
html[data-theme^="custom-"] .carousel-next:not([class*="_overlay_"]) {
  background-color: transparent !important;
  border: 1px solid var(--theme-border-base) !important;
  border-radius: 10px !important;
}
html[data-theme^="custom-"] .carousel-prev:not([class*="_overlay_"]):hover:not(:disabled),
html[data-theme^="custom-"] .carousel-next:not([class*="_overlay_"]):hover:not(:disabled),
html[data-theme^="custom-"] .carousel-prev:not([class*="_overlay_"]):active:not(:disabled),
html[data-theme^="custom-"] .carousel-next:not([class*="_overlay_"]):active:not(:disabled) {
  background-color: transparent !important;
  border-color: #27476A !important;
  color: var(--theme-text-primary) !important;
}

/* Game filter tabs (FilterChips â€” a._button_._chip_, e.g. games-filter-*):
   inactive chips (variant secondary) get the same outline style; the ACTIVE
   chip (variant primary, brand pink fill) keeps its fill â€” only the radius
   is normalized to 10px for both. */
html[data-theme^="custom-"] [class*="_chip_"] {
  border-radius: 10px !important;
}
html[data-theme^="custom-"] [class*="_chip_"][class*="_secondary_"] {
  background-color: transparent !important;
  border: 1px solid var(--theme-border-base) !important;
}
html[data-theme^="custom-"] [class*="_chip_"][class*="_secondary_"]:hover:not(:disabled),
html[data-theme^="custom-"] [class*="_chip_"][class*="_secondary_"]:active:not(:disabled) {
  background-color: transparent !important;
  border-color: #27476A !important;
  color: var(--theme-text-primary) !important;
}

/* Header balance wallet icon â€” source paints it via .text-brand (#405F81, the
   default theme's muted blue, off-palette). Turquoise per the colour
   semantics (turquoise = money/action). Scoped to the balance trigger only
   so other .text-brand usages are untouched. */
html[data-theme^="custom-"] [data-testid="casino-header-balance"] svg.lucide-wallet,
html[data-theme^="custom-"] .header-balance-box svg.lucide-wallet {
  color: #1EBFA3 !important;
}

/* Providers-section "Ver todo" â€” a standalone .see-all-pill anchor with an
   INLINE style (elevated fill + rounded-full), not the Button surfacePill
   variant, so the 1.6 rule never matched it. !important beats the
   non-important inline declarations; same outline style as game sections. */
html[data-theme^="custom-"] .see-all-pill {
  background-color: transparent !important;
  border: 1px solid var(--theme-border-base) !important;
  border-radius: 10px !important;
}
html[data-theme^="custom-"] .see-all-pill:hover,
html[data-theme^="custom-"] .see-all-pill:active {
  background-color: transparent !important;
  border-color: #27476A !important;
  color: var(--theme-text-primary) !important;
}

/* Game-frame toolbar logo â€” semi-transparent white (subtle watermark look).
   The PROD build inlines a literal colour on the masked logo div instead of
   reading var(--theme-game-toolbar-logo), so the token alone isn't enough:
   !important beats the non-important inline declaration. */
html[data-theme^="custom-"] div[role="img"][aria-label^="bluechip" i] {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Mobile bottom bar: active item ships as utility class .text-brand
   (= var(--theme-brand-primary), pink). White per request â€” scoped to the
   bottom nav ([data-testid="mobile-bottom-nav"]) so .text-brand elsewhere
   keeps the brand colour. nav-item-active tokens aligned for consistency. */
html[data-theme^="custom-"] [data-testid="mobile-bottom-nav"] .text-brand {
  color: #F5F7FA !important;
}

/* Bonus / reward card progress block (values picked in DevTools 2026-08-31):
   fill was the source default brand gradient (pink on this brand) â€” now a
   white -> turquoise sweep matching the money/action role; detail line
   "$x / $y" lifted from text-muted to near-white; bonus amount forced white. */
html[data-theme^="custom-"] .progress-fill-brand {
  background: linear-gradient(to right, #FFFFFF, #26D4B5) !important;
}
html[data-theme^="custom-"] .text-progress-detail {
  color: #E6EDF5 !important;
}
html[data-theme^="custom-"] [data-testid^="reward-card-"] p.font-bold.text-xl {
  color: #FFFFFF !important;
}

/* Registration form accents (2026-08-31): checkbox + Login link follow the
   turquoise CTA instead of brand pink. */
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] input[type="checkbox"] {
  accent-color: #1EBFA3 !important;
}
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] a[class*="text-[var(--theme-brand-primary)]"] {
  color: #1EBFA3 !important;
}
html[data-theme^="custom-"] div.min-h-dvh.flex[style*="linear-gradient"] a[class*="text-[var(--theme-brand-primary)]"]:hover {
  color: #27D4B5 !important;
}
