:root {
    --header-footer-logo: url("https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/mklcmzlkxmcqwLKCLZvjqr/logos/njhZG79ELBbNznOebNAEMUypm5Pc8DiUCnRdJ2Xk.png");
    --homepage-entrance-bg-image: linear-gradient(135deg, #1a1a1a 0%, #000000 60%, #111111 100%);

    --brand-primary: #f5c518 !important;
    --accent: #f5c518 !important;
    --brand-primary-rgb: 245, 197, 24;
    --brand-secondary-rgb: 255, 215, 60;
    --brand-primary-contrast: #000000;
    --brand-secondary: #ffd93c;
    --accent-rgb: var(--brand-primary-rgb);
    --active: var(--accent);

    --accent-soft:    rgba(245, 197, 24, 0.09);
    --accent-soft-2:  rgba(245, 197, 24, 0.05);
    --accent-soft-3:  rgba(245, 197, 24, 0.13);
    --accent-soft2: var(--accent-soft-2);
    --accent-soft3: var(--accent-soft-3);
    --accent-border:        rgba(245, 197, 24, 0.26);
    --accent-border-strong: rgba(245, 197, 24, 0.48);
    --accent-glow:          rgba(245, 197, 24, 0.26);

    --surface-bg:       #000000;
    --surface-bg-rgb:   0, 0, 0;
    --surface-1:        #111111;
    --surface-2:        #1a1a1a;
    --surface-3:        #222222;
    --surface-4:        #2a2a2a;
    --surface-card:     #111111;
    --surface-modal:    #111111;
    --surface-elevated: #1a1a1a;
    --surface-border:        rgba(245, 197, 24, 0.11);
    --surface-border-soft:   rgba(245, 197, 24, 0.06);
    --surface-border-strong: rgba(245, 197, 24, 0.18);

    --legacy-bg-1:       #1a1a1a;
    --legacy-bg-2:       #222222;
    --legacy-bg-3:       #2a2a2a;
    --legacy-text-muted: #aaaaaa;

    --text-primary:   #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.88);
    --text-muted:     rgba(255, 255, 255, 0.58);
    --text-soft:      rgba(255, 255, 255, 0.42);
    --text-disabled:  rgba(255, 255, 255, 0.28);
    --text-on-accent: #000000;

    --success:     #16a34a;  --success-rgb: 22, 163, 74;
    --warning:     #d97706;  --warning-rgb: 217, 119, 6;
    --danger:      #dc2626;  --danger-rgb: 220, 38, 38;
    --info:        #f5c518;  --info-rgb: 245, 197, 24;
    --state-success-soft: rgba(22, 163, 74,  0.10);
    --state-warning-soft: rgba(217, 119, 6,  0.10);
    --state-danger-soft:  rgba(220, 38, 38,  0.10);
    --state-info-soft:    rgba(245, 197, 24, 0.10);

    --radius-2xs: 4px;  --radius-xs: 6px;  --radius-sm: 8px;
    --radius-md: 10px;  --radius-lg: 12px; --radius-xl: 16px;
    --radius-2xl: 20px; --radius-3xl: 24px; --radius-pill: 999px;
    --border-thin: 1px; --border-medium: 2px;

    --shadow-xs: 0 1px 3px rgba(245,197,24,0.06);
    --shadow-sm: 0 4px 12px rgba(245,197,24,0.08), 0 2px 6px rgba(0,0,0,0.20);
    --shadow-md: 0 8px 20px rgba(245,197,24,0.10), 0 3px 8px rgba(0,0,0,0.20);
    --shadow-lg: 0 12px 30px rgba(245,197,24,0.12), 0 4px 10px rgba(0,0,0,0.25);
    --shadow-xl: 0 18px 40px rgba(245,197,24,0.14), 0 6px 16px rgba(0,0,0,0.30);
    --shadow-accent-sm: 0 6px 16px rgba(245,197,24,0.22);
    --shadow-accent-md: 0 10px 24px rgba(245,197,24,0.28);
    --shadow-accent-lg: 0 14px 34px rgba(245,197,24,0.34);

    --gradient-primary:            linear-gradient(180deg, #f5c518, #d4a800);
    --gradient-primary-horizontal: linear-gradient(90deg,  #f5c518, #d4a800);
    --gradient-overlay:   linear-gradient(180deg, rgba(0,0,0,0.92), rgba(17,17,17,0.96));
    --gradient-surface:   linear-gradient(180deg, #111111, #000000);
    --gradient-chip:      linear-gradient(180deg, rgba(245,197,24,0.07), rgba(245,197,24,0.03));
    --gradient-withdraw:  linear-gradient(90deg, #ff5a6f 0%, #f03b57 30%, #d91f3f 68%, #b5122e 100%);

    --panel-top:  #1a1a1a;
    --panel-bottom: #111111;
    --panel-bg:   #1a1a1a;
    --panel-bg2:  #111111;
    --modalbg:    linear-gradient(180deg, #1a1a1a, #111111);
    --linearbg:   linear-gradient(180deg, #111111 0%, #000000 100%);
    --linearbgreversed: linear-gradient(180deg, #111111 0%, #000000 100%);
    --lineartooltipbg:  linear-gradient(180deg, #1a1a1a 0%, #111111 100%);

    --progressbg: linear-gradient(to right,
        rgba(245,197,24,0.72) 0%, rgba(245,197,24,0.85) 40%,
        rgba(245,197,24,1) 100%);

    --input-bg:            #111111;
    --input-bg-solid:      #1a1a1a;
    --input-border:        rgba(245, 197, 24, 0.22);
    --input-border-focus:  rgba(245, 197, 24, 0.60);
    --input-placeholder:   rgba(255, 255, 255, 0.36);

    --btn-primary-bg:          #f5c518;
    --btn-primary-bg-hover:    #d4a800;
    --btn-primary-bg-active:   #b89000;
    --btn-primary-color:       #000000;
    --btn-primary-radius:      6px;
    --btn-primary-shadow:      0 6px 16px rgba(245,197,24,0.24);
    --btn-primary-shadow-active: 0 10px 24px rgba(245,197,24,0.30);
    --btn-primary-disabled-opacity: 0.50;
    --btn-secondary-bg:        #1a1a1a;
    --btn-secondary-bg-hover:  #222222;
    --btn-secondary-color:     #ffffff;
    --btn-secondary-border:    rgba(245, 197, 24, 0.22);
    --btn-ghost-bg:            rgba(245, 197, 24, 0.07);
    --btn-ghost-bg-hover:      rgba(245, 197, 24, 0.12);
    --btn-ghost-color:         #ffffff;

    --header-register-bg:    #f5c518;
    --header-register-color: #000000;
    --wallet-btn-bg-start:   #1a1a1a;
    --wallet-btn-bg-end:     #f5c518;
    --wallet-btn-gradient:   linear-gradient(90deg, #1a1a1a 0%, #f5c518 100%);
    --wallet-btn-color:      #000000;

    --tab-active-bg:      #f5c518;
    --tab-active-color:   #000000;
    --tab-active-border:  #f5c518;
    --tab-inactive-bg:    transparent;
    --tab-inactive-color: rgba(255,255,255,0.52);
    --tab-inactive-border: rgba(245,197,24,0.16);
    --chip-bg:            rgba(245,197,24,0.06);
    --chip-border:        rgba(245,197,24,0.18);
    --chip-color:         rgba(255,255,255,0.58);
    --chip-active-bg:     rgba(245,197,24,0.12);
    --chip-active-border: rgba(245,197,24,0.45);
    --chip-active-color:  #ffffff;

    --card-bg:     linear-gradient(180deg, #111111, #000000);
    --card-border: rgba(245,197,24,0.08);
    --card-radius: 12px;
    --card-shadow: 0 8px 20px rgba(245,197,24,0.08), 0 2px 6px rgba(0,0,0,0.40);
    --modal-bg:     linear-gradient(180deg, #1a1a1a, #111111);
    --modal-border: rgba(245,197,24,0.10);
    --modal-radius: 12px;
    --modal-shadow: 0 18px 40px rgba(245,197,24,0.14), 0 6px 16px rgba(0,0,0,0.40);

    --wallet-deposit-bg:       #f5c518;
    --wallet-withdraw-gradient: var(--gradient-withdraw);
    --wallet-footer-btn-bg:    #1a1a1a;
    --wallet-footer-btn-color: #ffffff;

    --game-opener-border:  #f5c518;
    --game-opener-overlay: linear-gradient(0deg, rgba(0,0,0,0.90), rgba(0,0,0,0.90));
    --game-play-btn-bg:    #f5c518;
    --game-play-btn-color: #000000;
    --game-demo-btn-bg:    #444444;
    --game-demo-btn-color: #ffffff;

    --slider-nav-bg:               rgba(17,17,17,0.92);
    --slider-nav-bg-hover:         rgba(245,197,24,0.12);
    --slider-nav-border:           rgba(245,197,24,0.28);
    --slider-nav-color:            #f5c518;
    --slider-pagination-dot:       rgba(245,197,24,0.20);
    --slider-pagination-dot-active: #f5c518;

    --font-family-regular:  "Rubik", sans-serif;
    --font-family-medium:   "Rubik Medium", sans-serif;
    --font-family-semibold: "Rubik SemiBold", sans-serif;
    --font-family-bold:     "Rubik Bold", sans-serif;

    --top-search-form-border:    1px solid rgba(245,197,24,0.18);
    --top-search-form-radius:    6px;
    --top-search-form-margin-top: 24px;
    --top-search-form-margin-bottom: 24px;
    --top-search-form-padding-x: 12px;
    --top-search-form-height:    48px;
    --top-search-form-line-height: 62px;
    --top-search-form-font-size: 0px;
    --top-search-form-bg:        #111111;
    --top-search-form-font-family: var(--font-family-medium);
    --top-search-icon-color:     #aaaaaa;
    --top-search-input-color:    #ffffff;
    --top-search-input-placeholder: rgba(255,255,255,0.36);
    --top-search-focus-radius:   16px;
    --top-search-focus-shadow:   0 18px 50px rgba(245,197,24,0.12), 0 0 0 1px rgba(245,197,24,0.20);
    --top-search-layer-radius:   18px;
    --top-search-layer-border:   1px solid rgba(245,197,24,0.10);
    --top-search-layer-border-bottom: 10px solid rgba(245,197,24,0.10);
    --top-search-layer-bg:       rgba(17,17,17,0.97);
    --top-search-layer-shadow:   0 16px 40px rgba(245,197,24,0.12);
    --top-search-layer-blur:     14px;
    --top-search-recent-wrap-radius: 10px;
    --top-search-recent-wrap-border: 1px solid rgba(245,197,24,0.20);
    --top-search-recent-wrap-bg: linear-gradient(180deg, #1a1a1a, #111111);
    --top-search-recent-wrap-shadow: 0 10px 22px rgba(245,197,24,0.10);
    --top-search-recent-chip-radius: 999px;
    --top-search-recent-chip-border: 1px solid rgba(245,197,24,0.35);
    --top-search-recent-chip-bg: linear-gradient(135deg, rgba(245,197,24,0.12), rgba(245,197,24,0.06));
    --top-search-recent-chip-color: #f5c518;
    --top-search-recent-chip-font-family: var(--font-family-semibold);
    --top-search-recent-chip-shadow: 0 4px 10px rgba(245,197,24,0.12), inset 0 1px 0 rgba(255,255,255,0.10);

    --lb-bg:              rgba(17, 17, 17, 0.93);
    --lb-stroke:          rgba(245, 197, 24, 0.12);
    --lb-stroke-2:        rgba(245, 197, 24, 0.07);
    --lb-text:            rgba(255, 255, 255, 0.88);
    --lb-muted:           rgba(255, 255, 255, 0.50);
    --lb-active:          #f5c518;
    --lb-shadow:          0 18px 40px rgba(245,197,24,0.12), 0 6px 16px rgba(0,0,0,0.40);
    --lb-shadow-soft:     0 10px 26px rgba(245,197,24,0.08);
    --lb-search-bg:       #1a1a1a;
    --lb-radius:          22px;
    --lb-radius-sm:       20px;
    --lb-surface-gradient: linear-gradient(180deg, rgba(17,17,17,0.97), rgba(0,0,0,0.93));
    --lb-wallet-ring-color: rgba(245,197,24,0.42);
    --lb-wallet-ring-size:  0.2rem;
    --lb-wallet-glow:       radial-gradient(circle, rgba(245,197,24,0.16), transparent 65%);
    --lb-wallet-glow-radius: radial-gradient(circle, rgba(245,197,24,0.20), transparent 62%);
    --lb-chat-bg:    linear-gradient(135deg, rgba(245,197,24,0.95), rgba(245,197,24,0.78));
    --lb-chat-border: rgba(245,197,24,0.40);
    --lb-chat-color:  #000000;
    --lb-chat-shadow: 0 12px 24px rgba(245,197,24,0.24), 0 6px 16px rgba(0,0,0,0.30);
    --lb-chat-shadow-hover: 0 14px 28px rgba(245,197,24,0.32), 0 8px 20px rgba(0,0,0,0.40);

    --sidebar-tab-casino-bg-image:    linear-gradient(180deg, #f5c518, #d4a800);
    --sidebar-tab-sportsbook-bg-image: linear-gradient(180deg, #f05f0a, #d94e00);

    --sidebar-width: 260px; --sidebar-rail-width: 78px;
    --sidebar-z: 2000;
    --sidebar-ease: cubic-bezier(.2,.9,.2,1);
    --sidebar-bg-open:      #111111;
    --sidebar-bg-collapsed: #000000;
    --sidebar-bg-active:    linear-gradient(180deg, #1a1a1a, #111111);
    --sidebar-bg-open-accent:    rgba(245,197,24,0.05);
    --sidebar-bg-open-secondary: rgba(240,95,10,0.04);
    --sidebar-bg-collapsed-accent: rgba(245,197,24,0.03);
    --sidebar-bg-active-accent:    rgba(245,197,24,0.06);
    --sidebar-bg-active-secondary: rgba(22,163,74,0.04);
    --sidebar-stroke:        rgba(245,197,24,0.08);
    --sidebar-stroke-strong: rgba(245,197,24,0.14);
    --sidebar-stroke-accent: rgba(245,197,24,0.22);
    --sidebar-text:      #ffffff;
    --sidebar-text-muted: rgba(255,255,255,0.75);
    --sidebar-text-soft: #aaaaaa;
    --sidebar-chip:       rgba(245,197,24,0.05);
    --sidebar-chip-2:     rgba(245,197,24,0.03);
    --sidebar-chip-stroke: rgba(245,197,24,0.10);
    --sidebar-shadow:      0 24px 56px rgba(245,197,24,0.09);
    --sidebar-shadow-soft: 0 12px 24px rgba(245,197,24,0.07);
    --sidebar-active-glow: 0 0 0 1px rgba(245,197,24,0.12);
    --sidebar-overlay:     rgba(0,0,0,0.60);
    --sidebar-search-bg:   linear-gradient(180deg, rgba(245,197,24,0.04), rgba(245,197,24,0.02));
    --sidebar-search-text: rgba(255,255,255,0.75);
    --sidebar-promo-bg:    rgba(245,197,24,0.03);
    --sidebar-promo-border: rgba(245,197,24,0.08);
    --sidebar-promo-item-bg: rgba(245,197,24,0.04);
    --sidebar-promo-item-bg-hover: rgba(245,197,24,0.07);
    --sidebar-promo-dot:   #f5c518;
    --sidebar-promo-dot-glow: rgba(245,197,24,0.12);
    --sidebar-hero-glow:   linear-gradient(90deg, #1a1a1a 0%, #333300 100%);
    --sidebar-top-btn-border: rgba(245,197,24,0.15);
    --sidebar-top-btn-bg:  linear-gradient(95deg, #1a1a1a 0%, #222200 50%, #2a2a00 100%);
    --sidebar-top-btn-shadow: 0 6px 18px rgba(245,197,24,0.08), inset 0 1px 0 rgba(255,255,255,0.05);
    --sidebar-top-btn-title: #ffffff;
    --sidebar-top-btn-arrow: rgba(245,197,24,0.72);
    --sidebar-top-btn-hover-border: rgba(245,197,24,0.30);
    --sidebar-top-btn-hover-shadow: 0 12px 24px rgba(245,197,24,0.14), 0 0 0 1px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.10);
    --sidebar-top-btn-active-border: rgba(245,197,24,0.42);
    --sidebar-top-btn-active-bg:    linear-gradient(95deg, rgba(245,197,24,0.14), rgba(245,197,24,0.08));
    --sidebar-top-btn-active-shadow: 0 14px 28px rgba(245,197,24,0.16), 0 0 0 1px rgba(245,197,24,0.20), inset 0 1px 0 rgba(255,255,255,0.10);

    --focus-ring: 0 0 0 3px rgba(245,197,24,0.18);
    --divider:    rgba(245,197,24,0.08);

    --notif-badge-bg:    #f5c518;
    --notif-badge-border: rgba(0,0,0,0.80);
    --notif-panel-bg:    linear-gradient(180deg, #1a1a1a, #111111);
    --notif-panel-border: rgba(245,197,24,0.10);
    --notif-panel-shadow: 0 14px 36px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.05);
    --notif-empty-bg:    rgba(245,197,24,0.05);
    --notif-empty-border: rgba(245,197,24,0.10);
    --notif-item-bg:     rgba(245,197,24,0.04);
    --notif-item-bg-hover: rgba(245,197,24,0.07);
    --notif-item-border: rgba(245,197,24,0.08);
    --notif-item-border-hover: rgba(245,197,24,0.14);
    --notif-track-thumb: rgba(245,197,24,0.12);

    --wgs-text:         rgba(255,255,255,0.92);
    --wgs-muted:        rgba(255,255,255,0.52);
    --wgs-panel-bg:     rgba(17,17,17,0.95);
    --wgs-panel-border: rgba(245,197,24,0.06);
    --wgs-block-bg:     rgba(245,197,24,0.03);
    --wgs-block-bg-hover: rgba(245,197,24,0.05);
    --wgs-block-border: rgba(245,197,24,0.08);
    --wgs-switch-on-bg:    rgba(245,197,24,0.10);
    --wgs-switch-on-border: rgba(245,197,24,0.24);
    --wgs-switch-knob:     rgba(245,197,24,0.22);
    --wgs-switch-knob-on:  rgba(245,197,24,0.88);
    --wgs-dot-bg:    rgba(245,197,24,0.08);
    --wgs-dot-border: rgba(245,197,24,0.14);
    --wgs-dot-ring:  rgba(245,197,24,0.20);
    --wgs-save-border: rgba(22,163,74,0.22);
    --wgs-save-bg:   linear-gradient(90deg, rgba(17,17,17,0.96), rgba(245,197,24,0.22));

    --game-theater-overlay:  rgba(0,0,0,0.72);
    --game-overlay-soft:     rgba(0,0,0,0.62);
    --game-fs-close-bg:      #1a1a1a;
    --game-switch-bg:        #222222;
    --game-switch-knob:      #333333;
    --game-switch-active-gradient: linear-gradient(to right, #d4a800, #f5c518, #ffd93c, #ffe566, #ffed80);
    --game-bets-empty-bg:    linear-gradient(145deg, rgba(17,17,17,0.97), rgba(0,0,0,0.99));
    --game-bets-empty-border: rgba(245,197,24,0.22);
    --game-bets-empty-icon-bg: rgba(245,197,24,0.10);
    --game-bets-empty-icon-border: rgba(245,197,24,0.22);
    --game-bets-empty-icon-shadow: 0 6px 18px rgba(245,197,24,0.14);
    --game-bets-empty-title: #ffffff;
    --game-bets-empty-text:  rgba(255,255,255,0.68);
    --game-bets-empty-button-bg:    rgba(245,197,24,0.08);
    --game-bets-empty-button-border: rgba(245,197,24,0.28);
    --game-bets-empty-button-hover-bg:    rgba(245,197,24,0.14);
    --game-bets-empty-button-hover-border: rgba(245,197,24,0.42);

    --favorites-empty-bg:     linear-gradient(140deg, rgba(17,17,17,0.97), rgba(0,0,0,0.99));
    --favorites-empty-border: rgba(245,197,24,0.22);
    --favorites-empty-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 16px 36px rgba(245,197,24,0.10);
    --favorites-empty-icon-bg:     rgba(245,197,24,0.10);
    --favorites-empty-icon-border: rgba(245,197,24,0.28);
    --favorites-empty-icon-shadow: 0 6px 20px rgba(245,197,24,0.18);
    --favorites-empty-title: #ffffff;
    --favorites-empty-text:  rgba(255,255,255,0.68);
    --favorites-empty-btn-bg:     linear-gradient(180deg, #ffd93c 0%, #f5c518 100%);
    --favorites-empty-btn-border: rgba(245,197,24,0.45);
    --favorites-empty-btn-shadow: 0 8px 18px rgba(245,197,24,0.22);

    --event-trophy-bg:    rgba(245,197,24,0.07);
    --event-trophy-border: rgba(245,197,24,0.22);
    --event-card-border:  rgba(245,197,24,0.08);
    --event-divider:      rgba(245,197,24,0.12);
    --event-title:  #ffffff;  --event-label:  rgba(255,255,255,0.88);
    --event-muted:  rgba(255,255,255,0.58); --event-stat-label: rgba(255,255,255,0.56);
    --event-cta-bg:    var(--gradient-primary);
    --event-cta-color: #000000;
    --event-progress-track: rgba(245,197,24,0.10);

    --withdraw-progress-bg:     rgba(17,17,17,0.92);
    --withdraw-progress-border: rgba(245,197,24,0.20);
    --withdraw-progress-track:  rgba(245,197,24,0.10);
    --withdraw-progress-fill:   linear-gradient(90deg, #f5c518 0%, #ffd93c 100%);
    --withdraw-progress-stat-bg: rgba(245,197,24,0.04);
    --withdraw-progress-label:  #aaaaaa;
    --withdraw-progress-value:  #ffffff;
    --withdraw-progress-note:   #cccccc;

    --challenge-filter-bg:    rgba(245,197,24,0.06);
    --challenge-filter-border: rgba(245,197,24,0.16);
    --challenge-filter-text:  #aaaaaa;
    --challenge-filter-text-hover: #f5c518;
    --challenge-filter-active-bg:  #111111;
    --challenge-filter-active-text: #ffffff;
    --challenge-filter-active-ring: rgba(245,197,24,0.22);
    --challenge-card-radius: 8px;
    --challenge-card-bg:     linear-gradient(160deg, #1a1a1a 0%, #111111 42%, #000000 100%);
    --challenge-card-shadow: 0 8px 18px rgba(245,197,24,0.08), inset 0 0 0 1px rgba(245,197,24,0.07);
    --challenge-card-sheen:  linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 38%);
    --challenge-card-overlay-shadow: inset 0 0 0 1px rgba(245,197,24,0.07);
    --challenge-image-fallback: #222222;
    --challenge-title:   #ffffff; --challenge-target: rgba(255,255,255,0.80);
    --challenge-label:   rgba(255,255,255,0.60); --challenge-value: #ffffff;
    --challenge-author:  #ffffff;
    --challenge-claimed-divider: rgba(245,197,24,0.12);
    --challenge-completed-ring: rgba(22,163,74,0.18);
    --challenge-completed-bg:   linear-gradient(180deg, rgba(22,163,74,0.08), rgba(22,163,74,0.04));
    --challenge-control-label:  rgba(255,255,255,0.68);
    --challenge-control-btn-bg:  #1a1a1a;
    --challenge-control-btn-border: rgba(245,197,24,0.14);
    --challenge-control-btn-text: #ffffff;
    --challenge-control-btn-icon: rgba(255,255,255,0.78);
    --challenge-control-badge-bg:    rgba(245,197,24,0.10);
    --challenge-control-badge-border: rgba(245,197,24,0.26);
    --challenge-control-badge-text:  #f5c518;
    --challenge-dropdown-bg:    #111111;
    --challenge-dropdown-text:  #ffffff;
    --challenge-dropdown-border: rgba(245,197,24,0.10);
    --challenge-dropdown-divider: rgba(245,197,24,0.08);
    --challenge-dropdown-item-hover: rgba(245,197,24,0.06);
    --challenge-dropdown-shadow: 0 12px 32px rgba(245,197,24,0.14);
    --challenge-dropdown-active: #f5c518;
    --challenge-provider-pill-bg:   linear-gradient(to right, #d4a800, #f5c518);
    --challenge-provider-pill-text: #000000;

    --tournament-button-bg:     linear-gradient(180deg, #ffd93c, #d4a800);
    --tournament-button-border: rgba(245,197,24,0.48);
    --tournament-button-color:  #000000;
    --tournament-button-radius: 4px;
    --tournament-button-shadow: 0 8px 20px rgba(245,197,24,0.26);
    --tournament-button-hover-filter: brightness(1.06);

    --general-tabs-text:        #aaaaaa;
    --general-tabs-active-text: #f5c518;
    --general-tabs-active-font: "Rubik Bold";

    --vip-accent:     #f5c518;
    --vip-accent-rgb: 245, 197, 24;
    --vip-bg0:  #000000; --vip-bg1: #1a1a1a;
    --vip-card-bg:          rgba(245,197,24,0.04);
    --vip-card-border:      rgba(245,197,24,0.10);
    --vip-card-border-soft: rgba(245,197,24,0.06);
    --vip-card-hover-bg:    rgba(245,197,24,0.07);
    --vip-text:  rgba(255,255,255,0.88);
    --vip-muted: rgba(255,255,255,0.44);
    --vip-chip-bg:            rgba(245,197,24,0.06);
    --vip-chip-border:        rgba(245,197,24,0.14);
    --vip-chip-active-bg:     rgba(245,197,24,0.12);
    --vip-chip-active-border: rgba(245,197,24,0.30);
    --vip-tag-bg:        rgba(245,197,24,0.07);
    --vip-gift-tag-bg:   rgba(245,197,24,0.08);
    --vip-gift-tag-border: rgba(245,197,24,0.16);
    --vip-button-border: rgba(245,197,24,0.24);
    --vip-button-bg:     linear-gradient(180deg, rgba(245,197,24,0.10), rgba(245,197,24,0.05));
    --vip-button-border-hover: rgba(245,197,24,0.38);
    --vip-link:        #f5c518;
    --vip-link-border: rgba(245,197,24,0.28);
    --vip-link-border-hover: rgba(245,197,24,0.55);

    --bonus-request-tab-bg:          transparent;
    --bonus-request-tab-border:      rgba(245,197,24,0.14);
    --bonus-request-tab-text:        rgba(255,255,255,0.52);
    --bonus-request-tab-active-bg:   #f5c518;
    --bonus-request-tab-active-border: #f5c518;
    --bonus-request-tab-active-text: #000000;
    --bonus-request-card-bg:     var(--card-bg);
    --bonus-request-card-border: var(--card-border);
    --bonus-request-card-shadow: var(--card-shadow);
    --bonus-request-info-bg:     rgba(245,197,24,0.08);
    --bonus-request-info-border: rgba(245,197,24,0.30);
    --bonus-request-info-color:  #ffffff;
    --bonus-request-button-bg:   #f5c518;
    --bonus-request-button-text: #000000;
    --bonus-request-empty-bg:    rgba(245,197,24,0.02);
    --bonus-request-empty-border: rgba(245,197,24,0.07);
    --bonus-request-empty-text:  rgba(255,255,255,0.52);
}


.hero-area-slider {
    --hero-accent: var(--accent);
    --hero-accent-rgb: var(--accent-rgb);
    --hero-nav-bg:      var(--slider-nav-bg);
    --hero-nav-bg-hover: var(--slider-nav-bg-hover);
    --hero-nav-border:  var(--slider-nav-border);
    --hero-pagination-dot:        var(--slider-pagination-dot);
    --hero-pagination-dot-active: var(--slider-pagination-dot-active);
}


:root {
    --settings-sidebar-bg:     rgba(17,17,17,0.97);
    --settings-sidebar-border: rgba(245,197,24,0.14);
    --settings-sidebar-shadow: 0 14px 30px rgba(245,197,24,0.09);
    --settings-sidebar-radius: 12px;
    --settings-sidebar-select-bg: rgba(245,197,24,0.03);
    --settings-sidebar-item-radius: 8px;
    --settings-sidebar-item-color: rgba(255,255,255,0.80);
    --settings-sidebar-item-active-bg: linear-gradient(120deg, rgba(245,197,24,0.12), rgba(245,197,24,0.06));
    --settings-sidebar-active-color: #ffffff;
    --settings-content-bg:     rgba(17,17,17,0.97);
    --settings-content-border: rgba(245,197,24,0.12);
    --settings-content-shadow: 0 18px 40px rgba(245,197,24,0.09);
    --settings-content-radius: 12px;
    --settings-block-bg:       rgba(26,26,26,0.85);
    --settings-block-border:   rgba(245,197,24,0.12);
    --settings-block-divider:  rgba(245,197,24,0.09);
    --settings-block-header-bg: transparent;
    --settings-block-radius:   10px;
    --settings-block-title-color: rgba(255,255,255,0.96);
    --settings-block-desc-color:  rgba(255,255,255,0.62);
    --settings-field-title-color: rgba(255,255,255,0.88);
    --settings-control-bg:     rgba(17,17,17,0.94);
    --settings-control-border: rgba(245,197,24,0.20);
    --settings-control-color:  rgba(255,255,255,0.95);
    --settings-control-radius: 8px;
    --settings-check-title-color: rgba(255,255,255,0.92);
    --settings-check-desc-color:  rgba(255,255,255,0.58);

    --page-header-radius:    4px;
    --page-header-bg:        linear-gradient(180deg, #1a1a1a, #000000);
    --page-header-shadow:    0 6px 20px rgba(245,197,24,0.08), inset 0 1px 0 rgba(255,255,255,0.05);
    --page-header-top-line:  linear-gradient(90deg, transparent, rgba(245,197,24,0.38), transparent);
    --page-header-title-color:    #ffffff;
    --page-header-subtitle-color: rgba(255,255,255,0.58);
    --page-header-icon-color:     #f5c518;

    --blog-detail-shell-border: rgba(245,197,24,0.10);
    --blog-detail-shell-radius: 12px;
    --blog-detail-shell-bg:     linear-gradient(180deg, #1a1a1a, #000000);
    --blog-detail-shell-shadow: 0 18px 38px rgba(245,197,24,0.09);
    --blog-detail-empty-border: rgba(245,197,24,0.18);
    --blog-detail-empty-color:  rgba(255,255,255,0.72);
    --blog-detail-card-bg:      rgba(245,197,24,0.02);
    --blog-detail-close-border: rgba(245,197,24,0.14);
    --blog-detail-close-bg:     rgba(245,197,24,0.04);
    --blog-detail-close-color:  rgba(255,255,255,0.78);
    --blog-detail-close-border-hover: rgba(245,197,24,0.28);
    --blog-detail-close-bg-hover:     rgba(245,197,24,0.08);
    --blog-detail-image-border: rgba(245,197,24,0.08);
    --blog-detail-title-color:   #ffffff;
    --blog-detail-lead-color:    rgba(255,255,255,0.78);
    --blog-detail-time-color:    rgba(255,255,255,0.52);
    --blog-detail-content-color: rgba(255,255,255,0.82);

    --policies-content-bg:    rgba(17,17,17,0.97);
    --policies-content-color: rgba(255,255,255,0.88);
    --policies-link-color:    #f5c518;
    --policies-heading-color: #ffffff;

    --wheel-page-glow-a:   rgba(245,197,24,0.09);
    --wheel-page-glow-b:   rgba(245,197,24,0.04);
    --wheel-tabs-border:   rgba(245,197,24,0.10);
    --wheel-tabs-bg:       linear-gradient(180deg, rgba(245,197,24,0.04), rgba(245,197,24,0.02));
    --wheel-tabs-shadow:   inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 16px rgba(245,197,24,0.07);
    --wheel-tab-border:    rgba(245,197,24,0.14);
    --wheel-tab-bg:        rgba(245,197,24,0.03);
    --wheel-tab-color:     rgba(255,255,255,0.85);
    --wheel-tab-border-hover: rgba(245,197,24,0.28);
    --wheel-tab-shadow:        inset 0 1px 0 rgba(255,255,255,0.05);
    --wheel-tab-shadow-hover:  0 8px 16px rgba(245,197,24,0.09), inset 0 1px 0 rgba(255,255,255,0.10);
    --wheel-chip-color:    #f5c518;
    --wheel-chip-bg:       rgba(245,197,24,0.10);
    --wheel-chip-border:   rgba(245,197,24,0.26);
    --wheel-tab-active-border: rgba(245,197,24,0.42);
    --wheel-tab-active-bg:     linear-gradient(180deg, rgba(245,197,24,0.88), rgba(245,197,24,0.68));
    --wheel-tab-active-shadow:  0 8px 18px rgba(245,197,24,0.20);
    --wheel-card-border: rgba(245,197,24,0.10);
    --wheel-card-bg:     linear-gradient(180deg, #111111, #000000);
    --wheel-card-shadow: 0 12px 26px rgba(245,197,24,0.09);
    --wheel-stage-ring:        rgba(245,197,24,0.10);
    --wheel-stage-ring-outer:  rgba(245,197,24,0.04);
    --wheel-stage-plate-border: rgba(245,197,24,0.16);
    --wheel-stage-plate-bg:    radial-gradient(circle, rgba(245,197,24,0.06), rgba(245,197,24,0.02));
    --wheel-stage-center-bg:   radial-gradient(circle at 50% 35%, rgba(30,30,0,0.96), rgba(17,17,17,0.99));
    --wheel-stage-center-border: rgba(245,197,24,0.22);
    --wheel-stage-center-ring:   rgba(30,30,0,0.80);
    --wheel-stage-center-shadow: 0 8px 20px rgba(245,197,24,0.13);
    --wheel-stage-center-highlight: rgba(255,255,255,0.10);
    --wheel-halo-outer-border: rgba(245,197,24,0.28);
    --wheel-halo-inner-border: rgba(245,197,24,0.16);
    --wheel-halo-inner-shadow: inset 0 0 40px rgba(245,197,24,0.07);
    --wheel-arrow-shadow:      drop-shadow(0 6px 14px rgba(245,197,24,0.24));
    --wheel-spin-btn-border:   rgba(245,197,24,0.18);
    --wheel-spin-btn-bg:       linear-gradient(180deg, #1a1a1a, #111111);
    --wheel-spin-btn-color:    rgba(255,255,255,0.92);
    --wheel-spin-btn-shadow:   0 10px 22px rgba(245,197,24,0.12), 0 0 0 1px rgba(245,197,24,0.14), inset 0 1px 0 rgba(255,255,255,0.05);
    --wheel-side-summary-border: rgba(245,197,24,0.10);
    --wheel-side-summary-bg:   linear-gradient(180deg, rgba(245,197,24,0.04), rgba(245,197,24,0.02));
    --wheel-muted-text:  rgba(255,255,255,0.62);
    --wheel-strong-text: #ffffff;
    --wheel-status-border: rgba(245,197,24,0.14);
    --wheel-status-bg:     rgba(245,197,24,0.04);
    --wheel-status-ready-color:  #f5c518;
    --wheel-status-ready-border: rgba(245,197,24,0.28);
    --wheel-status-ready-bg:     rgba(245,197,24,0.08);
    --wheel-status-passive-color: rgba(255,255,255,0.68);
    --wheel-article-border: rgba(245,197,24,0.08);
    --wheel-article-bg:     rgba(245,197,24,0.01);
    --wheel-article-color:  rgba(255,255,255,0.80);
    --wheel-result-border:  rgba(245,197,24,0.20);
    --wheel-result-bg:      rgba(245,197,24,0.07);
    --wheel-register-btn-border: rgba(245,197,24,0.45);
    --wheel-register-btn-bg:     linear-gradient(180deg, #f5c518, rgba(245,197,24,0.82));
    --wheel-register-btn-color:  #000000;
    --wheel-register-btn-shadow: 0 10px 22px rgba(245,197,24,0.18);

    --promotion-hover-panel-bg:      linear-gradient(180deg, #1a1a1a, #111111);
    --promotion-hover-panel-pattern: radial-gradient(620px 240px at 80% 20%, rgba(245,197,24,0.04), transparent 66%);
    --promotion-hover-title-color:   #ffffff;
    --promotion-hover-desc-color:    rgba(255,255,255,0.64);
    --promotion-bottom-icon-color:   #ffffff;
    --promotion-bottom-info-color:   rgba(255,255,255,0.58);
}


html, body {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.page, .page-body, .page-main, .page-content, .page-wrapper,
main, .main, .main-content, .main-wrapper,
.content, .content-wrapper, .site-content,
.app, #app, #root,
.casino-page, .casino-wrapper, .sportsbook-page, .sportsbook-wrapper {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}


header, #header, header#header,
.main-header, .site-header, .top-header {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(245, 197, 24, 0.10) !important;
    box-shadow: 0 2px 14px rgba(245, 197, 24, 0.08) !important;
}

header#header div.middle-header,
header#header .middle-header,
header#header .middle-header-container,
header#header .header-inner,
header#header .top-header,
header#header .bottom-header {
    background: #000000 !important;
    background-image: none !important;
}

header a, header span, header li, header p,
header .nav-item a, header .menu-item a,
.main-header a, .site-header a {
    color: #ffffff !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button.register,
header .button.register, header .btn-register,
header .register-button, header a[href*="register"] {
    background: #f5c518 !important;
    background-image: linear-gradient(180deg, #f5c518, #d4a800) !important;
    color: #000000 !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 16px rgba(245,197,24,0.28) !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.wallet-menu div.current-wallet a.wallet-button {
    background: linear-gradient(90deg, #1a1a1a 0%, #f5c518 100%) !important;
    color: #000000 !important;
    border-radius: 6px !important;
}6, 86, 219, 0.10) !important;
    box-shadow: 0 2px 14px rgba(26, 86, 219, 0.08) !important;
}

header#header div.middle-header,
header#header .middle-header,
header#header .middle-header-container,
header#header .header-inner,
header#header .top-header,
header#header .bottom-header {
    background: #ffffff !important;
    background-image: none !important;
}

header a, header span, header li, header p,
header .nav-item a, header .menu-item a,
.main-header a, .site-header a {
    color: #ffffff !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button.register,
header .button.register, header .btn-register,
header .register-button, header a[href*="register"] {
    background: #f5c518 !important;
    background-image: linear-gradient(180deg, #f5c518, #d4a800) !important;
    color: #000000 !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 16px rgba(245,197,24,0.28) !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.wallet-menu div.current-wallet a.wallet-button {
    background: linear-gradient(90deg, #1a1a1a 0%, #f5c518 100%) !important;
    color: #000000 !important;
    border-radius: 6px !important;
}

header#header div.middle-header div.middle-header-container div.logo img,
header#header div.middle-header div.middle-header-container div.logo svg {
    margin-top: 8px;
}


footer, #footer, .footer, .site-footer,
.page-footer, .main-footer, .bottom-footer,
[class*="footer-"] {
    background: #111111 !important;
    background-color: #111111 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(245, 197, 24, 0.12) !important;
}

footer *, #footer *, .footer *, .site-footer *,
.page-footer *, .main-footer * {
    color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
#footer h1, #footer h2, #footer h3, #footer h4 {
    color: #ffffff !important;
    font-weight: 600 !important;
}

footer a, .footer a, #footer a, .site-footer a {
    color: #f5c518 !important;
}
footer a:hover, .footer a:hover, #footer a:hover {
    color: #d4a800 !important;
    text-decoration: underline !important;
}

footer .section-title, footer .footer-title, footer .col-title,
footer strong, footer b {
    color: #ffffff !important;
}

footer img, .footer img, #footer img {
    background: transparent !important;
}

footer .legal-text, footer .license-text, footer .disclaimer,
.footer-disclaimer {
    color: rgba(255,255,255,0.58) !important;
}


.sidebar, nav.sidebar, .sidebar-nav,
.sidebar-wrapper, .left-sidebar, .nav-sidebar,
.side-nav, [class*="sidebar"] {
    background: #111111 !important;
    background-color: #111111 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-right: 1px solid rgba(245,197,24,0.09) !important;
}

.sidebar *,
nav.sidebar *,
.sidebar-nav *,
.accordion-menu *,
.sidebar-wrapper *,
.side-nav * {
    color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
}

.sidebar svg, .sidebar svg path, .sidebar svg circle, .sidebar svg rect,
.sidebar svg polyline, .sidebar svg polygon, .sidebar svg line,
.accordion-menu svg, .accordion-menu svg path,
nav.sidebar svg, nav.sidebar svg path {
    fill: currentColor !important;
    color: rgba(255, 255, 255, 0.55) !important;
    stroke: currentColor !important;
}

.sidebar i, .sidebar .icon, .sidebar [class*="icon"],
.accordion-menu i, .accordion-menu .icon,
.accordion-menu [class*="icon"] {
    color: rgba(15, 23, 42, 0.55) !important;
}

.sidebar img, .accordion-menu img {
    filter: invert(0.8) sepia(0.3) saturate(0.8) hue-rotate(190deg) !important;
}

.sidebar a, .sidebar .menu a, .sidebar nav a,
.accordion-menu a, .accordion-menu li a,
.sidebar-menu a, .sidebar li a,
.sidebar .nav-link, .sidebar .menu-link,
.sidebar .menu-item a, .sidebar .nav-item a {
    color: #ffffff !important;
}

.sidebar a:hover, .sidebar .menu a:hover, .sidebar nav a:hover,
.accordion-menu a:hover, .accordion-menu li a:hover {
    color: #f5c518 !important;
    background-color: rgba(245,197,24,0.06) !important;
}

.sidebar a.active, .sidebar a[aria-current],
.sidebar .active > a, .sidebar .current > a,
.sidebar .is-active > a,
.sidebar li.active, .sidebar li.active > a,
.sidebar li.current, .sidebar li.current > a,
.sidebar li.is-active > a,
.sidebar li[class*="active"] > a,
.sidebar li[class*="current"] > a,
.sidebar [aria-selected="true"],
.sidebar [data-active="true"] > a,
.sidebar .menu-item.active > a,
.sidebar .nav-item.active > a,
.accordion-menu a.active, .accordion-menu li.active > a,
.accordion-menu [class*="active"] > a {
    color: #f5c518 !important;
    background-color: rgba(245, 197, 24, 0.10) !important;
    background-image: none !important;
    border-radius: 6px !important;
}

.sidebar a.active svg, .sidebar .active > a svg,
.sidebar li.active > a svg, .sidebar li.active > a i,
.accordion-menu a.active svg, .accordion-menu a.active i {
    color: #f5c518 !important;
    fill: #f5c518 !important;
}

.sidebar .collapse.show, .sidebar .collapsing,
.sidebar .accordion-body, .sidebar .accordion-content,
.sidebar .submenu, .sidebar .sub-menu,
.sidebar .children, .sidebar .dropdown,
.sidebar .open > ul, .sidebar .open > div,
.sidebar .is-open > ul, .sidebar .is-open > div,
.sidebar .expanded > ul, .sidebar .expanded > div,
.sidebar ul ul, .sidebar li > ul,
.sidebar nav ul ul, .sidebar nav li > ul,
.accordion-menu .submenu, .accordion-menu .sub-menu,
.accordion-menu ul ul, .accordion-menu .open > ul,
.accordion-menu .is-open > ul,
.accordion-menu .collapse.show, .accordion-menu .accordion-body,
.sidebar [class*="submenu"], .sidebar [class*="sub-menu"],
.sidebar [class*="children"], .sidebar [class*="dropdown"],
.accordion-menu [class*="submenu"], .accordion-menu [class*="sub-menu"] {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border-left: 2px solid rgba(245,197,24,0.16) !important;
    border-radius: 0 0 8px 8px !important;
}

.sidebar .collapse.show *, .sidebar .accordion-body *,
.sidebar .submenu *, .sidebar .sub-menu *, .sidebar ul ul *,
.accordion-menu .submenu *, .accordion-menu .sub-menu *,
.accordion-menu ul ul *, .accordion-menu .collapse.show * {
    color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
}

.sidebar .submenu a.active, .sidebar ul ul a.active,
.accordion-menu .submenu a.active, .accordion-menu ul ul a.active {
    color: #f5c518 !important;
    background-color: rgba(245,197,24,0.10) !important;
}

.sidebar .open > a, .sidebar .is-open > a, .sidebar .expanded > a,
.sidebar li.open > a, .sidebar li.is-open > a, .sidebar li.expanded > a,
.sidebar .menu-item.open > a, .sidebar .nav-item.open > a,
.accordion-menu .open > a, .accordion-menu .is-open > a {
    color: #f5c518 !important;
    background-color: rgba(245,197,24,0.08) !important;
    background-image: none !important;
}

.sidebar .open > a svg, .sidebar .is-open > a svg, .sidebar .expanded > a svg,
.sidebar .open > a i, .sidebar .is-open > a i,
.accordion-menu .open > a svg, .accordion-menu .open > a i {
    color: #f5c518 !important;
    fill: #f5c518 !important;
}

.sidebar .badge, .sidebar .count, .sidebar .item-count,
.sidebar .menu-count, .sidebar .nav-count,
.accordion-menu .badge, .accordion-menu .count {
    background-color: rgba(245, 197, 24, 0.12) !important;
    background-image: none !important;
    color: #f5c518 !important;
    border: none !important;
    border-radius: 4px !important;
}


.sidebar .menu .active-indicator, .accordion-menu .active-indicator,
.lowbar .indicator {
    background: #f5c518 !important;
    background-image: linear-gradient(90deg, #f5c518, #d4a800) !important;
    box-shadow: 0 4px 12px rgba(245,197,24,0.24) !important;
    border-radius: 999px !important;
}

/* Casino / Spor top tab buttons — KEEP their colors */
.sidebar .sidebar-tab-casino,
.sidebar [class*="tab-casino"],
.sidebar [class*="casino-tab"] {
    background: linear-gradient(180deg, #f5c518, #d4a800) !important;
    color: #000000 !important;
}
.sidebar .sidebar-tab-sportsbook,
.sidebar [class*="tab-sportsbook"],
.sidebar [class*="sportsbook-tab"] {
    background: linear-gradient(180deg, #f05f0a, #d94e00) !important;
    color: #ffffff !important;
}
.sidebar .sidebar-tab-casino *,
.sidebar [class*="tab-casino"] *,
.sidebar .sidebar-tab-sportsbook *,
.sidebar [class*="tab-sportsbook"] * {
    color: #ffffff !important;
    background: transparent !important;
}


.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-text input,
.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-password input,
form.general-form div.form-group div.form-item.form-item-text input,
form.general-form div.form-group div.form-item.form-item-password input,
form.general-form div.form-group div.form-item.form-item-select select,
.phone-input, .phone-input input {
    background: #111111 !important;
    border: 1px solid rgba(245,197,24,0.22) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
}

.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-text input::placeholder,
.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-password input::placeholder,
form.general-form div.form-group div.form-item.form-item-text input::placeholder,
form.general-form div.form-group div.form-item.form-item-password input::placeholder {
    color: rgba(255,255,255,0.36) !important;
}

.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-text input:focus,
.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-group div.form-item.form-item-password input:focus,
form.general-form div.form-group div.form-item.form-item-text input:focus,
form.general-form div.form-group div.form-item.form-item-password input:focus,
.phone-input input:focus {
    border-color: rgba(245,197,24,0.60) !important;
    box-shadow: 0 0 0 3px rgba(245,197,24,0.16) !important;
    outline: none !important;
}


.common-form-button .button,
form.general-form div.form-buttons button,
.auth div.auth-box form.auth-form div.form-buttons button,
.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-buttons button {
    background: #f5c518 !important;
    background-image: linear-gradient(180deg, #f5c518, #d4a800) !important;
    color: #000000 !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(245,197,24,0.24) !important;
}

.common-form-button .button:hover,
form.general-form div.form-buttons button:hover,
.auth div.auth-box form.auth-form div.form-buttons button:hover,
.auth-modal .modal-dialog .modal-content .modal-box form.auth-form div.form-buttons button:hover {
    background: #d4a800 !important;
    background-image: linear-gradient(180deg, #d4a800, #b89000) !important;
}


#walletModal .modal-dialog .modal-content .modal-body div.wallet-box div.wallet-normal div.wallet-body div.wallet-buttons span.button.deposit {
    background: #f5c518 !important;
    color: #000000 !important;
}
#walletModal .modal-dialog .modal-content .modal-body div.wallet-box div.wallet-normal div.wallet-body div.wallet-buttons span.button.withdraw {
    background-image: var(--gradient-withdraw) !important;
    color: #ffffff !important;
}
#walletModal .modal-dialog .modal-content .modal-body div.wallet-footer a.button {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}


.simple-bets .nav.nav-pills .nav-link.active,
.simple-bets .nav.nav-pills .nav-link[aria-selected="true"],
.simple-bets ul li button.active,
.simple-bets ul li button[aria-selected="true"] {
    color: #000000 !important;
    background-color: #f5c518 !important;
    border-color: #f5c518 !important;
}

.faq__chip, .ato-btn {
    border: 1px solid rgba(245,197,24,0.20) !important;
    background: rgba(245,197,24,0.06) !important;
    color: rgba(255,255,255,0.62) !important;
    border-radius: 999px !important;
}
.faq__chip.is-active, .ato-btn.is-active {
    border-color: rgba(245,197,24,0.48) !important;
    background: rgba(245,197,24,0.12) !important;
    color: #ffffff !important;
}

.ato-indicator {
    background: linear-gradient(to bottom, rgba(245,197,24,0.72), rgba(245,197,24,0.42)) !important;
    border: 1px solid rgba(245,197,24,0.35) !important;
    border-radius: 6px !important;
}


div.progress-bar span, .progress-fill,
.race-progress .line, .simple-progress .fill {
    background: var(--progressbg) !important;
}
.progress-circle .progress-svg circle.circle-bg { stroke: rgba(245,197,24,0.12) !important; }
.progress-circle .progress-svg circle.circle     { stroke: #f5c518 !important; }


.game-item div.game-top div.game-opener {
    border-color: #f5c518 !important;
    background: linear-gradient(0deg, rgba(0,0,0,0.90), rgba(0,0,0,0.90)) !important;
    border-radius: 10px !important;
}
.game-item div.game-top div.game-opener div.play-buttons span.button,
.game-item div.game-top div.game-opener div.play-buttons a.button {
    background: #f5c518 !important;
    color: #000000 !important;
    border-radius: 8px !important;
}
.game-item div.game-top div.game-opener div.play-buttons span.button.demo,
.game-item div.game-top div.game-opener div.play-buttons a.button.demo {
    background: #444444 !important;
    color: #ffffff !important;
}


div.race-carousels div.slider-item .race-item div.head div.details div.buttons a.button {
    background: #f5c518 !important;
    color: #000000 !important;
    border-color: #f5c518 !important;
    border-radius: 6px !important;
}


.faq__bg {
    filter: none !important;
    pointer-events: none;
    background:
        radial-gradient(700px 320px at 10% 0, rgba(245,197,24,0.07), transparent 60%),
        radial-gradient(560px 300px at 20% 120%, rgba(245,197,24,0.05), transparent 55%) !important;
}


.notifications .notification-item, .notification-item {
    background: linear-gradient(180deg, #111111, #000000) !important;
    border: 1px solid rgba(245,197,24,0.07) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}
.notifications .notification-item *, .notification-item * { color: #ffffff !important; }
.notifications .notification-item.unread, .notification-item.unread {
    border-color: rgba(245,197,24,0.26) !important;
}


.theme-bg-primary, .bg-primary, [data-theme="primary"] {
    background-color: #f5c518 !important;
    color: #000000 !important;
}
.theme-surface, .bg-surface, [data-theme="surface"] {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}
.theme-muted, [data-theme="muted"] { color: #aaaaaa !important; }
.text-muted { color: rgba(255,255,255,0.52) !important; }


h1, h2, h3, h4, h5, h6 { color: #ffffff !important; }

p, label, td, th, li, dt, dd, figcaption,
.section-title, .category-title, .group-title,
.page-title, .card-title, .block-title {
    color: #ffffff;
}

a:not([class*="btn"]):not([class*="button"]):not(.register):not([class*="wallet"]) {
    color: #f5c518;
}
a:not([class*="btn"]):not([class*="button"]):not(.register):hover {
    color: #d4a800;
}

/* ═══════════════════════════════════════════
   GLOBAL TEXT FIX — tüm metinler beyaz
   ═══════════════════════════════════════════ */

/* Evrensel reset */
body *:not([class*="btn"]):not([class*="button"]):not(.register):not([class*="wallet-btn"]):not([class*="tab-casino"]):not([class*="tab-sportsbook"]):not([class*="sidebar-tab"]) {
    color: inherit;
}

/* Ana renk reset */
body, html,
.page, main, .main, #app, #root,
.content, .content-wrapper {
    color: #ffffff !important;
}

/* Tüm metin taşıyan elementler */
h1, h2, h3, h4, h5, h6,
p, span, a, li, label, td, th,
div, section, article, aside,
.title, .subtitle, .heading, .label, .text,
[class*="title"], [class*="heading"],
[class*="label"], [class*="text-"],
[class*="-title"], [class*="-heading"] {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* FAQ accordion item içerikleri */
.faq__item, .faq__item *,
.accordion-item, .accordion-item *,
[class*="faq"] *, [class*="accordion"] *,
[class*="question"], [class*="answer"] {
    color: #ffffff !important;
}

/* Entrance / hero alanı */
[class*="entrance"] *, [class*="hero"] *,
[class*="banner"] *, [class*="welcome"] * {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Kategori kartları */
[class*="category"] *, [class*="card"] span,
[class*="casino-card"] *, [class*="sportsbook-card"] * {
    color: #ffffff !important;
}

/* ─── İstisna: sarı butonlarda siyah metin ─── */
.button, .btn, [class*="btn-primary"], [class*="button-primary"],
header .button.register, header a[href*="register"],
.btn-primary, .button.deposit,
[class*="notif-badge"] {
    color: #000000 !important;
}

/* ─── İstisna: beyaz metin kalması gerekenler ─── */
[class*="tab-casino"], [class*="tab-casino"] *,
[class*="tab-sportsbook"], [class*="tab-sportsbook"] *,
[class*="sidebar-tab-casino"], [class*="sidebar-tab-sportsbook"],
.wallet-button, [class*="wallet-btn"] {
    color: #ffffff !important;
}

html body svg path,
html body svg circle,
html body svg rect,
html body svg use {
    color: rgba(255, 255, 255, 0.55) !important;
    fill: currentColor !important;
}

div.promotion-list a.listing-block div.listing-item div.item-bottom  {
  background-color: transparent !important;
  border-bottom: 1px solid #f5c518 !important;
}

.promotion-detail-shell{
    background-color: transparent !important;
}

div.provider-box a.provider-item figure.image  {
      background: linear-gradient(180deg, #f5c518, #d4a800) !important;
}

#responsive-menu.responsive-menu.active-menu .sb-top-btn, #responsive-menu.responsive-menu.active-menu .menu-body .to-search-modal, .sb-top-btn,
#responsive-menu.responsive-menu.active-menu .sb-top-btn.active,
#responsive-menu.responsive-menu.active-menu .sl-acc__head{
  background: linear-gradient(65deg, #1a1a00 10%, #000000 60%) !important;
}

.sidebar *, nav.sidebar *, .sidebar-nav *, .accordion-menu *, .sidebar-wrapper *, .side-nav *  {
  color: #ffffff !important;
}

#responsive-menu.responsive-menu.active-menu .sb-top-btn .sb-top-title, #responsive-menu.responsive-menu.active-menu .menu-head .title .text,
#responsive-menu.responsive-menu.active-menu .menu-body .to-search-modal .text,
.promotion-detail-card{
    color: #ffffff !important;
}

#responsive-menu.responsive-menu.active-menu .sl-acc__head,
.sidebar *, nav.sidebar *, .sidebar-nav *, .accordion-menu *, .sidebar-wrapper *, .side-nav *,
.button, .btn, [class*="btn-primary"], [class*="button-primary"], header .button.register, header a[href*="register"], [class*="tab-casino"], [class*="tab-casino"] *, [class*="tab-sportsbook"], [class*="tab-sportsbook"] *, [class*="sidebar-tab-casino"], [class*="sidebar-tab-sportsbook"], .wallet-button, [class*="wallet-btn"], .btn-primary, .button.deposit, [class*="notif-badge"],
footer#footer div.footer-bottom div.emails a.mail span{
  color: #ffffff !important;
}

.sl-acc__headIcon img {
  filter: none !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button:not(.register)  {
  border: 1px solid rgba(245, 197, 24, 0.40);
}

a[href*="/tr/casino"] .item-image img,
a[href*="/tr/sportsbook"] .item-image img {
  display: none;
}

a[href*="/tr/casino"] .item-image::after,
a[href*="/tr/sportsbook"] .item-image::after {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
}

a[href*="/tr/casino"] .item-image::after {
  background-image: url("https://cdn.bonisacdn.com/casino-new.png");
}

a[href*="/tr/sportsbook"] .item-image::after {
  background-image: url("https://cdn.bonisacdn.com/spor-new.png");
}

@media (max-width: 768px) {
  .col-lg-4,
  .owl-item {
    flex: 0 0 50%;
    max-width: 50%;
  }

  a[href*="/tr/casino"] .item-image::after,
  a[href*="/tr/sportsbook"] .item-image::after {
    height: 200px;
  }
}

div.cat-carousel div.section-carousel div.owl-carousel a.simple-category div.item-title {
  background: #111111 !important;
  color: #ffffff !important;
}

[class*="entrance"] *, [class*="hero"] *, [class*="banner"] *, [class*="welcome"] * {
  justify-content: center !important;
}