/**
 * Valor Shield - Seasonal Theme Styles
 * Each theme overrides CSS custom properties
 */

/* ============ BASE THEME VARIABLES ============ */
:root {
    --theme-primary: #3B9EFF;
    --theme-secondary: #2563eb;
    --theme-accent: #8b5cf6;
    --theme-glow: rgba(59, 158, 255, 0.3);
}

/* ============ CHRISTMAS ============ */
[data-theme="christmas"] {
    --theme-primary: #dc2626;
    --theme-secondary: #16a34a;
    --theme-accent: #fbbf24;
    --theme-glow: rgba(220, 38, 38, 0.3);
}

[data-theme="christmas"] .bg-primary { background-color: #dc2626 !important; }
[data-theme="christmas"] .bg-primary\/10 { background-color: rgba(220, 38, 38, 0.1) !important; }
[data-theme="christmas"] .bg-primary\/20 { background-color: rgba(220, 38, 38, 0.2) !important; }
[data-theme="christmas"] .text-primary { color: #dc2626 !important; }
[data-theme="christmas"] .border-primary { border-color: #dc2626 !important; }
[data-theme="christmas"] .border-primary\/20 { border-color: rgba(220, 38, 38, 0.2) !important; }
[data-theme="christmas"] .border-primary\/30 { border-color: rgba(220, 38, 38, 0.3) !important; }
[data-theme="christmas"] .border-primary\/50 { border-color: rgba(220, 38, 38, 0.5) !important; }
[data-theme="christmas"] .hover\:bg-primary:hover { background-color: #dc2626 !important; }
[data-theme="christmas"] .hover\:text-primary:hover { color: #dc2626 !important; }
[data-theme="christmas"] .hover\:border-primary:hover { border-color: #dc2626 !important; }
[data-theme="christmas"] .hover\:border-primary\/50:hover { border-color: rgba(220, 38, 38, 0.5) !important; }
[data-theme="christmas"] .from-primary { --tw-gradient-from: #dc2626 !important; }
[data-theme="christmas"] .to-primary { --tw-gradient-to: #dc2626 !important; }
[data-theme="christmas"] .via-purple-500 { --tw-gradient-via: #16a34a !important; }
[data-theme="christmas"] .focus\:ring-primary:focus { --tw-ring-color: #dc2626 !important; }
[data-theme="christmas"] .focus\:border-primary:focus { border-color: #dc2626 !important; }

/* ============ NEW YEAR ============ */
[data-theme="newyear"] {
    --theme-primary: #fbbf24;
    --theme-secondary: #c0c0c0;
    --theme-accent: #f59e0b;
    --theme-glow: rgba(251, 191, 36, 0.3);
}

[data-theme="newyear"] .bg-primary { background-color: #fbbf24 !important; }
[data-theme="newyear"] .bg-primary\/10 { background-color: rgba(251, 191, 36, 0.1) !important; }
[data-theme="newyear"] .bg-primary\/20 { background-color: rgba(251, 191, 36, 0.2) !important; }
[data-theme="newyear"] .text-primary { color: #fbbf24 !important; }
[data-theme="newyear"] .border-primary { border-color: #fbbf24 !important; }
[data-theme="newyear"] .border-primary\/20 { border-color: rgba(251, 191, 36, 0.2) !important; }
[data-theme="newyear"] .border-primary\/30 { border-color: rgba(251, 191, 36, 0.3) !important; }
[data-theme="newyear"] .border-primary\/50 { border-color: rgba(251, 191, 36, 0.5) !important; }
[data-theme="newyear"] .hover\:bg-primary:hover { background-color: #fbbf24 !important; }
[data-theme="newyear"] .hover\:text-primary:hover { color: #fbbf24 !important; }
[data-theme="newyear"] .hover\:border-primary:hover { border-color: #fbbf24 !important; }
[data-theme="newyear"] .hover\:border-primary\/50:hover { border-color: rgba(251, 191, 36, 0.5) !important; }
[data-theme="newyear"] .from-primary { --tw-gradient-from: #fbbf24 !important; }
[data-theme="newyear"] .to-primary { --tw-gradient-to: #fbbf24 !important; }
[data-theme="newyear"] .via-purple-500 { --tw-gradient-via: #f59e0b !important; }
[data-theme="newyear"] .focus\:ring-primary:focus { --tw-ring-color: #fbbf24 !important; }
[data-theme="newyear"] .focus\:border-primary:focus { border-color: #fbbf24 !important; }
[data-theme="newyear"] .bg-primary { color: #1a1a2e !important; } /* Dark text on gold */

/* ============ VALENTINE ============ */
[data-theme="valentine"] {
    --theme-primary: #ec4899;
    --theme-secondary: #f43f5e;
    --theme-accent: #fb7185;
    --theme-glow: rgba(236, 72, 153, 0.3);
}

[data-theme="valentine"] .bg-primary { background-color: #ec4899 !important; }
[data-theme="valentine"] .bg-primary\/10 { background-color: rgba(236, 72, 153, 0.1) !important; }
[data-theme="valentine"] .bg-primary\/20 { background-color: rgba(236, 72, 153, 0.2) !important; }
[data-theme="valentine"] .text-primary { color: #ec4899 !important; }
[data-theme="valentine"] .border-primary { border-color: #ec4899 !important; }
[data-theme="valentine"] .border-primary\/20 { border-color: rgba(236, 72, 153, 0.2) !important; }
[data-theme="valentine"] .border-primary\/30 { border-color: rgba(236, 72, 153, 0.3) !important; }
[data-theme="valentine"] .border-primary\/50 { border-color: rgba(236, 72, 153, 0.5) !important; }
[data-theme="valentine"] .hover\:bg-primary:hover { background-color: #ec4899 !important; }
[data-theme="valentine"] .hover\:text-primary:hover { color: #ec4899 !important; }
[data-theme="valentine"] .hover\:border-primary:hover { border-color: #ec4899 !important; }
[data-theme="valentine"] .hover\:border-primary\/50:hover { border-color: rgba(236, 72, 153, 0.5) !important; }
[data-theme="valentine"] .from-primary { --tw-gradient-from: #ec4899 !important; }
[data-theme="valentine"] .to-primary { --tw-gradient-to: #ec4899 !important; }
[data-theme="valentine"] .via-purple-500 { --tw-gradient-via: #f43f5e !important; }
[data-theme="valentine"] .focus\:ring-primary:focus { --tw-ring-color: #ec4899 !important; }
[data-theme="valentine"] .focus\:border-primary:focus { border-color: #ec4899 !important; }

/* ============ ST PATRICKS ============ */
[data-theme="stpatricks"] {
    --theme-primary: #16a34a;
    --theme-secondary: #22c55e;
    --theme-accent: #fbbf24;
    --theme-glow: rgba(22, 163, 74, 0.3);
}

[data-theme="stpatricks"] .bg-primary { background-color: #16a34a !important; }
[data-theme="stpatricks"] .bg-primary\/10 { background-color: rgba(22, 163, 74, 0.1) !important; }
[data-theme="stpatricks"] .bg-primary\/20 { background-color: rgba(22, 163, 74, 0.2) !important; }
[data-theme="stpatricks"] .text-primary { color: #16a34a !important; }
[data-theme="stpatricks"] .border-primary { border-color: #16a34a !important; }
[data-theme="stpatricks"] .border-primary\/20 { border-color: rgba(22, 163, 74, 0.2) !important; }
[data-theme="stpatricks"] .border-primary\/30 { border-color: rgba(22, 163, 74, 0.3) !important; }
[data-theme="stpatricks"] .border-primary\/50 { border-color: rgba(22, 163, 74, 0.5) !important; }
[data-theme="stpatricks"] .hover\:bg-primary:hover { background-color: #16a34a !important; }
[data-theme="stpatricks"] .hover\:text-primary:hover { color: #16a34a !important; }
[data-theme="stpatricks"] .hover\:border-primary:hover { border-color: #16a34a !important; }
[data-theme="stpatricks"] .hover\:border-primary\/50:hover { border-color: rgba(22, 163, 74, 0.5) !important; }
[data-theme="stpatricks"] .from-primary { --tw-gradient-from: #16a34a !important; }
[data-theme="stpatricks"] .to-primary { --tw-gradient-to: #16a34a !important; }
[data-theme="stpatricks"] .via-purple-500 { --tw-gradient-via: #22c55e !important; }
[data-theme="stpatricks"] .focus\:ring-primary:focus { --tw-ring-color: #16a34a !important; }
[data-theme="stpatricks"] .focus\:border-primary:focus { border-color: #16a34a !important; }

/* ============ EASTER ============ */
[data-theme="easter"] {
    --theme-primary: #a78bfa;
    --theme-secondary: #f472b6;
    --theme-accent: #fcd34d;
    --theme-glow: rgba(167, 139, 250, 0.3);
}

[data-theme="easter"] .bg-primary { background-color: #a78bfa !important; }
[data-theme="easter"] .bg-primary\/10 { background-color: rgba(167, 139, 250, 0.1) !important; }
[data-theme="easter"] .bg-primary\/20 { background-color: rgba(167, 139, 250, 0.2) !important; }
[data-theme="easter"] .text-primary { color: #a78bfa !important; }
[data-theme="easter"] .border-primary { border-color: #a78bfa !important; }
[data-theme="easter"] .border-primary\/20 { border-color: rgba(167, 139, 250, 0.2) !important; }
[data-theme="easter"] .border-primary\/30 { border-color: rgba(167, 139, 250, 0.3) !important; }
[data-theme="easter"] .border-primary\/50 { border-color: rgba(167, 139, 250, 0.5) !important; }
[data-theme="easter"] .hover\:bg-primary:hover { background-color: #a78bfa !important; }
[data-theme="easter"] .hover\:text-primary:hover { color: #a78bfa !important; }
[data-theme="easter"] .hover\:border-primary:hover { border-color: #a78bfa !important; }
[data-theme="easter"] .hover\:border-primary\/50:hover { border-color: rgba(167, 139, 250, 0.5) !important; }
[data-theme="easter"] .from-primary { --tw-gradient-from: #a78bfa !important; }
[data-theme="easter"] .to-primary { --tw-gradient-to: #a78bfa !important; }
[data-theme="easter"] .via-purple-500 { --tw-gradient-via: #f472b6 !important; }
[data-theme="easter"] .focus\:ring-primary:focus { --tw-ring-color: #a78bfa !important; }
[data-theme="easter"] .focus\:border-primary:focus { border-color: #a78bfa !important; }

/* ============ SUMMER ============ */
[data-theme="summer"] {
    --theme-primary: #f97316;
    --theme-secondary: #0ea5e9;
    --theme-accent: #fbbf24;
    --theme-glow: rgba(249, 115, 22, 0.3);
}

[data-theme="summer"] .bg-primary { background-color: #f97316 !important; }
[data-theme="summer"] .bg-primary\/10 { background-color: rgba(249, 115, 22, 0.1) !important; }
[data-theme="summer"] .bg-primary\/20 { background-color: rgba(249, 115, 22, 0.2) !important; }
[data-theme="summer"] .text-primary { color: #f97316 !important; }
[data-theme="summer"] .border-primary { border-color: #f97316 !important; }
[data-theme="summer"] .border-primary\/20 { border-color: rgba(249, 115, 22, 0.2) !important; }
[data-theme="summer"] .border-primary\/30 { border-color: rgba(249, 115, 22, 0.3) !important; }
[data-theme="summer"] .border-primary\/50 { border-color: rgba(249, 115, 22, 0.5) !important; }
[data-theme="summer"] .hover\:bg-primary:hover { background-color: #f97316 !important; }
[data-theme="summer"] .hover\:text-primary:hover { color: #f97316 !important; }
[data-theme="summer"] .hover\:border-primary:hover { border-color: #f97316 !important; }
[data-theme="summer"] .hover\:border-primary\/50:hover { border-color: rgba(249, 115, 22, 0.5) !important; }
[data-theme="summer"] .from-primary { --tw-gradient-from: #f97316 !important; }
[data-theme="summer"] .to-primary { --tw-gradient-to: #f97316 !important; }
[data-theme="summer"] .via-purple-500 { --tw-gradient-via: #fbbf24 !important; }
[data-theme="summer"] .focus\:ring-primary:focus { --tw-ring-color: #f97316 !important; }
[data-theme="summer"] .focus\:border-primary:focus { border-color: #f97316 !important; }

/* ============ HALLOWEEN ============ */
[data-theme="halloween"] {
    --theme-primary: #f97316;
    --theme-secondary: #7c3aed;
    --theme-accent: #22c55e;
    --theme-glow: rgba(249, 115, 22, 0.3);
}

[data-theme="halloween"] .bg-primary { background-color: #f97316 !important; }
[data-theme="halloween"] .bg-primary\/10 { background-color: rgba(249, 115, 22, 0.1) !important; }
[data-theme="halloween"] .bg-primary\/20 { background-color: rgba(249, 115, 22, 0.2) !important; }
[data-theme="halloween"] .text-primary { color: #f97316 !important; }
[data-theme="halloween"] .border-primary { border-color: #f97316 !important; }
[data-theme="halloween"] .border-primary\/20 { border-color: rgba(249, 115, 22, 0.2) !important; }
[data-theme="halloween"] .border-primary\/30 { border-color: rgba(249, 115, 22, 0.3) !important; }
[data-theme="halloween"] .border-primary\/50 { border-color: rgba(249, 115, 22, 0.5) !important; }
[data-theme="halloween"] .hover\:bg-primary:hover { background-color: #f97316 !important; }
[data-theme="halloween"] .hover\:text-primary:hover { color: #f97316 !important; }
[data-theme="halloween"] .hover\:border-primary:hover { border-color: #f97316 !important; }
[data-theme="halloween"] .hover\:border-primary\/50:hover { border-color: rgba(249, 115, 22, 0.5) !important; }
[data-theme="halloween"] .from-primary { --tw-gradient-from: #f97316 !important; }
[data-theme="halloween"] .to-primary { --tw-gradient-to: #f97316 !important; }
[data-theme="halloween"] .via-purple-500 { --tw-gradient-via: #7c3aed !important; }
[data-theme="halloween"] .focus\:ring-primary:focus { --tw-ring-color: #f97316 !important; }
[data-theme="halloween"] .focus\:border-primary:focus { border-color: #f97316 !important; }

/* Halloween fog overlay */
[data-theme="halloween"]::before {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30vh;
    background: linear-gradient(to top, rgba(124, 58, 237, 0.15), transparent);
    pointer-events: none;
    z-index: 9998;
}

/* ============ THANKSGIVING ============ */
[data-theme="thanksgiving"] {
    --theme-primary: #d97706;
    --theme-secondary: #dc2626;
    --theme-accent: #854d0e;
    --theme-glow: rgba(217, 119, 6, 0.3);
}

[data-theme="thanksgiving"] .bg-primary { background-color: #d97706 !important; }
[data-theme="thanksgiving"] .bg-primary\/10 { background-color: rgba(217, 119, 6, 0.1) !important; }
[data-theme="thanksgiving"] .bg-primary\/20 { background-color: rgba(217, 119, 6, 0.2) !important; }
[data-theme="thanksgiving"] .text-primary { color: #d97706 !important; }
[data-theme="thanksgiving"] .border-primary { border-color: #d97706 !important; }
[data-theme="thanksgiving"] .border-primary\/20 { border-color: rgba(217, 119, 6, 0.2) !important; }
[data-theme="thanksgiving"] .border-primary\/30 { border-color: rgba(217, 119, 6, 0.3) !important; }
[data-theme="thanksgiving"] .border-primary\/50 { border-color: rgba(217, 119, 6, 0.5) !important; }
[data-theme="thanksgiving"] .hover\:bg-primary:hover { background-color: #d97706 !important; }
[data-theme="thanksgiving"] .hover\:text-primary:hover { color: #d97706 !important; }
[data-theme="thanksgiving"] .hover\:border-primary:hover { border-color: #d97706 !important; }
[data-theme="thanksgiving"] .hover\:border-primary\/50:hover { border-color: rgba(217, 119, 6, 0.5) !important; }
[data-theme="thanksgiving"] .from-primary { --tw-gradient-from: #d97706 !important; }
[data-theme="thanksgiving"] .to-primary { --tw-gradient-to: #d97706 !important; }
[data-theme="thanksgiving"] .via-purple-500 { --tw-gradient-via: #dc2626 !important; }
[data-theme="thanksgiving"] .focus\:ring-primary:focus { --tw-ring-color: #d97706 !important; }
[data-theme="thanksgiving"] .focus\:border-primary:focus { border-color: #d97706 !important; }

/* ============ DIWALI ============ */
[data-theme="diwali"] {
    --theme-primary: #f59e0b;
    --theme-secondary: #dc2626;
    --theme-accent: #fbbf24;
    --theme-glow: rgba(245, 158, 11, 0.3);
}

[data-theme="diwali"] .bg-primary { background-color: #f59e0b !important; }
[data-theme="diwali"] .bg-primary\/10 { background-color: rgba(245, 158, 11, 0.1) !important; }
[data-theme="diwali"] .bg-primary\/20 { background-color: rgba(245, 158, 11, 0.2) !important; }
[data-theme="diwali"] .text-primary { color: #f59e0b !important; }
[data-theme="diwali"] .border-primary { border-color: #f59e0b !important; }
[data-theme="diwali"] .border-primary\/20 { border-color: rgba(245, 158, 11, 0.2) !important; }
[data-theme="diwali"] .border-primary\/30 { border-color: rgba(245, 158, 11, 0.3) !important; }
[data-theme="diwali"] .border-primary\/50 { border-color: rgba(245, 158, 11, 0.5) !important; }
[data-theme="diwali"] .hover\:bg-primary:hover { background-color: #f59e0b !important; }
[data-theme="diwali"] .hover\:text-primary:hover { color: #f59e0b !important; }
[data-theme="diwali"] .hover\:border-primary:hover { border-color: #f59e0b !important; }
[data-theme="diwali"] .hover\:border-primary\/50:hover { border-color: rgba(245, 158, 11, 0.5) !important; }
[data-theme="diwali"] .from-primary { --tw-gradient-from: #f59e0b !important; }
[data-theme="diwali"] .to-primary { --tw-gradient-to: #f59e0b !important; }
[data-theme="diwali"] .via-purple-500 { --tw-gradient-via: #dc2626 !important; }
[data-theme="diwali"] .focus\:ring-primary:focus { --tw-ring-color: #f59e0b !important; }
[data-theme="diwali"] .focus\:border-primary:focus { border-color: #f59e0b !important; }

/* ============ CHINESE NEW YEAR ============ */
[data-theme="chinesenewyear"] {
    --theme-primary: #dc2626;
    --theme-secondary: #fbbf24;
    --theme-accent: #b91c1c;
    --theme-glow: rgba(220, 38, 38, 0.3);
}

[data-theme="chinesenewyear"] .bg-primary { background-color: #dc2626 !important; }
[data-theme="chinesenewyear"] .bg-primary\/10 { background-color: rgba(220, 38, 38, 0.1) !important; }
[data-theme="chinesenewyear"] .bg-primary\/20 { background-color: rgba(220, 38, 38, 0.2) !important; }
[data-theme="chinesenewyear"] .text-primary { color: #dc2626 !important; }
[data-theme="chinesenewyear"] .border-primary { border-color: #dc2626 !important; }
[data-theme="chinesenewyear"] .border-primary\/20 { border-color: rgba(220, 38, 38, 0.2) !important; }
[data-theme="chinesenewyear"] .border-primary\/30 { border-color: rgba(220, 38, 38, 0.3) !important; }
[data-theme="chinesenewyear"] .border-primary\/50 { border-color: rgba(220, 38, 38, 0.5) !important; }
[data-theme="chinesenewyear"] .hover\:bg-primary:hover { background-color: #dc2626 !important; }
[data-theme="chinesenewyear"] .hover\:text-primary:hover { color: #dc2626 !important; }
[data-theme="chinesenewyear"] .hover\:border-primary:hover { border-color: #dc2626 !important; }
[data-theme="chinesenewyear"] .hover\:border-primary\/50:hover { border-color: rgba(220, 38, 38, 0.5) !important; }
[data-theme="chinesenewyear"] .from-primary { --tw-gradient-from: #dc2626 !important; }
[data-theme="chinesenewyear"] .to-primary { --tw-gradient-to: #dc2626 !important; }
[data-theme="chinesenewyear"] .via-purple-500 { --tw-gradient-via: #fbbf24 !important; }
[data-theme="chinesenewyear"] .focus\:ring-primary:focus { --tw-ring-color: #dc2626 !important; }
[data-theme="chinesenewyear"] .focus\:border-primary:focus { border-color: #dc2626 !important; }

/* ============ CYBER MONDAY ============ */
[data-theme="cybermonday"] {
    --theme-primary: #8b5cf6;
    --theme-secondary: #06b6d4;
    --theme-accent: #ec4899;
    --theme-glow: rgba(139, 92, 246, 0.3);
}

[data-theme="cybermonday"] .bg-primary { background-color: #8b5cf6 !important; }
[data-theme="cybermonday"] .bg-primary\/10 { background-color: rgba(139, 92, 246, 0.1) !important; }
[data-theme="cybermonday"] .bg-primary\/20 { background-color: rgba(139, 92, 246, 0.2) !important; }
[data-theme="cybermonday"] .text-primary { color: #8b5cf6 !important; }
[data-theme="cybermonday"] .border-primary { border-color: #8b5cf6 !important; }
[data-theme="cybermonday"] .border-primary\/20 { border-color: rgba(139, 92, 246, 0.2) !important; }
[data-theme="cybermonday"] .border-primary\/30 { border-color: rgba(139, 92, 246, 0.3) !important; }
[data-theme="cybermonday"] .border-primary\/50 { border-color: rgba(139, 92, 246, 0.5) !important; }
[data-theme="cybermonday"] .hover\:bg-primary:hover { background-color: #8b5cf6 !important; }
[data-theme="cybermonday"] .hover\:text-primary:hover { color: #8b5cf6 !important; }
[data-theme="cybermonday"] .hover\:border-primary:hover { border-color: #8b5cf6 !important; }
[data-theme="cybermonday"] .hover\:border-primary\/50:hover { border-color: rgba(139, 92, 246, 0.5) !important; }
[data-theme="cybermonday"] .from-primary { --tw-gradient-from: #8b5cf6 !important; }
[data-theme="cybermonday"] .to-primary { --tw-gradient-to: #8b5cf6 !important; }
[data-theme="cybermonday"] .via-purple-500 { --tw-gradient-via: #06b6d4 !important; }
[data-theme="cybermonday"] .focus\:ring-primary:focus { --tw-ring-color: #8b5cf6 !important; }
[data-theme="cybermonday"] .focus\:border-primary:focus { border-color: #8b5cf6 !important; }

/* Cyber Monday neon glow effect */
[data-theme="cybermonday"] .bg-primary,
[data-theme="cybermonday"] button[type="submit"] {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.5), 0 0 40px rgba(6, 182, 212, 0.3) !important;
    animation: neonPulse 2s ease-in-out infinite;
}

@keyframes neonPulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.5), 0 0 40px rgba(6, 182, 212, 0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(139, 92, 246, 0.8), 0 0 60px rgba(6, 182, 212, 0.5);
    }
}

/* Cyber Monday scanline effect */
[data-theme="cybermonday"]::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 0, 0, 0.03) 2px,
        rgba(0, 0, 0, 0.03) 4px
    );
    pointer-events: none;
    z-index: 9997;
}

/* ============ THEME BADGE ============ */
.theme-badge {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid var(--theme-primary);
    border-radius: 12px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 9996;
    font-size: 12px;
    color: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.theme-badge i {
    color: var(--theme-primary);
}

.theme-badge span {
    color: var(--theme-primary);
    font-weight: 600;
}

/* Hide badge on mobile for cleaner experience */
@media (max-width: 640px) {
    .theme-badge {
        display: none;
    }
}