/* ================================================
   SITE THEMES - 3 variants
   Applied via body class: .theme-midnight / .theme-corporate / .theme-neon
   ================================================ */

/* ========== THEME 1: MIDNIGHT TECH (default) ========== */
body.theme-midnight {
    --primary: #F97316;
    --primary-dark: #EA580C;
    --primary-light: #FB923C;
    --dark: #0B0F1A;
    --dark-secondary: #1E293B;
    --dark-card: #1E293B;
    --dark-border: #334155;
    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --radius-md: 16px;
    --radius-lg: 20px;
}

/* ========== THEME 2: CLEAN CORPORATE ========== */
body.theme-corporate {
    --primary: #2563EB;
    --primary-dark: #1D4ED8;
    --primary-light: #3B82F6;
    --dark: #FFFFFF;
    --dark-secondary: #F8FAFC;
    --dark-card: #FFFFFF;
    --dark-border: #E2E8F0;
    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --radius-md: 10px;
    --radius-lg: 12px;
    background-color: #FFFFFF !important;
    color: #0F172A !important;
}
body.theme-corporate .text-secondary { color: #64748B !important; }
body.theme-corporate .text-muted { color: #94A3B8 !important; }
body.theme-corporate .form-label { color: #334155; }
body.theme-corporate .form-control,
body.theme-corporate .form-select {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    color: #0F172A;
}
body.theme-corporate .form-control::placeholder { color: #94A3B8; }
body.theme-corporate .card-dark,
body.theme-corporate .navbar-main {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    color: #0F172A !important;
    box-shadow: 0 4px 20px rgba(15,23,42,0.05);
    backdrop-filter: none !important;
}
body.theme-corporate .navbar-main { border-bottom: 1px solid #E2E8F0 !important; border-radius: 0 !important; }
body.theme-corporate .hero-section,
body.theme-corporate .page-hero,
body.theme-corporate .promo-hero,
body.theme-corporate .service-hero {
    background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 50%, #F8FAFC 100%) !important;
    color: #0F172A !important;
}
body.theme-corporate .hero-title,
body.theme-corporate .page-hero-title,
body.theme-corporate .section-title,
body.theme-corporate h1,
body.theme-corporate h2,
body.theme-corporate h3,
body.theme-corporate h4,
body.theme-corporate h5 { color: #0F172A !important; }
body.theme-corporate .hero-subtitle,
body.theme-corporate .section-subtitle,
body.theme-corporate .page-hero-desc { color: #64748B !important; }
body.theme-corporate .gradient-text { background: linear-gradient(135deg, #2563EB, #3B82F6) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-corporate .btn-primary-custom {
    background: #2563EB !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(37,99,235,0.3) !important;
}
body.theme-corporate .btn-primary-custom:hover { background: #1D4ED8 !important; }
body.theme-corporate .btn-outline-custom {
    background: transparent !important;
    border: 2px solid #2563EB !important;
    color: #2563EB !important;
}
body.theme-corporate .feature-card,
body.theme-corporate .service-card,
body.theme-corporate .step-card,
body.theme-corporate .svc-card,
body.theme-corporate .stat-card,
body.theme-corporate .cta-card,
body.theme-corporate .desc-card,
body.theme-corporate .plan-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    color: #0F172A !important;
    box-shadow: 0 2px 12px rgba(15,23,42,0.05);
    backdrop-filter: none !important;
}
body.theme-corporate .feature-card p,
body.theme-corporate .service-card p,
body.theme-corporate .svc-desc,
body.theme-corporate .step-card p { color: #64748B !important; }
body.theme-corporate .plan-price,
body.theme-corporate .svc-price-value,
body.theme-corporate .price-tag,
body.theme-corporate .promo-price-new {
    background: linear-gradient(135deg, #2563EB, #3B82F6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
body.theme-corporate .plan-btn,
body.theme-corporate .svc-btn,
body.theme-corporate .service-btn {
    background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
    color: #fff !important;
}
body.theme-corporate .plan-btn-outline {
    background: transparent !important;
    border: 2px solid #2563EB !important;
    color: #2563EB !important;
}
body.theme-corporate .section-label,
body.theme-corporate .bundle-label,
body.theme-corporate .promo-label { color: #2563EB !important; }
body.theme-corporate .section-label::before,
body.theme-corporate .bundle-label::before { background: #2563EB !important; }
body.theme-corporate .footer {
    background: #F8FAFC !important;
    border-top: 1px solid #E2E8F0 !important;
    color: #64748B !important;
}
body.theme-corporate .nav-user-btn,
body.theme-corporate .navbar-main .navbar-brand,
body.theme-corporate .navbar-main .nav-link { color: #0F172A !important; }
body.theme-corporate .nav-credit-badge {
    background: #F1F5F9 !important;
    color: #0F172A !important;
    border: 1px solid #E2E8F0 !important;
}
body.theme-corporate .hero-badge { background: #EFF6FF !important; border: 1px solid #BFDBFE !important; color: #2563EB !important; }
body.theme-corporate .trust-badge { background: #F8FAFC !important; border: 1px solid #E2E8F0 !important; color: #475569 !important; }
body.theme-corporate .payment-pill { background: #F1F5F9 !important; border: 1px solid #E2E8F0 !important; color: #334155 !important; }
body.theme-corporate .fab-main { background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; box-shadow: 0 10px 30px rgba(37,99,235,0.4), 0 0 0 0 rgba(37,99,235,0.5) !important; }
body.theme-corporate .plan-popular-badge { background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; }
body.theme-corporate .seo-h1-content strong,
body.theme-corporate .seo-h1-content a { color: #2563EB !important; }
body.theme-corporate .seo-h1-content h1,
body.theme-corporate .seo-h1-content h2,
body.theme-corporate .seo-h1-content h3 { color: #0F172A !important; }
body.theme-corporate .seo-h1-content,
body.theme-corporate .seo-h1-content p,
body.theme-corporate .seo-h1-content li { color: #475569 !important; }


/* ========== THEME 3: NEON GAMER ========== */
body.theme-neon {
    --primary: #A855F7;
    --primary-dark: #7C3AED;
    --primary-light: #C084FC;
    --dark: #09011C;
    --dark-secondary: #1A0B2E;
    --dark-card: #1A0B2E;
    --dark-border: #3B1F5E;
    --text-primary: #FAFAFA;
    --text-secondary: #C4B5FD;
    --radius-md: 20px;
    --radius-lg: 28px;
    background: radial-gradient(ellipse at top, #1A0B2E 0%, #09011C 70%) !important;
    color: #FAFAFA !important;
}
body.theme-neon .navbar-main {
    background: rgba(9,1,28,0.85) !important;
    border-bottom: 1px solid rgba(168,85,247,0.3) !important;
}
body.theme-neon .hero-section,
body.theme-neon .page-hero,
body.theme-neon .promo-hero,
body.theme-neon .service-hero {
    background: radial-gradient(ellipse at top right, rgba(168,85,247,0.15) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(236,72,153,0.12) 0%, transparent 50%), #09011C !important;
}
body.theme-neon .hero-title,
body.theme-neon .section-title,
body.theme-neon .page-hero-title,
body.theme-neon .promo-hero-title,
body.theme-neon h1,
body.theme-neon h2,
body.theme-neon h3,
body.theme-neon h4,
body.theme-neon h5 { color: #FAFAFA !important; }
body.theme-neon .gradient-text { background: linear-gradient(135deg, #A855F7, #EC4899, #F472B6) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-neon .btn-primary-custom {
    background: linear-gradient(135deg, #A855F7, #EC4899) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 0 30px rgba(168,85,247,0.5), 0 8px 25px rgba(236,72,153,0.3) !important;
    border-radius: 14px !important;
}
body.theme-neon .btn-outline-custom {
    background: transparent !important;
    border: 2px solid #A855F7 !important;
    color: #C4B5FD !important;
}
body.theme-neon .card-dark,
body.theme-neon .feature-card,
body.theme-neon .service-card,
body.theme-neon .step-card,
body.theme-neon .svc-card,
body.theme-neon .stat-card,
body.theme-neon .cta-card,
body.theme-neon .desc-card,
body.theme-neon .plan-card,
body.theme-neon .promo-card {
    background: linear-gradient(145deg, rgba(26,11,46,0.8), rgba(9,1,28,0.9)) !important;
    border: 1px solid rgba(168,85,247,0.3) !important;
    color: #FAFAFA !important;
    box-shadow: 0 8px 30px rgba(168,85,247,0.08) !important;
    border-radius: 24px !important;
}
body.theme-neon .feature-card:hover,
body.theme-neon .service-card:hover,
body.theme-neon .svc-card:hover,
body.theme-neon .plan-card:hover {
    border-color: rgba(236,72,153,0.6) !important;
    box-shadow: 0 0 40px rgba(168,85,247,0.3), 0 15px 40px rgba(236,72,153,0.2) !important;
}
body.theme-neon .plan-price,
body.theme-neon .svc-price-value,
body.theme-neon .price-tag,
body.theme-neon .promo-price-new {
    background: linear-gradient(135deg, #A855F7, #EC4899, #F472B6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
body.theme-neon .plan-btn,
body.theme-neon .svc-btn,
body.theme-neon .service-btn {
    background: linear-gradient(135deg, #A855F7, #EC4899) !important;
    color: #fff !important;
    box-shadow: 0 0 20px rgba(168,85,247,0.4) !important;
}
body.theme-neon .section-label,
body.theme-neon .bundle-label,
body.theme-neon .promo-label { color: #A855F7 !important; }
body.theme-neon .section-label::before,
body.theme-neon .bundle-label::before { background: linear-gradient(90deg, #A855F7, #EC4899) !important; }
body.theme-neon .text-secondary { color: #C4B5FD !important; }
body.theme-neon .form-control,
body.theme-neon .form-select {
    background: rgba(26,11,46,0.6) !important;
    border: 1px solid rgba(168,85,247,0.3) !important;
    color: #FAFAFA !important;
}
body.theme-neon .form-control:focus,
body.theme-neon .form-select:focus {
    border-color: #A855F7 !important;
    box-shadow: 0 0 0 3px rgba(168,85,247,0.2) !important;
}
body.theme-neon .footer {
    background: linear-gradient(180deg, transparent, rgba(168,85,247,0.08)) !important;
    border-top: 1px solid rgba(168,85,247,0.3) !important;
}
body.theme-neon .fab-main {
    background: linear-gradient(135deg, #A855F7, #EC4899) !important;
    box-shadow: 0 10px 30px rgba(168,85,247,0.5), 0 0 0 0 rgba(236,72,153,0.5) !important;
}
body.theme-neon .hero-badge {
    background: rgba(168,85,247,0.15) !important;
    border: 1px solid rgba(168,85,247,0.4) !important;
    color: #C4B5FD !important;
}
body.theme-neon .trust-badge {
    background: rgba(26,11,46,0.6) !important;
    border: 1px solid rgba(168,85,247,0.3) !important;
    color: #C4B5FD !important;
}
body.theme-neon .plan-popular-badge { background: linear-gradient(135deg, #A855F7, #EC4899) !important; }
body.theme-neon .promo-badge,
body.theme-neon .promo-btn-primary { background: linear-gradient(135deg, #A855F7, #EC4899) !important; }
body.theme-neon .bundle-item { background: linear-gradient(145deg, rgba(26,11,46,0.7), rgba(9,1,28,0.5)) !important; border: 1px solid rgba(168,85,247,0.3) !important; }
body.theme-neon .bundle-plus-icon { background: linear-gradient(135deg, #A855F7, #EC4899) !important; box-shadow: 0 12px 30px rgba(168,85,247,0.5) !important; }
body.theme-neon .seo-h1-content strong { color: #EC4899 !important; }
body.theme-neon .seo-h1-content a { color: #A855F7 !important; }
body.theme-neon .seo-h1-content h1,
body.theme-neon .seo-h1-content h2,
body.theme-neon .seo-h1-content h3 { color: #FAFAFA !important; }