/* ================================================================
   STAKE THEME OVERRIDE v3.0 — Profesyonel Kurumsal
   
   Palet:
     Arka plan : #0f212e (koyu lacivert-gri)
     Surface   : #1a2c38
     Elevated  : #213743
     Hover     : #2d4a5a
     Aksan     : #1fff20 (Stake yeşili) — sadece CTA & öne çıkan öğeler
     Gold      : #c9a84c (küçük detaylar: VIP, divider vb.)
     Text-1    : #c2cfe0 (açık gri-mavi)
     Text-2    : #6e8a9a (orta gri)
     Text-3    : #3c5464 (koyu gri)
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ── DEĞIŞKENLER ── */
:root {
    /* Zeminler */
    --st-bg:       #0f212e;
    --st-surface:  #1a2c38;
    --st-elevated: #213743;
    --st-hover:    #2d4a5a;

    /* Aksan — Stake'in karakteristik neon yeşili */
    --st-green:     #1fff20;
    --st-green-dim: rgba(31,255,32,0.10);
    --st-green-brd: rgba(31,255,32,0.28);
    --st-green-hi:  #4dff4e;

    /* Gold — sadece küçük dekor detaylar (VIP, divider) */
    --st-gold:     #c9a84c;
    --st-gold-dim: rgba(201,168,76,0.12);
    --st-gold-brd: rgba(201,168,76,0.28);

    /* Metin */
    --st-text-1: #c2cfe0;
    --st-text-2: #6e8a9a;
    --st-text-3: #3c5464;

    /* Border */
    --st-brd:    rgba(255,255,255,0.06);
    --st-brd-md: rgba(255,255,255,0.10);
    --st-brd-hi: rgba(255,255,255,0.17);
}

/* ================================================================
   BODY
   ================================================================ */
html { background: var(--st-bg) !important; }
body {
    background-color: var(--st-bg) !important;
    background-image: none !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    color: var(--st-text-1) !important;
}
body::before { background: none !important; animation: none !important; }
body::after  { display: none !important; content: none !important; }

/* ================================================================
   SIDEBAR
   ================================================================ */
.casino-sidebar, aside.casino-sidebar {
    background: var(--st-bg) !important;
    border-right: 1px solid var(--st-brd) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.5) !important;
}

/* Sol yeşil şerit */
.casino-sidebar::before {
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(31,255,32,0.4) 30%,
        rgba(31,255,32,0.4) 70%,
        transparent 100%) !important;
}

/* Logo satırı */
.sb-header, .sb-logo-row {
    background: #0a0a0a !important;
    border-bottom: 1px solid var(--st-brd) !important;
}

.sb-brand-text, .sb-logo-text {
    background: linear-gradient(135deg, #c2cfe0 0%, #7a96a8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.sb-logo-img { filter: none !important; }

/* Section başlıkları */
.sb-section-title, .sb-section {
    color: var(--st-text-3) !important;
    letter-spacing: 0.12em !important;
}
.sb-section::after { background: var(--st-brd) !important; }

/* Divider — ince gold çizgi */
.sb-divider {
    background: linear-gradient(90deg,
        transparent,
        var(--st-gold-dim) 30%,
        var(--st-gold-dim) 70%,
        transparent) !important;
}

/* Nav öğeleri */
.sb-item, .sb-link {
    color: var(--st-text-2) !important;
    border-radius: 6px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    gap: 8px !important;
}
.sb-item:hover, .sb-link:hover {
    background: var(--st-elevated) !important;
    color: var(--st-text-1) !important;
}
.sb-item.active, .sb-link.active {
    background: var(--st-green-dim) !important;
    color: var(--st-green) !important;
}
.sb-link.active::before {
    background: linear-gradient(180deg, var(--st-green), rgba(31,255,32,0.5)) !important;
}

/* Nav ikonları */
.sb-icon, .sb-item i, .sb-link i { color: var(--st-text-2) !important; }
.sb-item.active .sb-icon, .sb-item.active i,
.sb-link.active .sb-icon, .sb-link.active i { color: var(--st-green) !important; }

/* Toggle butonu */
.sb-toggle {
    background: var(--st-elevated) !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
}
.sb-toggle:hover { background: var(--st-hover) !important; color: var(--st-text-1) !important; }

/* Extras (Çark, VIP kısayol) */
.sb-extras { border-bottom: 1px solid var(--st-brd) !important; }
.sb-extra-btn {
    background: var(--st-elevated) !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
}
.sb-extra-btn:hover {
    background: var(--st-hover) !important;
    border-color: var(--st-brd-hi) !important;
    color: var(--st-text-1) !important;
}

/* ── BADGE'LER ── */

/* CANLI — kırmızı (doğru) */
.sb-badge-live {
    background: rgba(239,68,68,0.12) !important;
    border: 1px solid rgba(239,68,68,0.32) !important;
    color: #ff5c5c !important;
}

/* VIP — gold (kurumsal lüks) */
.sb-badge-new {
    background: var(--st-gold-dim) !important;
    border: 1px solid var(--st-gold-brd) !important;
    color: var(--st-gold) !important;
}

/* Promosyon butonu */
.sb-promo-btn {
    background: var(--st-green-dim) !important;
    border: 1px solid var(--st-green-brd) !important;
    color: var(--st-green) !important;
    font-weight: 700 !important;
}
.sb-promo-btn:hover {
    background: rgba(31,255,32,0.16) !important;
    border-color: rgba(31,255,32,0.45) !important;
}

/* Footer (logout vb.) */
.sb-footer { border-top: 1px solid var(--st-brd) !important; }

/* ================================================================
   TOP HEADER BAR
   ================================================================ */
.top-header-bar {
    background: rgba(10,18,24,0.97) !important;
    border-bottom: 1px solid var(--st-brd) !important;
    box-shadow: 0 1px 0 rgba(31,255,32,0.03), 0 4px 24px rgba(0,0,0,0.5) !important;
}

.sidebar-toggle-btn {
    border: none !important;
    background: transparent !important;
    color: rgba(255,255,255,0.7) !important;
}
.sidebar-toggle-btn:hover {
    background: transparent !important;
    color: #fff !important;
}

/* ================================================================
   GİRİŞ YAP & KAYIT OL — Stake 1:1
   ================================================================ */
.modern-auth-buttons { display: flex !important; align-items: center !important; gap: 8px !important; }

.modern-auth-btn {
    position: relative !important;
    height: 36px !important;
    padding: 0 18px !important;
    border-radius: 6px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    transition: background 0.15s, border-color 0.15s !important;
    filter: none !important;
    box-shadow: none !important;
}
.modern-auth-btn::before, .modern-auth-btn::after { display: none !important; content: none !important; }

/* GİRİŞ YAP — şeffaf */
.modern-auth-btn-login {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    color: var(--st-text-1) !important;
}
.modern-auth-btn-login:hover {
    background: rgba(255,255,255,0.13) !important;
    border-color: rgba(255,255,255,0.26) !important;
    color: #fff !important;
    transform: none !important;
}
.modern-auth-btn-login .btn-content,
.modern-auth-btn-login .btn-text { color: var(--st-text-1) !important; }
.modern-auth-btn-login .btn-icon,
.modern-auth-btn-login .btn-icon * { stroke: var(--st-text-1) !important; }

/* KAYIT OL — Stake yeşili */
.modern-auth-btn-register {
    background: var(--st-green) !important;
    border: 1px solid var(--st-green) !important;
    color: #0a1f0a !important;
}
.modern-auth-btn-register:hover {
    background: var(--st-green-hi) !important;
    border-color: var(--st-green-hi) !important;
    color: #0a1f0a !important;
    transform: none !important;
    filter: none !important;
}
.modern-auth-btn-register .btn-content,
.modern-auth-btn-register .btn-text { color: #0a1f0a !important; }
.modern-auth-btn-register .btn-icon,
.modern-auth-btn-register .btn-icon * { stroke: #0a1f0a !important; }

/* Game modal auth */
.game-auth-btn-login {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    color: var(--st-text-1) !important;
}
.game-auth-btn-login:hover { background: rgba(255,255,255,0.13) !important; color: #fff !important; }

.game-auth-btn-register {
    background: var(--st-green) !important;
    border: 1px solid var(--st-green) !important;
    color: #0a1f0a !important;
}
.game-auth-btn-register:hover {
    background: var(--st-green-hi) !important;
    color: #0a1f0a !important;
}

/* ================================================================
   PARA YATIR — yeşil CTA
   ================================================================ */
a.header-deposit-btn,
button.header-deposit-btn,
.header-deposit-btn,
.top-bar-right .header-deposit-btn,
.top-bar-right a[href="/deposit"] {
    background: var(--st-green) !important;
    background-image: none !important;
    border: none !important;
    color: #0a1f0a !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    filter: none !important;
    animation: none !important;
}
a.header-deposit-btn:hover, .header-deposit-btn:hover {
    background: var(--st-green-hi) !important;
    color: #0a1f0a !important;
    transform: none !important;
    filter: none !important;
}
.header-deposit-btn::before, .header-deposit-btn::after { display: none !important; content: none !important; }
.header-deposit-icon, .header-deposit-text { color: #0a1f0a !important; }

/* ================================================================
   BALANCE BADGE
   ================================================================ */
.balance-badge {
    background: var(--st-elevated) !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-1) !important;
    box-shadow: none !important;
    animation: none !important;
    overflow: visible !important;
}
.balance-badge::before { display: none !important; content: none !important; }
.balance-badge:hover { background: var(--st-hover) !important; border-color: var(--st-brd-hi) !important; transform: none !important; }
.balance-badge i { color: var(--st-green) !important; filter: none !important; }

/* ================================================================
   KULLANICI DROPDOWN
   ================================================================ */
.user-avatar-compact {
    background: var(--st-elevated) !important;
    border: 2px solid var(--st-brd-md) !important;
    box-shadow: none !important;
}
.user-avatar-compact i { color: var(--st-text-2) !important; filter: none !important; }
.user-avatar-compact:hover { border-color: rgba(31,255,32,0.3) !important; box-shadow: 0 0 12px rgba(31,255,32,0.1) !important; }

.user-dropdown-menu {
    background: var(--st-surface) !important;
    border: 1px solid var(--st-brd-md) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.65) !important;
    border-radius: 10px !important;
}
.dropdown-header {
    background: var(--st-elevated) !important;
    border-bottom: 1px solid var(--st-brd) !important;
    border-radius: 10px 10px 0 0 !important;
}
.dropdown-header::before { display: none !important; }
.dropdown-avatar {
    background: var(--st-hover) !important;
    border: 2px solid var(--st-green-brd) !important;
    color: var(--st-green) !important;
    font-weight: 700;
    box-shadow: none !important;
}
.dropdown-user-details strong { color: var(--st-text-1) !important; text-shadow: none !important; }
.dropdown-balance { color: var(--st-green) !important; }
.dropdown-item { color: var(--st-text-2) !important; }
.dropdown-item:hover { background: var(--st-elevated) !important; color: var(--st-text-1) !important; }
.dropdown-item i { color: var(--st-text-3) !important; }
.dropdown-item:hover i { color: var(--st-green) !important; }

/* ================================================================
   KAZANÇ DAİRELERİ
   ================================================================ */
.bw-circle {
    background: linear-gradient(145deg,
        rgba(31,255,32,0.75) 0%,
        rgba(10,170,12,0.6) 40%,
        rgba(5,110,8,0.7) 70%,
        rgba(31,255,32,0.7) 100%) !important;
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.7),
        0 4px 16px rgba(0,0,0,0.6),
        0 0 14px rgba(31,255,32,0.12) !important;
}
.bw-item:hover .bw-circle {
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.7),
        0 6px 22px rgba(0,0,0,0.75),
        0 0 22px rgba(31,255,32,0.3) !important;
}
.bw-item.viewed .bw-circle {
    background: linear-gradient(145deg, #0c1e0c, #081208, #0c1e0c) !important;
    opacity: 0.5 !important;
}
.bw-mult { color: var(--st-green) !important; text-shadow: 0 1px 6px rgba(31,255,32,0.3) !important; }
.bw-mult.viewed { color: var(--st-text-3) !important; text-shadow: none !important; }

/* Bigwin modal */
.bigwin-modal {
    background: var(--st-surface) !important;
    border: 1px solid var(--st-brd-md) !important;
    box-shadow: 0 40px 100px rgba(0,0,0,0.92) !important;
}
.bigwin-modal-close {
    background: var(--st-elevated) !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
}
.bigwin-modal-close:hover { background: var(--st-hover) !important; color: var(--st-text-1) !important; }
.bigwin-iframe-loader { background: var(--st-surface) !important; color: var(--st-text-3) !important; }
.bw-spinner { border: 2.5px solid rgba(31,255,32,0.08) !important; border-top-color: var(--st-green) !important; }

/* ================================================================
   BÖLÜM BAŞLIKLARI
   ================================================================ */
.section-title,
h2.section-title,
[class*="section"] h2,
#feSection h2 {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: var(--st-text-1) !important;
    background-clip: unset !important;
    color: var(--st-text-1) !important;
    font-weight: 700 !important;
}
.section-title svg, h2.section-title svg {
    stroke: var(--st-green) !important;
    fill: var(--st-green) !important;
    opacity: 0.85 !important;
}
.section-subtitle, p.section-subtitle { color: var(--st-text-2) !important; }
.section-header-center, #feSection .section-header-center {
    border-bottom: 1px solid var(--st-brd) !important;
}

/* ================================================================
   ÖNE ÇIKAN ETKİNLİKLER
   ================================================================ */
.fe-tab {
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
    background: transparent !important;
}
.fe-tab:hover { border-color: rgba(31,255,32,0.25) !important; color: var(--st-text-1) !important; background: rgba(31,255,32,0.05) !important; }
.fe-tab.active { background: rgba(31,255,32,0.08) !important; border-color: rgba(31,255,32,0.3) !important; color: #fff !important; }

.fe-card { background: var(--st-surface) !important; border: 1px solid var(--st-brd) !important; }
.fe-card:hover { background: var(--st-elevated) !important; border-color: var(--st-brd-md) !important; }
.fe-card-top, .fe-card-odds { background: rgba(10,18,24,0.7) !important; }
.fe-card-top { border-bottom: 1px solid var(--st-brd) !important; }
.fe-card-odds { border-top: 1px solid var(--st-brd) !important; }
.fe-odd-btn { border-right: 1px solid var(--st-brd) !important; }
.fe-odd-btn:hover { background: rgba(31,255,32,0.05) !important; }
.fe-c-live { background: var(--st-green) !important; color: #0a1f0a !important; font-weight: 800 !important; }
.fe-vs-minute { color: var(--st-green) !important; }
.fe-odd-val { color: var(--st-green) !important; }
.fe-odd-btn:hover .fe-odd-val { color: #fff !important; }

/* ================================================================
   TÜMÜNÜ GÖR BUTONLARI — sade, Stake uyumlu
   ================================================================ */
.btn-view-all {
    background: var(--st-elevated) !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 9px 26px !important;
    transition: all .18s !important;
    letter-spacing: 0 !important;
}
.btn-view-all:hover {
    background: var(--st-hover) !important;
    border-color: var(--st-brd-hi) !important;
    color: var(--st-text-1) !important;
}
.btn-view-all i { color: var(--st-text-2) !important; }

.fe-all-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 7px 18px !important;
    border-radius: 20px !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
    transition: all .18s !important;
}
.fe-all-link:hover {
    border-color: var(--st-brd-hi) !important;
    color: var(--st-text-1) !important;
    background: var(--st-elevated) !important;
}

.view-all-center a, .view-all-center .btn-view-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 28px !important;
    background: var(--st-elevated) !important;
    border: 1px solid var(--st-brd-md) !important;
    color: var(--st-text-2) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all .18s !important;
}
.view-all-center a:hover, .view-all-center .btn-view-all:hover {
    background: var(--st-hover) !important;
    border-color: var(--st-brd-hi) !important;
    color: var(--st-text-1) !important;
}

/* ================================================================
   ARAMA & PROVIDER TABLAR
   ================================================================ */
.sp-search-input, .lcp-search-input, input[type="search"] {
    background: var(--st-elevated) !important;
    border-color: var(--st-brd-md) !important;
    color: var(--st-text-1) !important;
}
.sp-search-input:focus, .lcp-search-input:focus {
    border-color: rgba(31,255,32,0.3) !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.06) !important;
}
.sp-search-ico, .lcp-search-ico { color: var(--st-text-3) !important; }
.sp-search:focus-within .sp-search-ico,
.lcp-search:focus-within .lcp-search-ico { color: var(--st-green) !important; }

.sp-tab, .lcp-tab { background: var(--st-elevated) !important; border: 1px solid var(--st-brd) !important; color: var(--st-text-2) !important; }
.sp-tab:hover, .lcp-tab:hover { background: var(--st-hover) !important; color: var(--st-text-1) !important; }
.sp-tab.active, .lcp-tab.active { background: rgba(31,255,32,0.07) !important; border-color: rgba(31,255,32,0.28) !important; color: var(--st-green) !important; }

.sp-arrow, .lcp-arrow { background: var(--st-elevated) !important; border-color: var(--st-brd-md) !important; color: var(--st-text-2) !important; }
.sp-arrow:hover, .lcp-arrow:hover { background: var(--st-hover) !important; color: var(--st-text-1) !important; }

/* ================================================================
   OYUN MODAL
   ================================================================ */
.game-modal {
    background: #1a2c38 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 32px 80px rgba(0,0,0,0.6) !important;
}
.game-modal::before {
    background: #1fff20 !important;
}
.game-modal-header { background: rgba(0,0,0,0.12) !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.game-modal-image { border: 1px solid rgba(31,255,32,0.2) !important; }
.game-modal-info h2 { color: #c2cfe0 !important; }
.game-modal-provider { color: rgba(31,255,32,0.8) !important; }

/* Kapatma butonu — am-close ile aynı */
.game-modal-close {
    background: none !important; border: none !important;
    color: #3c5464 !important; font-size: 18px !important;
    box-shadow: none !important; transform: none !important;
    border-radius: 0 !important; padding: 0 !important;
    width: auto !important; height: auto !important;
}
.game-modal-close:hover { background: none !important; color: #c2cfe0 !important; border-color: transparent !important; }

/* Gerçek Para ile Oyna */
.btn-play-real {
    background: #1fff20 !important;
    background-image: none !important;
    border-color: transparent !important;
    color: #0f212e !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 20px rgba(31,255,32,0.22) !important;
}
.btn-play-real::before { display: none !important; }
.btn-play-real:hover { background: #4dff4e !important; box-shadow: 0 8px 28px rgba(31,255,32,0.32) !important; color: #0f212e !important; }
.btn-play-real i { color: #0f212e !important; }

/* Demo Oyna */
.btn-play-fun {
    background: #0f212e !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #6e8a9a !important;
    box-shadow: none !important;
}
.btn-play-fun:hover { background: #152230 !important; border-color: rgba(31,255,32,0.2) !important; color: #c2cfe0 !important; }
.btn-play-fun i { color: rgba(31,255,32,0.5) !important; }
.btn-play-fun:hover i { color: #1fff20 !important; }
.btn-play-fun::before { display: none !important; }

/* Kilit ikonu */
.lock-icon-wrapper {
    background: rgba(31,255,32,0.06) !important;
    border: 1px solid rgba(31,255,32,0.18) !important;
    border-radius: 50% !important;
}
.lock-icon { color: rgba(31,255,32,0.7) !important; stroke: rgba(31,255,32,0.7) !important; }

/* Modal butonları */
.am-btn { background: var(--st-green) !important; border: none !important; color: #0a1f0a !important; font-weight: 700 !important; }
.am-btn:hover { background: var(--st-green-hi) !important; }
.am-input { background: var(--st-elevated) !important; border: 1px solid var(--st-brd-md) !important; color: var(--st-text-1) !important; }
.am-input:focus { border-color: rgba(31,255,32,0.3) !important; box-shadow: 0 0 0 3px rgba(31,255,32,0.06) !important; }

/* ================================================================
   FOOTER — Yeniden tasarım
   ================================================================ */
footer, .footer {
    background: var(--st-bg) !important;
    border-top: 1px solid var(--st-brd) !important;
}

/* Footer üst banner */
.footer-header {
    background: var(--st-surface) !important;
    border-bottom: 1px solid var(--st-brd) !important;
}
.footer-header-title {
    background: none !important;
    -webkit-text-fill-color: var(--st-text-1) !important;
    background-clip: unset !important;
    color: var(--st-text-1) !important;
    font-weight: 700 !important;
}
.footer-header-subtitle { color: var(--st-text-2) !important; }

/* Footer main */
.footer-main { background: var(--st-bg) !important; }

/* Label (EMAİL) */
.footer-contact .footer-label {
    color: var(--st-text-3) !important;
    font-size: 10px !important;
    letter-spacing: 1.8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Email */
.footer-contact .footer-email { color: var(--st-text-1) !important; text-shadow: none !important; }
.footer-contact .footer-email:hover { color: var(--st-green) !important; text-shadow: none !important; transform: none !important; }

/* Menü başlıkları (OYUNLAR, HESAP, DESTEK) */
.footer-menu-title, h4.footer-menu-title {
    background: none !important;
    -webkit-text-fill-color: unset !important;
    color: var(--st-text-3) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}

/* Menü linkleri */
.footer-menu a, .footer-menu li a {
    color: var(--st-text-2) !important;
    font-size: 14px !important;
    transition: color 0.15s !important;
}
.footer-menu a:hover, .footer-menu li a:hover {
    color: var(--st-text-1) !important;
    transform: none !important;
}

/* Lisans */
.footer-license { border-top: 1px solid var(--st-brd) !important; }
.footer-license p, .footer-license-mobile { color: var(--st-text-3) !important; }

/* Sosyal ikonlar */
.social-icon {
    border-radius: 8px !important;
    box-shadow: none !important;
}
.social-icon:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.35) !important; }

/* ── ÖDEME LOGOLARI — tema renginde, gold değil ── */
.footer-payments {
    background: rgba(10,18,24,0.6) !important;
    border-top: 1px solid var(--st-brd) !important;
    padding: 32px 0 !important;
}

/* Gold filter tamamen kaldır, beyaz-gri yap */
.payment-row img,
.footer-payments .payment-row img {
    height: 26px !important;
    width: auto !important;
    opacity: 0.35 !important;
    filter: brightness(0) invert(1) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    transform: scale(1) !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}
.payment-row img:hover,
.footer-payments .payment-row img:hover {
    opacity: 0.75 !important;
    filter: brightness(0) invert(1) !important;
    transform: scale(1.1) translateY(-2px) !important;
    box-shadow: none !important;
}

/* Mobil payment */
@media (max-width: 768px) {
    .footer-payments .payment-row img { height: 22px !important; }
}
@media (max-width: 480px) {
    .footer-payments .payment-row img { height: 18px !important; }
}

/* elexbet-colors override */
footer { border-top: 1px solid var(--st-brd) !important; }

/* ================================================================
   TICKER
   ================================================================ */
.ticker-icon-wrap { color: var(--st-text-2) !important; background: rgba(31,255,32,0.04) !important; border-right: 1px solid var(--st-brd) !important; }
.ticker-close { background: rgba(255,255,255,0.03) !important; border-left: 1px solid var(--st-brd) !important; color: var(--st-text-3) !important; }
.ticker-close:hover { background: rgba(255,255,255,0.07) !important; color: var(--st-text-1) !important; }

/* ================================================================
   SCROLLBAR
   ================================================================ */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--st-bg); }
::-webkit-scrollbar-thumb { background: var(--st-brd-hi); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(31,255,32,0.3); }

/* ================================================================
   NAV LİNKLERİ
   ================================================================ */
.nav-link { color: var(--st-text-2) !important; }
.nav-link:hover { color: var(--st-text-1) !important; background: var(--st-elevated) !important; box-shadow: none !important; }
.nav-link.active { color: var(--st-green) !important; background: var(--st-green-dim) !important; box-shadow: none !important; }
.nav-link.active::after { background: linear-gradient(90deg, var(--st-green), rgba(31,255,32,0.5)) !important; }
.nav-link i { color: var(--st-text-2) !important; }
.nav-link:hover i, .nav-link.active i { color: var(--st-green) !important; }

/* ================================================================
   ÇARK İFELEK / SPIN
   ================================================================ */
.spin-wheel-gif { border: 2px solid rgba(201,168,76,0.35) !important; }
.spin-wheel-btn:hover .spin-wheel-gif { border-color: var(--st-gold) !important; }

/* ================================================================
   SOSYAL SIDEBAR
   ================================================================ */
.social-sidebar-item { background: rgba(10,18,24,0.88) !important; border-color: var(--st-brd-md) !important; }
.social-sidebar-icon { color: var(--st-text-2) !important; }

/* ================================================================
   MOBİL NAV
   ================================================================ */
/* Mobile bottom nav — koyu, header ile uyumlu */
.mobile-bottom-nav {
    background: rgba(10,18,24,0.98) !important;
    border-top: 1px solid var(--st-brd) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.5) !important;
}
.mobile-bottom-nav .mobile-nav-item,
.mobile-bottom-nav a,
.mobile-bottom-nav button { color: var(--st-text-3) !important; }

.mobile-bottom-nav .mobile-nav-item:hover,
.mobile-bottom-nav a:hover,
.mobile-bottom-nav button:hover { color: var(--st-text-2) !important; background: rgba(255,255,255,0.04) !important; }

.mobile-bottom-nav .mobile-nav-item.active,
.mobile-bottom-nav a.active,
.mobile-bottom-nav button.active {
    color: var(--st-green) !important;
    background: rgba(31,255,32,0.06) !important;
}
.mobile-bottom-nav .mobile-nav-item i { color: inherit !important; }
.mobile-bottom-nav .mobile-nav-item span { color: inherit !important; }

/* ================================================================
   GENEL BUTONLAR
   ================================================================ */
.btn-primary { background: var(--st-green) !important; border-color: var(--st-green) !important; color: #0a1f0a !important; }
.btn-primary:hover { background: var(--st-green-hi) !important; }
.btn-secondary { background: var(--st-elevated) !important; border: 1px solid var(--st-brd-md) !important; color: var(--st-text-1) !important; }
.btn-secondary:hover { background: var(--st-hover) !important; }
.btn-outline { border-color: rgba(31,255,32,0.3) !important; color: var(--st-green) !important; }
.btn-outline:hover { background: var(--st-green-dim) !important; }

/* ================================================================
   MOBİL
   ================================================================ */
@media (max-width: 768px) {
    .modern-auth-btn { height: 33px !important; padding: 0 13px !important; font-size: 12px !important; }
}
@media (max-width: 480px) {
    .modern-auth-btn { height: 31px !important; padding: 0 10px !important; font-size: 11.5px !important; }
}

/* ================================================================
   DEPOSIT / WITHDRAWAL / LOSS-BONUS SAYFALARI
   gold-black-luxury-theme.css'in button[type=submit] ve
   elexbet-colors.css'in input focus gold override'larını ez
   ================================================================ */

/* Birincil aksiyon butonları (Devam Et, Talep Oluştur, vb.) */
.dp-btn-primary,
.dp-btn-green,
.wd-btn-primary,
.lb-claim-btn:not(:disabled) {
    background: var(--st-green) !important;
    border: none !important;
    border-color: transparent !important;
    color: #0a1f0a !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
}
.dp-btn-primary::after,
.dp-btn-green::after,
.wd-btn-primary::after {
    display: none !important;
    content: none !important;
}
.dp-btn-primary:hover,
.dp-btn-green:hover,
.wd-btn-primary:hover {
    background: var(--st-green-hi) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
.dp-btn-primary:disabled,
.wd-btn-primary:disabled {
    background: rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.25) !important;
    border: none !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Geri butonları */
.dp-btn-back,
.wd-btn-back {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    color: var(--st-text-1) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
}
.dp-btn-back::after,
.wd-btn-back::after { display: none !important; content: none !important; }
.dp-btn-back:hover,
.wd-btn-back:hover {
    background: rgba(255,255,255,0.13) !important;
    border-color: rgba(255,255,255,0.26) !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Genel button[type=submit] override — gold-black-luxury eziliyor */
button[type="submit"].dp-btn,
button[type="submit"].wd-btn,
button[type="submit"].lb-claim-btn,
button[type="submit"].wd-modal-save-btn,
button[type="submit"].wd-modal-del-btn {
    background: var(--st-green) !important;
    border: none !important;
    color: #0a1f0a !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
}
button[type="submit"].dp-btn::after,
button[type="submit"].wd-btn::after { display: none !important; content: none !important; }

/* Input gold focus ezme */
.dp-amount-input:focus,
.wd-amount-input:focus,
.lb-date-input:focus,
.wd-modal input:focus,
.wd-modal select:focus {
    border-color: rgba(31,255,32,0.30) !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.06) !important;
}

/* Input normal border ezme */
.dp-amount-input,
.wd-amount-input {
    border: 2px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.04) !important;
    box-shadow: none !important;
}

/* ================================================================
   TARİH INPUT GOLD BORDER EZMESİ
   elexbet-colors.css'in input:focus gold override'ını ezdik ama
   input (normal state) gold border hâlâ kalıyor — override:
   ================================================================ */
input[type="date"],
input[type="date"]:focus,
input[type="date"]:active {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    color: var(--st-text-1, #c2cfe0) !important;
    box-shadow: none !important;
    color-scheme: dark;
}
input[type="date"]:focus {
    border-color: rgba(31,255,32,0.30) !important;
    box-shadow: 0 0 0 2px rgba(31,255,32,0.06) !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(0.6) !important;
    opacity: 0.5 !important;
    cursor: pointer;
}
/* lb-date-input özel class - daha spesifik override */
.lb-date-input,
.lb-date-input:focus {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    color: var(--st-text-1, #c2cfe0) !important;
    box-shadow: none !important;
}
.lb-date-input:focus {
    border-color: rgba(31,255,32,0.30) !important;
    box-shadow: 0 0 0 2px rgba(31,255,32,0.06) !important;
}

/* ================================================================
   PROFİL SAYFASI — gold-black-luxury button[type=submit] ezme
   ================================================================ */
.prf-btn-submit,
button.prf-btn-submit,
button[type="submit"].prf-btn-submit,
.prf-kyc-submit,
button.prf-kyc-submit,
button[type="submit"].prf-kyc-submit,
.aff-submit-btn,
button.aff-submit-btn,
button[type="submit"].aff-submit-btn {
    background: var(--st-green) !important;
    border: none !important;
    color: #0a1f0a !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
}
.prf-btn-submit::after,
.prf-kyc-submit::after,
.aff-submit-btn::after {
    display: none !important;
    content: none !important;
}
.prf-btn-submit:hover,
button[type="submit"].prf-btn-submit:hover,
.prf-kyc-submit:hover,
button[type="submit"].prf-kyc-submit:hover,
.aff-submit-btn:hover,
button[type="submit"].aff-submit-btn:hover {
    background: var(--st-green-hi) !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}