/**
 * Theme presets t1–t5 — грузится ПОСЛЕ styles.php (иначе база всё перебивает).
 * t2 + Natural Dark: site-natural-dark.css
 */

/* ── shared card targets ── */
body:not(.landing-rating-only) .glass-card,
body:not(.landing-rating-only) .content-wrapper,
body:not(.landing-rating-only) .hero-value,
body:not(.landing-rating-only) .hero-quicklinks,
body:not(.landing-rating-only) .quicklink-item,
body:not(.landing-rating-only) .slot-card,
body:not(.landing-rating-only) .slot-card-inner,
body:not(.landing-rating-only) .slots-dashboard,
body:not(.landing-rating-only) .faq-item,
body:not(.landing-rating-only) .faq-section,
body:not(.landing-rating-only) .spot-cta-inner,
body:not(.landing-rating-only) .action-block,
body:not(.landing-rating-only) .page-thematic-block,
body:not(.landing-rating-only) .related-sections,
body:not(.landing-rating-only) .bonus-calculator-widget,
body:not(.landing-rating-only) .promo-timer-widget {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

/* ═══════════════════════════════════════════
   t1 Premium — glow, мягкие углы, «дорого»
   ═══════════════════════════════════════════ */
body.theme-t1:not(.landing-rating-only) {
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 26px;
    background:
        radial-gradient(ellipse 120% 80% at 100% -20%, rgba(var(--brand-rgb), 0.22) 0%, transparent 55%),
        radial-gradient(circle at 0% 100%, rgba(var(--brand-rgb), 0.12) 0%, transparent 45%),
        linear-gradient(165deg, #0a1628 0%, var(--surface-deep) 42%, #12102a 100%) !important;
}

body.theme-t1:not(.landing-rating-only) .header {
    background: rgba(8, 14, 28, 0.88) !important;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.28) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 40px rgba(var(--brand-rgb), 0.08) !important;
}

body.theme-t1:not(.landing-rating-only) .glass-card,
body.theme-t1:not(.landing-rating-only) .content-wrapper,
body.theme-t1:not(.landing-rating-only) .hero-value,
body.theme-t1:not(.landing-rating-only) .slot-card-inner,
body.theme-t1:not(.landing-rating-only) .faq-item {
    background: linear-gradient(145deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(0, 0, 0, 0.35) 100%) !important;
    border: 1px solid rgba(var(--brand-rgb), 0.28) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 24px rgba(var(--brand-rgb), 0.12) !important;
}

body.theme-t1:not(.landing-rating-only) .glass-card:hover,
body.theme-t1:not(.landing-rating-only) .slot-card:hover,
body.theme-t1:not(.landing-rating-only) .quicklink-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.4), 0 0 32px rgba(var(--brand-rgb), 0.22) !important;
}

body.theme-t1:not(.landing-rating-only) .btn-primary,
body.theme-t1:not(.landing-rating-only) .btn-cta {
    box-shadow: 0 8px 28px rgba(var(--brand-rgb), 0.45) !important;
}

body.theme-t1:not(.landing-rating-only) .gradient-text,
body.theme-t1:not(.landing-rating-only) .main-title.gradient-text {
    filter: drop-shadow(0 0 12px rgba(var(--brand-rgb), 0.35));
}

/* ═══════════════════════════════════════════
   t2 Clean — базовый тёмный (детали в site-natural-dark.css)
   ═══════════════════════════════════════════ */
body.theme-t2:not(.landing-rating-only) {
    --radius-md: 10px;
    --radius-lg: 12px;
    line-height: 1.65;
}

/* ═══════════════════════════════════════════
   t3 Glass — frosted, сильный blur
   ═══════════════════════════════════════════ */
body.theme-t3:not(.landing-rating-only) {
    --radius-md: 18px;
    --radius-lg: 22px;
    --radius-xl: 28px;
    background:
        radial-gradient(circle at 20% 0%, rgba(var(--brand-rgb), 0.18) 0%, transparent 40%),
        radial-gradient(circle at 80% 100%, rgba(120, 180, 255, 0.08) 0%, transparent 38%),
        linear-gradient(180deg, #0d1117 0%, #161b22 50%, #0f1419 100%) !important;
}

body.theme-t3:not(.landing-rating-only) .header {
    background: rgba(13, 17, 23, 0.55) !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.theme-t3:not(.landing-rating-only) .glass-card,
body.theme-t3:not(.landing-rating-only) .content-wrapper,
body.theme-t3:not(.landing-rating-only) .hero-value,
body.theme-t3:not(.landing-rating-only) .hero-quicklinks,
body.theme-t3:not(.landing-rating-only) .quicklink-item,
body.theme-t3:not(.landing-rating-only) .slot-card-inner,
body.theme-t3:not(.landing-rating-only) .faq-item,
body.theme-t3:not(.landing-rating-only) .slots-dashboard,
body.theme-t3:not(.landing-rating-only) .spot-cta-inner,
body.theme-t3:not(.landing-rating-only) .action-block {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(22px) saturate(1.35) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.theme-t3:not(.landing-rating-only) .glass-card:hover,
body.theme-t3:not(.landing-rating-only) .quicklink-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-4px) !important;
}

body.theme-t3:not(.landing-rating-only) .nav-link:hover,
body.theme-t3:not(.landing-rating-only) .nav-link.active {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ═══════════════════════════════════════════
   t4 Light — светлая тема
   ═══════════════════════════════════════════ */
body.theme-t4:not(.landing-rating-only) {
    --content-main: #1e293b;
    --content-high: #0f172a;
    --content-dim: #475569;
    --content-muted: #64748b;
    --glass-bg: rgba(255, 255, 255, 0.92);
    --glass-edge: rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important;
    color: #1e293b !important;
}

body.theme-t4:not(.landing-rating-only) .header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

body.theme-t4:not(.landing-rating-only) .nav-link {
    color: #334155 !important;
}

body.theme-t4:not(.landing-rating-only) .nav-link:hover,
body.theme-t4:not(.landing-rating-only) .nav-link.active {
    color: var(--brand-primary) !important;
    background: rgba(var(--brand-rgb), 0.1) !important;
}

body.theme-t4:not(.landing-rating-only) .main,
body.theme-t4:not(.landing-rating-only) .article-content,
body.theme-t4:not(.landing-rating-only) .article-content p,
body.theme-t4:not(.landing-rating-only) .faq-answer {
    color: #475569 !important;
}

body.theme-t4:not(.landing-rating-only) .main-title,
body.theme-t4:not(.landing-rating-only) .article-content h2,
body.theme-t4:not(.landing-rating-only) .faq-question {
    color: #0f172a !important;
}

body.theme-t4:not(.landing-rating-only) .glass-card,
body.theme-t4:not(.landing-rating-only) .content-wrapper,
body.theme-t4:not(.landing-rating-only) .hero-value,
body.theme-t4:not(.landing-rating-only) .slot-card-inner,
body.theme-t4:not(.landing-rating-only) .faq-item,
body.theme-t4:not(.landing-rating-only) .quicklink-item,
body.theme-t4:not(.landing-rating-only) .action-block,
body.theme-t4:not(.landing-rating-only) .spot-cta-inner {
    background: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08) !important;
}

body.theme-t4:not(.landing-rating-only) .site-footer {
    background: #f1f5f9 !important;
    border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
    color: #64748b !important;
}

body.theme-t4:not(.landing-rating-only) .gradient-text,
body.theme-t4:not(.landing-rating-only) .main-title.gradient-text {
    background: linear-gradient(105deg, #0f172a 10%, var(--brand-primary) 55%, var(--brand-primary-dark) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.theme-t4:not(.landing-rating-only) .background-effects {
    display: none !important;
}

/* ═══════════════════════════════════════════
   t5 Sharp — чёрный, острые углы, без blur
   ═══════════════════════════════════════════ */
body.theme-t5:not(.landing-rating-only) {
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-xl: 8px;
    background: #050505 !important;
    color: #e5e5e5 !important;
}

body.theme-t5:not(.landing-rating-only) .header {
    background: #0a0a0a !important;
    border-bottom: 2px solid var(--brand-primary) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.theme-t5:not(.landing-rating-only) .nav-link {
    color: #a3a3a3 !important;
    border-radius: 2px !important;
}

body.theme-t5:not(.landing-rating-only) .nav-link:hover,
body.theme-t5:not(.landing-rating-only) .nav-link.active {
    color: #fff !important;
    background: var(--brand-primary) !important;
}

body.theme-t5:not(.landing-rating-only) .glass-card,
body.theme-t5:not(.landing-rating-only) .content-wrapper,
body.theme-t5:not(.landing-rating-only) .hero-value,
body.theme-t5:not(.landing-rating-only) .hero-quicklinks,
body.theme-t5:not(.landing-rating-only) .quicklink-item,
body.theme-t5:not(.landing-rating-only) .slot-card-inner,
body.theme-t5:not(.landing-rating-only) .faq-item,
body.theme-t5:not(.landing-rating-only) .slots-dashboard,
body.theme-t5:not(.landing-rating-only) .action-block,
body.theme-t5:not(.landing-rating-only) .spot-cta-inner {
    background: #111 !important;
    border: 1px solid #333 !important;
    border-radius: var(--radius-md) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

body.theme-t5:not(.landing-rating-only) .glass-card:hover,
body.theme-t5:not(.landing-rating-only) .slot-card:hover,
body.theme-t5:not(.landing-rating-only) .quicklink-item:hover {
    transform: none !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 4px 4px 0 rgba(var(--brand-rgb), 0.35) !important;
}

body.theme-t5:not(.landing-rating-only) .btn-primary,
body.theme-t5:not(.landing-rating-only) .btn-cta {
    border-radius: 4px !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8) !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700 !important;
}

body.theme-t5:not(.landing-rating-only) .gradient-text,
body.theme-t5:not(.landing-rating-only) .main-title.gradient-text {
    background: none !important;
    -webkit-text-fill-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    filter: none !important;
}

body.theme-t5:not(.landing-rating-only) .site-footer {
    background: #0a0a0a !important;
    border-top: 2px solid #222 !important;
}

body.theme-t5:not(.landing-rating-only) .background-effects {
    display: none !important;
}