/* ================================================================
   BETFORCE THEME
   BG       : #0d0f1c  (koyu lacivert)
   Sidebar  : #13152a  (biraz açık lacivert)
   Aksan    : #f5c542  (altın sarı)
   Aksan 2  : #d4a017  (koyu altın)
   Danger   : #e63355
   Metin    : #ffffff / rgba(255,255,255,0.88)
   ================================================================ */

:root {
    /* BRAND */
    --brand-primary:          #f5c542 !important;
    --brand-primary-rgb:      245, 197, 66 !important;
    --brand-primary-contrast: #0d0f1c !important;
    --brand-secondary:        #ffd966 !important;
    --brand-secondary-rgb:    255, 217, 102 !important;
    --accent:                 #f5c542 !important;
    --accent-rgb:             245, 197, 66 !important;
    --active:                 #f5c542 !important;

    --accent-soft:            rgba(245, 197, 66, 0.12) !important;
    --accent-soft-2:          rgba(245, 197, 66, 0.08) !important;
    --accent-soft-3:          rgba(245, 197, 66, 0.18) !important;
    --accent-soft2:           rgba(245, 197, 66, 0.08) !important;
    --accent-soft3:           rgba(245, 197, 66, 0.18) !important;
    --accent-border:          rgba(245, 197, 66, 0.35) !important;
    --accent-border-strong:   rgba(245, 197, 66, 0.60) !important;
    --accent-glow:            rgba(245, 197, 66, 0.30) !important;

    /* SHELL */
    --header-bg:        #13152a !important;
    --header-bg-rgb:    19, 21, 42 !important;
    --sidebar-bg-solid: #13152a !important;

    /* LOGO */
    --header-footer-logo:         url("") !important;
    --homepage-entrance-bg-image: url("") !important;
    --header-logo-visual-height:  44px !important;
    --header-logo-shift-y:        -4px !important;
    --header-logo-visual-max-width: 180px !important;

    /* SURFACES */
    --surface-bg:       #0d0f1c !important;
    --surface-bg-rgb:   13, 15, 28 !important;
    --surface-1:        #13152a !important;
    --surface-2:        #181a30 !important;
    --surface-3:        #1e2038 !important;
    --surface-4:        #252840 !important;
    --surface-card:     #181a30 !important;
    --surface-modal:    #0d0f1c !important;
    --surface-elevated: #13152a !important;

    --surface-border-soft:   rgba(255, 255, 255, 0.07) !important;
    --surface-border:        rgba(255, 255, 255, 0.11) !important;
    --surface-border-strong: rgba(255, 255, 255, 0.18) !important;

    --legacy-bg-1:       #13152a !important;
    --legacy-bg-2:       #181a30 !important;
    --legacy-bg-3:       #1e2038 !important;
    --legacy-text-muted: #8a8fb5 !important;

    /* TEXT */
    --text-primary:   #ffffff !important;
    --text-secondary: rgba(255, 255, 255, 0.88) !important;
    --text-muted:     rgba(255, 255, 255, 0.60) !important;
    --text-soft:      rgba(255, 255, 255, 0.42) !important;
    --text-disabled:  rgba(255, 255, 255, 0.26) !important;
    --text-on-accent: #0d0f1c !important;

    /* STATES */
    --success:     #22c55e !important;
    --success-rgb: 34, 197, 94 !important;
    --warning:     #f5c542 !important;
    --warning-rgb: 245, 197, 66 !important;
    --danger:      #e63355 !important;
    --danger-rgb:  230, 51, 85 !important;
    --info:        #60a5fa !important;
    --info-rgb:    96, 165, 250 !important;
    --state-success-soft: rgba(34, 197, 94, 0.14) !important;
    --state-warning-soft: rgba(245, 197, 66, 0.14) !important;
    --state-danger-soft:  rgba(230, 51, 85, 0.14) !important;
    --state-info-soft:    rgba(96, 165, 250, 0.14) !important;

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

    /* SHADOWS */
    --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.30) !important;
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.36) !important;
    --shadow-md: 0 8px 22px rgba(0, 0, 0, 0.42) !important;
    --shadow-lg: 0 14px 32px rgba(0, 0, 0, 0.48) !important;
    --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.55) !important;
    --shadow-accent-sm: 0 6px 18px rgba(245, 197, 66, 0.28) !important;
    --shadow-accent-md: 0 10px 26px rgba(245, 197, 66, 0.36) !important;
    --shadow-accent-lg: 0 16px 36px rgba(245, 197, 66, 0.42) !important;

    /* GRADIENTS */
    --gradient-primary:            linear-gradient(180deg, rgba(245,197,66,0.95), rgba(212,160,23,0.80)) !important;
    --gradient-primary-horizontal: linear-gradient(90deg, rgba(245,197,66,0.96), rgba(212,160,23,0.80)) !important;
    --gradient-overlay:            linear-gradient(180deg, rgba(13,15,28,0.92), rgba(8,9,18,0.96)) !important;
    --gradient-surface:            linear-gradient(180deg, #181a30, #13152a) !important;
    --gradient-chip:               linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)) !important;
    --gradient-withdraw:           linear-gradient(90deg, #e63355 0%, #c91e40 35%, #a8102e 68%, #8a0020 100%) !important;

    --panel-top:   #181a30 !important;
    --panel-bottom:#0d0f1c !important;
    --panel-bg:    #181a30 !important;
    --panel-bg2:   #13152a !important;
    --modalbg:     linear-gradient(180deg, #13152a, #0d0f1c) !important;
    --linearbg:    radial-gradient(800px 200px at 15% 0%, rgba(245,197,66,0.05), transparent 55%),
                   linear-gradient(180deg, #181a30, #0d0f1c) !important;
    --linearbgreversed: radial-gradient(800px 200px at 85% 0%, rgba(245,197,66,0.05), transparent 55%),
                        linear-gradient(180deg, #181a30, #0d0f1c) !important;
    --lineartooltipbg: linear-gradient(180deg, #181a30, #0d0f1c) !important;

    --progressbg: linear-gradient(to right, rgba(245,197,66,0.65) 0%, rgba(245,197,66,0.85) 40%, #f5c542 100%) !important;

    /* INPUTS */
    --input-bg:           linear-gradient(180deg, #181a30, #0d0f1c) !important;
    --input-bg-solid:     #1e2038 !important;
    --input-border:       rgba(255, 255, 255, 0.12) !important;
    --input-border-hover: rgba(255, 255, 255, 0.22) !important;
    --input-border-focus: rgba(245, 197, 66, 0.60) !important;
    --input-placeholder:  rgba(255, 255, 255, 0.38) !important;

    /* BUTTONS */
    --btn-primary-bg:             #f5c542 !important;
    --btn-primary-bg-hover:       #ffd966 !important;
    --btn-primary-bg-active:      #d4a017 !important;
    --btn-primary-color:          #0d0f1c !important;
    --btn-primary-radius:         6px !important;
    --btn-primary-shadow:         0 6px 18px rgba(245, 197, 66, 0.28) !important;
    --btn-primary-shadow-active:  0 10px 26px rgba(245, 197, 66, 0.36) !important;
    --btn-primary-disabled-opacity: 0.45 !important;
    --btn-secondary-bg:           #1e2038 !important;
    --btn-secondary-bg-hover:     #252840 !important;
    --btn-secondary-color:        rgba(255, 255, 255, 0.88) !important;
    --btn-secondary-border:       rgba(255, 255, 255, 0.10) !important;
    --btn-ghost-bg:               rgba(255, 255, 255, 0.05) !important;
    --btn-ghost-bg-hover:         rgba(255, 255, 255, 0.10) !important;
    --btn-ghost-color:            rgba(255, 255, 255, 0.88) !important;

    /* HEADER */
    --header-register-bg:    #f5c542 !important;
    --header-register-color: #0d0f1c !important;
    --wallet-btn-gradient:   linear-gradient(90deg, #13152a 0%, #d4a017 100%) !important;
    --wallet-btn-color:      #0d0f1c !important;

    /* WALLET */
    --wallet-deposit-bg:        #f5c542 !important;
    --wallet-withdraw-gradient: linear-gradient(90deg, #e63355 0%, #c91e40 35%, #a8102e 68%, #8a0020 100%) !important;
    --wallet-footer-btn-bg:     #1e2038 !important;
    --wallet-footer-btn-color:  rgba(255, 255, 255, 0.88) !important;

    /* TABS */
    --tab-active-bg:       #f5c542 !important;
    --tab-active-color:    #0d0f1c !important;
    --tab-active-border:   #f5c542 !important;
    --tab-inactive-bg:     transparent !important;
    --tab-inactive-color:  rgba(255, 255, 255, 0.55) !important;
    --tab-inactive-border: rgba(255, 255, 255, 0.10) !important;
    --chip-bg:             rgba(255, 255, 255, 0.05) !important;
    --chip-border:         rgba(255, 255, 255, 0.10) !important;
    --chip-color:          rgba(255, 255, 255, 0.60) !important;
    --chip-active-bg:      rgba(245, 197, 66, 0.16) !important;
    --chip-active-border:  rgba(245, 197, 66, 0.50) !important;
    --chip-active-color:   #ffffff !important;

    /* CARDS / MODALS */
    --card-bg:      linear-gradient(180deg, #181a30, #13152a) !important;
    --card-border:  rgba(255, 255, 255, 0.08) !important;
    --card-radius:  12px !important;
    --card-shadow:  0 8px 22px rgba(0, 0, 0, 0.42) !important;
    --modal-bg:     linear-gradient(180deg, #13152a, #0d0f1c) !important;
    --modal-border: rgba(255, 255, 255, 0.08) !important;
    --modal-radius: 12px !important;
    --modal-shadow: 0 20px 48px rgba(0, 0, 0, 0.55) !important;

    /* GAME */
    --game-opener-border:   #f5c542 !important;
    --game-opener-overlay:  linear-gradient(0deg, rgba(13,15,28,0.90) 0%, rgba(13,15,28,0.88) 100%) !important;
    --game-play-btn-bg:     #f5c542 !important;
    --game-play-btn-color:  #0d0f1c !important;
    --game-demo-btn-bg:     #1e2038 !important;
    --game-demo-btn-color:  rgba(255, 255, 255, 0.88) !important;

    /* SLIDER */
    --slider-nav-bg:               rgba(13, 15, 28, 0.82) !important;
    --slider-nav-bg-hover:         rgba(245, 197, 66, 0.22) !important;
    --slider-nav-border:           rgba(245, 197, 66, 0.35) !important;
    --slider-nav-color:            #ffffff !important;
    --slider-pagination-dot:       rgba(255, 255, 255, 0.28) !important;
    --slider-pagination-dot-active:#f5c542 !important;

    /* TYPOGRAPHY */
    --font-family-regular:  "Rubik", sans-serif !important;
    --font-family-medium:   "Rubik Medium", sans-serif !important;
    --font-family-semibold: "Rubik SemiBold", sans-serif !important;
    --font-family-bold:     "Rubik Bold", sans-serif !important;

    /* TOP SEARCH */
    --top-search-form-border:        1px solid rgba(245, 197, 66, 0.25) !important;
    --top-search-form-radius:        6px !important;
    --top-search-form-margin-top:    24px !important;
    --top-search-form-margin-bottom: 24px !important;
    --top-search-form-padding-x:     12px !important;
    --top-search-form-height:        48px !important;
    --top-search-form-line-height:   62px !important;
    --top-search-form-font-size:     0px !important;
    --top-search-form-bg:            linear-gradient(180deg, #181a30, #0d0f1c) !important;
    --top-search-form-font-family:   "Rubik Medium", sans-serif !important;
    --top-search-icon-color:         rgba(255, 255, 255, 0.38) !important;
    --top-search-input-color:        #ffffff !important;
    --top-search-input-placeholder:  rgba(255, 255, 255, 0.35) !important;
    --top-search-focus-radius:       16px !important;
    --top-search-focus-shadow:       0 22px 70px rgba(0,0,0,0.55),
                                     0 0 0 1px rgba(245,197,66,0.22),
                                     0 0 30px rgba(245,197,66,0.10) !important;
    --top-search-layer-radius:       18px !important;
    --top-search-layer-border:       1px solid rgba(255,255,255,0.09) !important;
    --top-search-layer-bg:           rgba(13,15,28,0.88) !important;
    --top-search-layer-shadow:       0 18px 55px rgba(0,0,0,0.55) !important;
    --top-search-layer-blur:         14px !important;
    --top-search-recent-wrap-radius: 10px !important;
    --top-search-recent-wrap-border: 1px solid rgba(245,197,66,0.24) !important;
    --top-search-recent-wrap-bg:     linear-gradient(180deg, rgba(19,21,42,0.92), rgba(13,15,28,0.94)) !important;
    --top-search-recent-chip-radius: 999px !important;
    --top-search-recent-chip-border: 1px solid rgba(245,197,66,0.42) !important;
    --top-search-recent-chip-bg:     linear-gradient(135deg, rgba(245,197,66,0.20), rgba(245,197,66,0.10)) !important;
    --top-search-recent-chip-color:  #fff8e0 !important;
    --top-search-recent-chip-shadow: 0 6px 14px rgba(245,197,66,0.20), inset 0 1px 0 rgba(255,255,255,0.12) !important;

    /* LOWBAR */
    --lb-bg:             rgba(13, 15, 28, 0.92) !important;
    --lb-stroke:         rgba(255, 255, 255, 0.09) !important;
    --lb-stroke-2:       rgba(255, 255, 255, 0.05) !important;
    --lb-text:           rgba(255, 255, 255, 0.90) !important;
    --lb-muted:          rgba(255, 255, 255, 0.60) !important;
    --lb-active:         #f5c542 !important;
    --lb-shadow:         0 18px 40px rgba(0, 0, 0, 0.55) !important;
    --lb-shadow-soft:    0 10px 26px rgba(0, 0, 0, 0.38) !important;
    --lb-search-bg:      #13152a !important;
    --lb-radius:         22px !important;
    --lb-radius-sm:      20px !important;
    --lb-surface-gradient: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)) !important;
    --lb-wallet-ring-color: rgba(245, 197, 66, 0.55) !important;
    --lb-wallet-ring-size:  0.2rem !important;
    --lb-wallet-glow:    radial-gradient(circle, rgba(245,197,66,0.18), rgba(245,197,66,0) 65%) !important;
    --lb-wallet-glow-radius: radial-gradient(circle, rgba(245,197,66,0.22), rgba(245,197,66,0) 62%) !important;
    --lb-chat-bg:        linear-gradient(135deg, rgba(245,197,66,0.92), rgba(245,197,66,0.68)) !important;
    --lb-chat-border:    rgba(245, 197, 66, 0.50) !important;
    --lb-chat-color:     #0d0f1c !important;
    --lb-chat-shadow:    0 12px 24px rgba(245,197,66,0.26), 0 8px 20px rgba(0,0,0,0.30) !important;
    --lb-chat-shadow-hover: 0 14px 28px rgba(245,197,66,0.34), 0 10px 24px rgba(0,0,0,0.34) !important;

    /* SIDEBAR TOP TABS */
    --sidebar-tab-casino-bg-image:     linear-gradient(180deg, rgba(245,197,66,0.92), rgba(212,160,23,0.92)) !important;
    --sidebar-tab-sportsbook-bg-image: linear-gradient(180deg, #22c55e, #16a34a) !important;

    /* SIDEBAR */
    --sidebar-width:       260px !important;
    --sidebar-rail-width:  78px !important;
    --sidebar-z:           2000 !important;
    --sidebar-ease:        cubic-bezier(.2,.9,.2,1) !important;
    --sidebar-bg-open:     linear-gradient(180deg, #13152a, #13152a) !important;
    --sidebar-bg-collapsed:linear-gradient(180deg, #13152a, #13152a) !important;
    --sidebar-bg-active:   linear-gradient(180deg, #13152a, #13152a) !important;
    --sidebar-bg-open-accent:      rgba(245, 197, 66, 0.12) !important;
    --sidebar-bg-open-secondary:   rgba(245, 197, 66, 0.06) !important;
    --sidebar-bg-collapsed-accent: rgba(245, 197, 66, 0.14) !important;
    --sidebar-bg-active-accent:    rgba(245, 197, 66, 0.16) !important;
    --sidebar-bg-active-secondary: rgba(245, 197, 66, 0.08) !important;
    --sidebar-stroke:        rgba(255, 255, 255, 0.06) !important;
    --sidebar-stroke-strong: rgba(255, 255, 255, 0.10) !important;
    --sidebar-stroke-accent: rgba(245, 197, 66, 0.22) !important;
    --sidebar-text:          rgba(255, 255, 255, 0.88) !important;
    --sidebar-text-muted:    rgba(255, 255, 255, 0.55) !important;
    --sidebar-text-soft:     rgba(255, 255, 255, 0.38) !important;
    --sidebar-chip:          rgba(255, 255, 255, 0.05) !important;
    --sidebar-chip-2:        rgba(255, 255, 255, 0.03) !important;
    --sidebar-chip-stroke:   rgba(255, 255, 255, 0.08) !important;
    --sidebar-shadow:        0 30px 70px rgba(0, 0, 0, 0.55) !important;
    --sidebar-shadow-soft:   0 14px 30px rgba(0, 0, 0, 0.30) !important;
    --sidebar-active-glow:   0 0 0 1px rgba(245, 197, 66, 0.14) !important;
    --sidebar-overlay:       rgba(0, 0, 0, 0.62) !important;
    --sidebar-search-bg:     linear-gradient(180deg, rgba(255,255,255,0.06), rgba(13,15,28,0.35)) !important;
    --sidebar-search-text:   rgba(255, 255, 255, 0.55) !important;
    --sidebar-promo-bg:           rgba(255, 255, 255, 0.03) !important;
    --sidebar-promo-border:       rgba(255, 255, 255, 0.06) !important;
    --sidebar-promo-item-bg:      rgba(0, 0, 0, 0.15) !important;
    --sidebar-promo-item-bg-hover:rgba(0, 0, 0, 0.22) !important;
    --sidebar-promo-dot:          #f5c542 !important;
    --sidebar-promo-dot-glow:     rgba(245, 197, 66, 0.15) !important;
    --sidebar-hero-glow:          linear-gradient(90deg, #13152a 0%, #1e1a0a 100%) !important;
    --sidebar-top-btn-border:        rgba(245, 197, 66, 0.14) !important;
    --sidebar-top-btn-bg:            linear-gradient(95deg, #13152a 0%, #161828 100%) !important;
    --sidebar-top-btn-shadow:        0 14px 26px rgba(0,0,0,0.32) !important;
    --sidebar-top-btn-title:         rgba(255, 255, 255, 0.92) !important;
    --sidebar-top-btn-arrow:         rgba(245, 197, 66, 0.90) !important;
    --sidebar-top-btn-hover-border:  rgba(245, 197, 66, 0.34) !important;
    --sidebar-top-btn-hover-shadow:  0 18px 30px rgba(0,0,0,0.38), 0 0 0 1px rgba(245,197,66,0.14) !important;
    --sidebar-top-btn-active-border: rgba(245, 197, 66, 0.48) !important;
    --sidebar-top-btn-active-bg:     linear-gradient(95deg, rgba(245,197,66,0.22) 0%, rgba(245,197,66,0.12) 100%) !important;
    --sidebar-top-btn-active-shadow: 0 18px 34px rgba(0,0,0,0.42), 0 0 0 1px rgba(245,197,66,0.20) !important;
    --sidebar-nav-radius:    10px !important;
    --sidebar-nav-radius-sm: 8px !important;
    --sidebar-nav-gap:       4px !important;
    --sidebar-nav-bg:        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)) !important;
    --sidebar-nav-bg-hover:  linear-gradient(180deg, rgba(245,197,66,0.10), rgba(245,197,66,0.03)) !important;
    --sidebar-nav-bg-active: linear-gradient(95deg, rgba(245,197,66,0.20) 0%, rgba(255,255,255,0.03) 55%, rgba(255,255,255,0.01) 100%) !important;
    --sidebar-nav-border:        rgba(255, 255, 255, 0.06) !important;
    --sidebar-nav-border-hover:  rgba(245, 197, 66, 0.30) !important;
    --sidebar-nav-border-active: rgba(245, 197, 66, 0.50) !important;
    --sidebar-nav-shadow:        0 2px 10px rgba(0,0,0,0.25) !important;
    --sidebar-nav-shadow-hover:  0 6px 18px rgba(0,0,0,0.30), 0 0 0 1px rgba(245,197,66,0.10) !important;
    --sidebar-nav-accent-bar:    3px !important;
    --sidebar-divider-height:    1px !important;
    --sidebar-divider-bg:        linear-gradient(90deg, transparent 0%, rgba(245,197,66,0.40) 50%, transparent 100%) !important;
    --sidebar-search-radius:     10px !important;
    --sidebar-search-border:     rgba(245, 197, 66, 0.28) !important;
    --sidebar-search-shadow:     0 4px 16px rgba(0,0,0,0.30) !important;
    --sidebar-top-tabs-gap:      8px !important;
    --sidebar-top-tab-radius:    10px !important;

    /* MISC */
    --focus-ring: 0 0 0 3px rgba(245, 197, 66, 0.22) !important;
    --divider:    rgba(255, 255, 255, 0.07) !important;

    /* NOTIFICATION */
    --notif-badge-bg:      #f5c542 !important;
    --notif-badge-border:  rgba(255, 255, 255, 0.50) !important;
    --notif-panel-bg:      linear-gradient(180deg, #181a30, #0d0f1c) !important;
    --notif-panel-border:  rgba(255, 255, 255, 0.08) !important;
    --notif-panel-shadow:  0 16px 40px rgba(0,0,0,0.55) !important;
    --notif-empty-bg:      rgba(245, 197, 66, 0.06) !important;
    --notif-empty-border:  rgba(255, 255, 255, 0.07) !important;
    --notif-item-bg:       rgba(245, 197, 66, 0.04) !important;
    --notif-item-bg-hover: rgba(245, 197, 66, 0.08) !important;
    --notif-item-border:   rgba(255, 255, 255, 0.07) !important;
    --notif-item-border-hover: rgba(245, 197, 66, 0.28) !important;
    --notif-track-thumb:   rgba(255, 255, 255, 0.09) !important;

    /* WALLET SETTINGS */
    --wgs-text:             rgba(255, 255, 255, 0.92) !important;
    --wgs-muted:            rgba(255, 255, 255, 0.50) !important;
    --wgs-panel-bg:         rgba(13, 15, 28, 0.90) !important;
    --wgs-panel-border:     rgba(255, 255, 255, 0.05) !important;
    --wgs-block-bg:         rgba(255, 255, 255, 0.03) !important;
    --wgs-block-bg-hover:   rgba(255, 255, 255, 0.05) !important;
    --wgs-block-border:     rgba(255, 255, 255, 0.06) !important;
    --wgs-switch-on-bg:     rgba(245, 197, 66, 0.16) !important;
    --wgs-switch-on-border: rgba(245, 197, 66, 0.30) !important;
    --wgs-switch-knob:      rgba(255, 255, 255, 0.32) !important;
    --wgs-switch-knob-on:   rgba(245, 197, 66, 0.92) !important;
    --wgs-save-bg:          linear-gradient(90deg, rgba(13,15,28,0.96), rgba(245,197,66,0.42)) !important;

    /* SETTINGS */
    --settings-sidebar-bg:             rgba(13, 15, 28, 0.94) !important;
    --settings-sidebar-border:         rgba(245, 197, 66, 0.20) !important;
    --settings-sidebar-shadow:         0 18px 36px rgba(0,0,0,0.38) !important;
    --settings-sidebar-radius:         12px !important;
    --settings-sidebar-item-radius:    8px !important;
    --settings-sidebar-item-color:     rgba(255, 255, 255, 0.78) !important;
    --settings-sidebar-item-active-bg: linear-gradient(120deg, rgba(245,197,66,0.22), rgba(245,197,66,0.08)) !important;
    --settings-sidebar-active-color:   #ffffff !important;
    --settings-content-bg:             rgba(13, 15, 28, 0.92) !important;
    --settings-content-border:         rgba(245, 197, 66, 0.16) !important;
    --settings-content-radius:         12px !important;
    --settings-block-bg:               rgba(19, 21, 42, 0.85) !important;
    --settings-block-border:           rgba(255, 255, 255, 0.07) !important;
    --settings-block-radius:           10px !important;
    --settings-block-title-color:      #ffffff !important;
    --settings-block-desc-color:       rgba(255, 255, 255, 0.50) !important;

    /* PAGE HEADER */
    --page-header-bg:             linear-gradient(180deg, #181a30, #0d0f1c) !important;
    --page-header-top-line:       linear-gradient(90deg, rgba(245,197,66,0), rgba(245,197,66,0.50), rgba(245,197,66,0)) !important;
    --page-header-title-color:    #ffffff !important;
    --page-header-subtitle-color: rgba(255, 255, 255, 0.50) !important;
    --page-header-icon-color:     #0d0f1c !important;

    /* BOOTSTRAP OVERRIDE */
    --bs-primary:     #f5c542 !important;
    --bs-primary-rgb: 245, 197, 66 !important;
    --bs-btn-bg:      #f5c542 !important;
    --bs-btn-color:   #0d0f1c !important;
}

/* ── BODY DARK MODE ─────────────────────────────────────────── */
body.dark-mode {
    background-color: #0d0f1c !important;
    background-image: radial-gradient(1200px 500px at 20% -10%, rgba(255,255,255,0.03), transparent 55%),
                      linear-gradient(180deg, rgba(13,15,28,1), rgba(13,15,28,1)) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

/* ── HEADER & SIDEBAR SHELL ─────────────────────────────────── */
header#header,
header#header .top-header,
header#header .middle-header-container,
header#header .header-container,
header#header > div,
#header, #header .top-header {
    background-image: none !important;
}

header#header div.middle-header {
    height: 60px !important;
    position: relative !important;
    border-bottom: 2px solid rgba(245, 197, 66, 0.30) !important;
    box-shadow: 0 2px 20px rgba(245, 197, 66, 0.10), 0 2px 20px rgba(0,0,0,0.40) !important;
}

header#header div.middle-header div.middle-header-container {
    height: 60px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.sidebar,
aside.sidebar,
#sidebar,
.accordion-menu,
.navigation,
nav.navigation,
[class*="side-bar"],
[class*="SideBar"],
#responsive-menu,
#responsive-menu.responsive-menu,
#responsive-menu > .sl-layout,
#responsive-menu .sl-side {
    background: #13152a !important;
    background-color: #13152a !important;
    background-image: none !important;
}

[class*="sidebar-wrap"],
[class*="SidebarWrap"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* ── LOGO ──────────────────────────────────────────────────── */
header#header div.middle-header div.middle-header-container div.logo { position: static !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 {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 180px !important;
    z-index: 5 !important;
    display: block !important;
    margin: 0 !important;
    height: 44px !important;
    max-height: 44px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ── REGISTER BUTONU ────────────────────────────────────────── */
header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button.register {
    background: linear-gradient(105deg, #d4a017 0%, #f5c542 40%, #ffd966 55%, #f5c542 70%, #d4a017 100%) !important;
    background-size: 200% 100% !important;
    color: #0d0f1c !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    box-shadow: 0 4px 14px rgba(245, 197, 66, 0.40), inset 0 1px 0 rgba(255,255,255,0.25) !important;
    position: relative !important;
    font-weight: 600 !important;
    clip-path: inset(0 round 6px) !important;
}

header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button.register::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -100% !important;
    width: 60% !important;
    height: 200% !important;
    background: rgba(255, 255, 255, 0.28) !important;
    transform: skewX(-15deg) !important;
    animation: register-shine 2.5s ease-in-out infinite !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

@keyframes register-shine {
    0%   { left: -100%; }
    100% { left: 130%; }
}

header#header div.middle-header div.middle-header-container div.header-buttons div.login-buttons a.button.register:hover {
    filter: brightness(1.10) !important;
    box-shadow: 0 6px 20px rgba(245, 197, 66, 0.55) !important;
}

/* ── WALLET BUTONU ──────────────────────────────────────────── */
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, #13152a 0%, #d4a017 100%) !important;
    color: #0d0f1c !important;
    border-color: rgba(245, 197, 66, 0.38) !important;
    border-radius: 6px !important;
}

/* ── CÜZDAN MODAL ──────────────────────────────────────────── */
#walletModal .modal-dialog .modal-content,
.wallet-modal .modal-content {
    background: linear-gradient(180deg, #13152a, #0d0f1c) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 48px rgba(0,0,0,0.58) !important;
}

div.wallet-box {
    background: linear-gradient(180deg, #13152a, #0d0f1c) !important;
    color: #ffffff !important;
}

div.wallet-box .wallet-balance,
div.wallet-box .balance-amount,
div.wallet-box .wallet-amount { color: #ffffff !important; }

div.wallet-box label,
div.wallet-box .wallet-label { color: rgba(255,255,255,0.55) !important; }

/* Yatırma */
div.wallet-box .wallet-buttons span.button.deposit,
div.wallet-box .wallet-buttons a.button.deposit,
#walletModal .modal-dialog .modal-content .modal-body div.wallet-box div.wallet-normal div.wallet-body div.wallet-buttons span.button.deposit {
    background: #f5c542 !important;
    background-color: #f5c542 !important;
    background-image: none !important;
    color: #0d0f1c !important;
    border: 1px solid rgba(245,197,66,0.40) !important;
    border-radius: 6px !important;
}

div.wallet-box .wallet-buttons span.button.deposit:hover { background: #ffd966 !important; }

/* Çekim */
div.wallet-box .wallet-buttons span.button.withdraw,
div.wallet-box .wallet-buttons a.button.withdraw,
#walletModal .modal-dialog .modal-content .modal-body div.wallet-box div.wallet-normal div.wallet-body div.wallet-buttons span.button.withdraw {
    background: linear-gradient(90deg, #e63355 0%, #c91e40 35%, #a8102e 68%, #8a0020 100%) !important;
    background-image: linear-gradient(90deg, #e63355 0%, #c91e40 35%, #a8102e 68%, #8a0020 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(230,51,85,0.38) !important;
    border-radius: 6px !important;
}

/* Footer butonlar */
div.wallet-box .wallet-footer a.button,
#walletModal .modal-dialog .modal-content .modal-body div.wallet-footer a.button {
    background: #1e2038 !important;
    color: rgba(255,255,255,0.80) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 6px !important;
}

div.wallet-box select,
div.wallet-box input[type="text"],
div.wallet-box input[type="number"] {
    background: #181a30 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* ── FORM BUTONLARI ─────────────────────────────────────────── */
.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,
button[type="submit"], input[type="submit"],
.btn-primary, .button.primary, .btn.btn-primary {
    background: #f5c542 !important;
    background-color: #f5c542 !important;
    background-image: none !important;
    color: #0d0f1c !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 18px rgba(245,197,66,0.28) !important;
}

.btn.btn-primary { --bs-btn-bg: #f5c542 !important; --bs-btn-color: #0d0f1c !important; }

button[type="submit"]:hover, .btn-primary:hover { background: #ffd966 !important; background-color: #ffd966 !important; }
button[type="submit"]:active, .btn-primary:active { background: #d4a017 !important; background-color: #d4a017 !important; }

/* ── FORM INPUTLARI ─────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="search"],
textarea, select, .form-control {
    background: #181a30 !important;
    background-color: #181a30 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
}

input:hover, textarea:hover, select:hover { border-color: rgba(255,255,255,0.22) !important; }
input:focus, textarea:focus, select:focus {
    border-color: rgba(245,197,66,0.60) !important;
    box-shadow: 0 0 0 3px rgba(245,197,66,0.12) !important;
    outline: none !important;
}
input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.35) !important; opacity: 1 !important; }
select option { background-color: #181a30 !important; color: #ffffff !important; }

/* ── TAB / CHİP ─────────────────────────────────────────────── */
.simple-bets .nav.nav-pills .nav-link.active,
.simple-bets ul li button.active {
    color: #0d0f1c !important;
    background-color: #f5c542 !important;
    border-color: #f5c542 !important;
}

.faq__chip, .ato-btn {
    border-color: rgba(255,255,255,0.10) !important;
    background: rgba(255,255,255,0.05) !important;
    color: rgba(255,255,255,0.60) !important;
    border-radius: 999px !important;
}
.faq__chip.is-active, .ato-btn.is-active { color: #ffffff !important; }
.ato-indicator { background: linear-gradient(to bottom, rgba(245,197,66,0.72), rgba(245,197,66,0.40)) !important; }

/* ── PROGRESS ───────────────────────────────────────────────── */
div.progress-bar span, .progress-fill, .race-progress .line, .simple-progress .fill {
    background: linear-gradient(to right, rgba(245,197,66,0.65) 0%, rgba(245,197,66,0.85) 40%, #f5c542 100%) !important;
}
.progress-circle .progress-svg circle.circle { stroke: #f5c542 !important; }

/* ── OYUN AÇICI ─────────────────────────────────────────────── */
.game-item div.game-top div.game-opener {
    border-color: #f5c542 !important;
    background: linear-gradient(0deg, rgba(13,15,28,0.90) 0%, rgba(13,15,28,0.88) 100%) !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-color: #f5c542 !important;
    color: #0d0f1c !important;
    border-radius: 8px !important;
}
.game-item div.game-top div.game-opener div.play-buttons span.button.demo {
    background-color: #1e2038 !important;
    color: rgba(255,255,255,0.88) !important;
}

/* ── SİDEBAR NAV ────────────────────────────────────────────── */
.sidebar .menu a, .sidebar .submenu a, .sidebar-menu a, .accordion-menu a {
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)) !important;
    margin-bottom: 4px !important;
    padding: 11px 14px !important;
    color: rgba(255,255,255,0.70) !important;
    transition: background 0.20s ease, border-color 0.20s ease, color 0.15s ease, transform 0.15s ease !important;
}

.sidebar .menu a:hover, .sidebar .submenu a:hover, .sidebar-menu a:hover, .accordion-menu a:hover {
    border-color: rgba(245,197,66,0.30) !important;
    background: linear-gradient(180deg, rgba(245,197,66,0.10), rgba(245,197,66,0.03)) !important;
    color: #ffffff !important;
    transform: translateX(1px) !important;
}

.sidebar .menu a.active, .sidebar .submenu a.active, .sidebar-menu a.active, .accordion-menu a.active {
    border-color: rgba(245,197,66,0.50) !important;
    background: linear-gradient(95deg, rgba(245,197,66,0.20) 0%, rgba(255,255,255,0.03) 55%, rgba(255,255,255,0.01) 100%) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    box-shadow: inset 3px 0 0 #f5c542, 0 6px 20px rgba(0,0,0,0.28), 0 0 0 1px rgba(245,197,66,0.16) !important;
}

.sidebar .menu li, .sidebar .submenu li, .sidebar-menu li, .accordion-menu li { list-style: none !important; }

.sidebar .menu a.active, .sidebar .submenu a.active,
.sidebar-menu a.active, .accordion-menu a.active, .lowbar .item.active { color: #f5c542 !important; }

.sidebar .menu .active-indicator, .accordion-menu .active-indicator, .lowbar .indicator {
    background: linear-gradient(90deg, rgba(245,197,66,0.96), rgba(245,197,66,0.72)) !important;
    border-radius: 999px !important;
}

/* SİDEBAR BÖLÜCÜ */
.sidebar hr, .sidebar .divider, .accordion-menu hr, .accordion-menu .divider {
    height: 1px !important; border: none !important; margin: 10px 0 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(245,197,66,0.40) 50%, transparent 100%) !important;
    opacity: 1 !important;
}

/* SİDEBAR ARAMA */
.sidebar input[type="search"], .sidebar input[type="text"], .sidebar .search input {
    border-radius: 10px !important;
    border: 1px solid rgba(245,197,66,0.28) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(13,15,28,0.35)) !important;
    color: #ffffff !important;
}
.sidebar input:focus {
    border-color: rgba(245,197,66,0.55) !important;
    box-shadow: 0 0 0 3px rgba(245,197,66,0.12) !important;
    outline: none !important;
}
.sidebar input::placeholder { color: rgba(255,255,255,0.35) !important; opacity: 1 !important; }

/* ── SETTINGS NAV ───────────────────────────────────────────── */
.settings-sidebar a, .settings-nav a, .settings-menu a {
    color: rgba(255,255,255,0.75) !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}
.settings-sidebar a:hover, .settings-nav a:hover { background: rgba(255,255,255,0.05) !important; color: #ffffff !important; }
.settings-sidebar a.active, .settings-sidebar li.active a,
.settings-nav a.active, .settings-nav li.active a {
    background: linear-gradient(120deg, rgba(245,197,66,0.22), rgba(245,197,66,0.08)) !important;
    border-color: rgba(245,197,66,0.36) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 #f5c542 !important;
}

/* ── BİLDİRİM ───────────────────────────────────────────────── */
.notifications .notification-item, .notification-item {
    background: linear-gradient(180deg, #181a30, #13152a) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 8px !important;
}
.notification-item.unread { border-color: rgba(245,197,66,0.32) !important; }

/* ── BADGE ──────────────────────────────────────────────────── */
.badge, .badge-success, .badge-primary, .verified-badge {
    background-color: rgba(245,197,66,0.18) !important;
    border: 1px solid rgba(245,197,66,0.40) !important;
    color: #f5c542 !important;
    border-radius: 999px !important;
}
.badge-danger { background-color: rgba(230,51,85,0.16) !important; border-color: rgba(230,51,85,0.38) !important; color: #e63355 !important; }

/* ── FOOTER ─────────────────────────────────────────────────── */
footer,
.footer,
footer.footer,
#footer,
footer > div,
.footer > div,
footer .footer-container,
footer .footer-wrapper,
footer .footer-top,
footer .footer-bottom,
footer .footer-inner,
footer section,
.site-footer {
    background: #0d0f1c !important;
    background-color: #0d0f1c !important;
    background-image: none !important;
    color: rgba(255,255,255,0.55) !important;
}

footer a, .footer a { color: rgba(255,255,255,0.55) !important; text-decoration: none !important; }
footer a:hover, .footer a:hover { color: #f5c542 !important; }
footer h4, footer h5, footer h6 { color: rgba(255,255,255,0.88) !important; }

/* ── FOOTER MENÜLERİ (ORTALI HİZALAMA) ──────────────────────── */
.footer-menus,
.footer-menus > .row,
.footer-menus .footer-bottoms,
.footer-menus div.footer-bottoms,
.footer-menus .row.footer-bottoms {
    align-items: flex-start !important;
    align-content: flex-start !important;
}

.footer-menus .footer-bottoms > [class*="col-"],
.footer-menus div.footer-bottoms > div[class*="col-"] {
    display: block !important;
    text-align: center !important;
    vertical-align: top !important;
    align-self: flex-start !important;
}

.footer-menus .footer-bottoms nav.footer-menu,
.footer-menus nav.footer-menu {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-menus nav.footer-menu > .title,
.footer-menus nav.footer-menu div.title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.footer-menus nav.footer-menu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

.footer-menus nav.footer-menu ul li {
    text-align: center !important;
    list-style: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: block !important;
}

.footer-menus nav.footer-menu ul li::before,
.footer-menus nav.footer-menu ul li::marker {
    content: none !important;
    display: none !important;
}

.footer-menus nav.footer-menu ul li a {
    display: inline-block !important;
    text-align: center !important;
}

/* ── GENERAL HEADER (TAB + DROPDOWN) ────────────────────────── */
/* Container */
.general-header {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* ── TAB BUTONLARI (Yeni Oyunlar, Popüler Oyunlar vs.) ─────── */
.general-header .general-tabs-buttons a,
.general-header .slot-tabs-buttons a {
    color: rgba(255, 255, 255, 0.70) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    transition: background 0.20s ease, border-color 0.20s ease, color 0.15s ease !important;
}

.general-header .general-tabs-buttons a .text,
.general-header .slot-tabs-buttons a .text {
    color: inherit !important;
}

.general-header .general-tabs-buttons a:hover,
.general-header .slot-tabs-buttons a:hover {
    color: #ffffff !important;
    background: rgba(245, 197, 66, 0.10) !important;
    border-color: rgba(245, 197, 66, 0.30) !important;
}

.general-header .general-tabs-buttons a.active,
.general-header .slot-tabs-buttons a.active {
    color: #0d0f1c !important;
    background: linear-gradient(180deg, #f5c542, #d4a017) !important;
    border-color: #f5c542 !important;
    box-shadow: 0 4px 14px rgba(245, 197, 66, 0.28) !important;
}

.general-header .general-tabs-buttons a.active .text,
.general-header .slot-tabs-buttons a.active .text {
    color: #0d0f1c !important;
}

/* ── DROPDOWN BUTONLARI (Filtre / Sırala) ──────────────────── */
.general-header .header-selects .pfw__label,
.general-header .header-selects .sd__label {
    color: rgba(255, 255, 255, 0.60) !important;
}

.general-header .header-selects .pfw__labelIcon,
.general-header .header-selects .sd__icon {
    color: #f5c542 !important;
}

.general-header .header-selects .pfw__btn,
.general-header .header-selects .sd__btn {
    background: linear-gradient(180deg, #181a30, #13152a) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 8px !important;
    transition: border-color 0.20s ease, background 0.20s ease !important;
}

.general-header .header-selects .pfw__btn:hover,
.general-header .header-selects .sd__btn:hover {
    border-color: rgba(245, 197, 66, 0.35) !important;
    background: linear-gradient(180deg, #1e2038, #181a30) !important;
}

.general-header .header-selects .pfw__btn[aria-expanded="true"],
.general-header .header-selects .sd__btn[aria-expanded="true"] {
    border-color: rgba(245, 197, 66, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(245, 197, 66, 0.12) !important;
}

.general-header .header-selects .pfw__btnText,
.general-header .header-selects .sd__btnText {
    color: #ffffff !important;
}

.general-header .header-selects .pfw__chev,
.general-header .header-selects .sd__chev,
.general-header .header-selects .pfw__chevIcon,
.general-header .header-selects .sd__chevIcon {
    color: rgba(255, 255, 255, 0.55) !important;
}

.general-header .header-selects .pfw__btn[aria-expanded="true"] .pfw__chev,
.general-header .header-selects .sd__btn[aria-expanded="true"] .sd__chev {
    color: #f5c542 !important;
    transform: rotate(180deg) !important;
    transition: transform 0.20s ease, color 0.15s ease !important;
}

/* ── AÇILAN DROPDOWN MODALLARI ─────────────────────────────── */
.pfw__panel,
.pfw__menu,
.pfw__dropdown,
.pfw__list,
.sd__panel,
.sd__menu,
.sd__dropdown,
.sd__list,
.general-header .pfw [class*="panel"],
.general-header .pfw [class*="menu"],
.general-header .pfw [class*="dropdown"],
.general-header .sd [class*="panel"],
.general-header .sd [class*="menu"],
.general-header .sd [class*="dropdown"] {
    background: linear-gradient(180deg, #181a30, #0d0f1c) !important;
    color: #ffffff !important;
    border: 1px solid rgba(245, 197, 66, 0.25) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(245, 197, 66, 0.08) !important;
}

/* Dropdown içi öğeler (item/option) */
.pfw__panel li,
.pfw__menu li,
.pfw__list li,
.sd__panel li,
.sd__menu li,
.sd__list li,
.pfw__panel [role="option"],
.sd__panel [role="option"],
.pfw__panel button,
.sd__panel button,
.pfw__menu [class*="item"],
.sd__menu [class*="item"],
.pfw__dropdown [class*="item"],
.sd__dropdown [class*="item"] {
    color: rgba(255, 255, 255, 0.80) !important;
    background: transparent !important;
    border-radius: 6px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

.pfw__panel li:hover,
.pfw__menu li:hover,
.pfw__list li:hover,
.sd__panel li:hover,
.sd__menu li:hover,
.sd__list li:hover,
.pfw__panel [role="option"]:hover,
.sd__panel [role="option"]:hover,
.pfw__panel button:hover,
.sd__panel button:hover,
.pfw__menu [class*="item"]:hover,
.sd__menu [class*="item"]:hover {
    color: #ffffff !important;
    background: rgba(245, 197, 66, 0.10) !important;
}

.pfw__panel [aria-selected="true"],
.sd__panel [aria-selected="true"],
.pfw__panel li.active,
.sd__panel li.active,
.pfw__panel [class*="item"][class*="active"],
.sd__panel [class*="item"][class*="active"],
.pfw__panel [class*="item"][class*="selected"],
.sd__panel [class*="item"][class*="selected"] {
    color: #0d0f1c !important;
    background: linear-gradient(90deg, rgba(245, 197, 66, 0.95), rgba(212, 160, 23, 0.90)) !important;
    font-weight: 600 !important;
}

/* Dropdown içi checkbox / checkmark */
.pfw__panel [class*="check"],
.sd__panel [class*="check"] {
    color: #f5c542 !important;
}

/* Dropdown arama inputu (varsa) */
.pfw__panel input,
.sd__panel input {
    background: #1e2038 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

.pfw__panel input::placeholder,
.sd__panel input::placeholder {
    color: rgba(255, 255, 255, 0.38) !important;
}

.pfw__panel input:focus,
.sd__panel input:focus {
    border-color: rgba(245, 197, 66, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(245, 197, 66, 0.12) !important;
    outline: none !important;
}

/* ── CURRENCY LISTING (SAĞDAN SOLA KAYAN) ───────────────────── */
.footer-currencies {
    overflow: hidden !important;
    width: 100% !important;
    padding: 16px 0 !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
            mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
}

.footer-currencies .currency-listing {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    gap: 48px !important;
    animation: currency-marquee 28s linear infinite !important;
}

.footer-currencies:hover .currency-listing {
    animation-play-state: paused !important;
}

.footer-currencies .currency-listing .listing-block {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-currencies .currency-listing .listing-block img {
    height: 32px !important;
    width: auto !important;
    opacity: 0.75 !important;
    transition: opacity 0.2s ease !important;
}

.footer-currencies .currency-listing .listing-block:hover img {
    opacity: 1 !important;
}

/* Liste bitince tekrar başa dönsün (tek kopya ile, fade mask boşluğu gizler) */
@keyframes currency-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - 48px)); }
}

/* ── FAQ ────────────────────────────────────────────────────── */
.faq__bg {
    filter: none !important;
    pointer-events: none !important;
    background:
        radial-gradient(666px 366px at 17% 0, rgba(245,197,66,0.18), transparent 58%),
        radial-gradient(500px 250px at 100% 30%, rgba(255,255,255,0.04), transparent 60%) !important;
}

/* ── RESPONSIVE MENÜ ────────────────────────────────────────── */
#responsive-menu.responsive-menu.active-menu .sb-top-btn {
    border: none !important; border-color: transparent !important; outline: none !important;
}
@media (min-width: 992px) {
    #responsive-menu.responsive-menu.active-menu .sl-acc__section {
        background: linear-gradient(180deg, #161828, #13152a) !important;
        border: 1px solid rgba(255,255,255,0.08) !important;
        border-radius: 10px !important;
        box-shadow: 0 14px 30px rgba(0,0,0,0.32), 0 0 0 1px rgba(245,197,66,0.08) !important;
    }
}

/* ── YARIŞ CTA ──────────────────────────────────────────────── */
div.race-carousels div.slider-item .race-item div.head div.details div.buttons a.button {
    background-color: #f5c542 !important;
    color: #0d0f1c !important;
    border-color: #f5c542 !important;
    border-radius: 6px !important;
}

/* ── TEMA YARDIMCI ──────────────────────────────────────────── */
.theme-bg-primary, .bg-primary, [data-theme="primary"] { background-color: #f5c542 !important; color: #0d0f1c !important; }
.theme-surface, .bg-surface, [data-theme="surface"] { background-color: #1e2038 !important; color: #ffffff !important; }
.theme-muted, .text-muted, [data-theme="muted"] { color: rgba(255,255,255,0.55) !important; }

/* ── AUTH LOGO (YÜKSEK SPESİFİKLİK - EN SON OVERRIDE) ───────── */
div.auth-logo img,
div.auth-logo svg,
div.auth-logo img.dark-logo,
div.auth-logo img.light-logo,
.modal-body div.auth-logo img,
.modal-body div.auth-logo svg,
.modal-content .modal-body div.auth-logo div.logo a img,
.modal-content .modal-body div.auth-logo div.logo a svg,
.auth-modal div.auth-logo img,
.auth-modal div.auth-logo svg {
    width: 60% !important;
    max-width: 60% !important;
    opacity: 1 !important;
    margin-bottom: 8px !important;
}

/* ── STICKY MENU WALLET RING (TRANSPARENT) ──────────────────── */
.sticky-menu .menu-item.wallet::before,
.sticky-menu .menu-item.wallet:before {
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}