/**
 * Site temaları — tasarım aynı, sadece renkler
 * Yeni tema: 1) config/theme.php kataloga ekle  2) aşağıya html[data-theme="id"] bloğu kopyala
 */

/* ── Ortak geçiş ── */
html[data-theme] body.theme-transitioning,
html[data-theme] body.theme-transitioning * {
    transition: background 0.35s ease, background-color 0.35s ease,
                border-color 0.35s ease, color 0.35s ease,
                box-shadow 0.35s ease !important;
}

/* ============================
   DEFAULT — mevcut (mavi-altın)
   style.css / mobile.css :root ile aynı
   ============================ */
html[data-theme="default"] {
    --primary-dark: #0a1929;
    --secondary-dark: #0d1f30;
    --accent-gold: #FFD700;
    --accent-gold-dark: #FFA500;
    --accent-gold-rgb: 255, 215, 0;
    --accent-blue: #1e88e5;
    --accent-blue-dark: #1565c0;
    --accent-blue-rgb: 30, 136, 229;
    --primary-color: var(--accent-blue);
    --secondary-color: var(--accent-gold);
    --text-primary: #ffffff;
    --text-secondary: #b0bec5;
    --border-color: rgba(255, 255, 255, 0.1);
    --card-bg: linear-gradient(135deg, #1a2836 0%, #0f1921 100%);
    --gold-gradient: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-dark) 100%);
    --blue-gradient: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);
    --theme-overlay: rgba(10, 25, 41, 0.7);
    --theme-body-bg: #0a1929;
    --theme-surface: #121a28;
    --theme-surface-2: #1a2836;
}

/* ============================
   LEOVEGAS — siyah + turuncu
   (tasarım korunur, palet değişir)
   ============================ */
html[data-theme="leovegas"] {
    --primary-dark: #0a0a0a;
    --secondary-dark: #141414;
    --accent-gold: #FFB800;
    --accent-gold-dark: #FF8A00;
    --accent-gold-rgb: 255, 184, 0;
    --accent-blue: #FF6200;
    --accent-blue-dark: #E04F00;
    --accent-blue-rgb: 255, 98, 0;
    --primary-color: var(--accent-blue);
    --secondary-color: var(--accent-gold);
    --text-primary: #ffffff;
    --text-secondary: #c4c4c4;
    --border-color: rgba(255, 255, 255, 0.12);
    --card-bg: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);
    --gold-gradient: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-dark) 100%);
    --blue-gradient: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);
    --theme-overlay: rgba(0, 0, 0, 0.78);
    --theme-body-bg: #0a0a0a;
    --theme-surface: #121212;
    --theme-surface-2: #1c1c1c;
}

/* LeoVegas — sayfa zemini / overlay (masaüstü) */
html[data-theme="leovegas"] body {
    background-color: var(--theme-body-bg) !important;
}
html[data-theme="leovegas"] body::before {
    background: var(--theme-overlay) !important;
}

/* LeoVegas — sık kullanılan hardcoded mavi → turuncu */
html[data-theme="leovegas"] .btn-login,
html[data-theme="leovegas"] .login-btn,
html[data-theme="leovegas"] .register-btn,
html[data-theme="leovegas"] .header-btn-primary,
html[data-theme="leovegas"] .deposit-btn,
html[data-theme="leovegas"] .playBtn,
html[data-theme="leovegas"] .um-odd,
html[data-theme="leovegas"] .time-filter-item.active,
html[data-theme="leovegas"] .sports-nav-item.active,
html[data-theme="leovegas"] .category-item.active,
html[data-theme="leovegas"] .pm-time-btn.active {
    background: var(--blue-gradient) !important;
    border-color: rgba(255, 98, 0, 0.55) !important;
    color: #fff !important;
}

html[data-theme="leovegas"] a:hover,
html[data-theme="leovegas"] .nav-link:hover,
html[data-theme="leovegas"] .nav-link.active {
    color: #FF6200 !important;
}

html[data-theme="leovegas"] .main-header,
html[data-theme="leovegas"] .telegram-banner {
    background: rgba(10, 10, 10, 0.92) !important;
    border-bottom-color: rgba(255, 98, 0, 0.25) !important;
}

html[data-theme="leovegas"] .casinoGameItem:hover,
html[data-theme="leovegas"] .game-card:hover {
    box-shadow: 0 0 0 2px rgba(255, 98, 0, 0.55), 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}

/* Mobil gövde */
html[data-theme="leovegas"] body {
    background: linear-gradient(180deg, #0a0a0a 0%, #111 100%) !important;
}

html[data-theme="leovegas"] .mobile-header,
html[data-theme="leovegas"] .mobile-bottom-nav,
html[data-theme="leovegas"] .mobile-category-nav {
    background: #0a0a0a !important;
    border-color: rgba(255, 98, 0, 0.2) !important;
}

html[data-theme="leovegas"] .mobile-nav-item.active,
html[data-theme="leovegas"] .mobile-nav-item.active i,
html[data-theme="leovegas"] .mobile-nav-item.active span {
    color: #FF6200 !important;
}

html[data-theme="leovegas"] .pm-time-btn.active,
html[data-theme="leovegas"] .pm-sport-chip.active {
    background: linear-gradient(135deg, #FF6200, #E04F00) !important;
    color: #fff !important;
}

/* Genel yüzey kartları */
html[data-theme="leovegas"] .content-card,
html[data-theme="leovegas"] .upcoming-matches-section,
html[data-theme="leovegas"] .pm-upcoming {
    background: var(--theme-surface) !important;
    border-color: rgba(255, 98, 0, 0.15) !important;
}

/* Spinner / accent çizgiler */
html[data-theme="leovegas"] .spinner,
html[data-theme="leovegas"] .mobile-spinner {
    border-top-color: #FF6200 !important;
}