/* Seasonal 3D Matrix Background Styles */

#seasonal-matrix-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 1;
    transition: opacity 1s ease;
}

/* Seasonal body overlays */
body.season-winter {
    --season-primary: rgba(139, 164, 246, 0.05);
    --season-secondary: rgba(99, 102, 241, 0.03);
}

body.season-spring {
    --season-primary: rgba(167, 139, 250, 0.05);
    --season-secondary: rgba(134, 239, 172, 0.03);
}

body.season-summer {
    --season-primary: rgba(236, 72, 153, 0.05);
    --season-secondary: rgba(244, 114, 182, 0.03);
}

body.season-autumn {
    --season-primary: rgba(245, 158, 11, 0.05);
    --season-secondary: rgba(139, 92, 246, 0.03);
}

/* Enhanced glow effect for seasonal background */
body::after {
    background: radial-gradient(
        circle at 50% 50%,
        var(--season-primary, transparent) 0%,
        var(--season-secondary, transparent) 40%,
        transparent 70%
    );
}

/* Ensure content is above the background */
.container,
header,
main,
footer,
section {
    position: relative;
    z-index: 1;
}

/* Enhance cards with seasonal accent */
.calc-container,
.accordion,
.review-card,
.modal-content {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Seasonal scrollbar enhancement */
body.season-winter ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, 
        rgba(139, 164, 246, 0.6) 0%, 
        rgba(99, 102, 241, 0.6) 100%);
}

body.season-spring ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, 
        rgba(167, 139, 250, 0.6) 0%, 
        rgba(134, 239, 172, 0.6) 100%);
}

body.season-summer ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, 
        rgba(236, 72, 153, 0.6) 0%, 
        rgba(244, 114, 182, 0.6) 100%);
}

body.season-autumn ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, 
        rgba(245, 158, 11, 0.6) 0%, 
        rgba(139, 92, 246, 0.6) 100%);
}

/* Performance optimizations */
@media (max-width: 768px) {
    #seasonal-matrix-bg {
        opacity: 0.7;
    }
    
    .calc-container,
    .accordion,
    .review-card,
    .modal-content {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    #seasonal-matrix-bg {
        display: none;
    }
    
    body::after {
        animation: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    #seasonal-matrix-bg {
        opacity: 0.3;
    }
}

/* Dark mode enhancement (if ever needed) */
@media (prefers-color-scheme: dark) {
    #seasonal-matrix-bg {
        opacity: 1;
    }
}

/* GPU acceleration hints */
#seasonal-matrix-bg {
    transform: translateZ(0);
    will-change: transform;
}

/* Seasonal transition effects */
body {
    transition: background 2s ease;
}

body.season-winter {
    background: linear-gradient(135deg, 
        #0a0d1a 0%, 
        #0f1030 15%,
        #1a0d28 30%,
        #0d1529 45%,
        #0f1035 60%,
        #1a0d28 75%,
        #0a0d1a 100%) !important;
}

body.season-spring {
    background: linear-gradient(135deg, 
        #0a0d1a 0%, 
        #161030 15%,
        #150d28 30%,
        #0d1529 45%,
        #101025 60%,
        #1a0d28 75%,
        #0a0d1a 100%) !important;
}

body.season-summer {
    background: linear-gradient(135deg, 
        #0a0d1a 0%, 
        #1a0d20 15%,
        #1a0d28 30%,
        #0d1529 45%,
        #180d25 60%,
        #1a0d28 75%,
        #0a0d1a 100%) !important;
}

body.season-autumn {
    background: linear-gradient(135deg, 
        #0a0d1a 0%, 
        #1a1020 15%,
        #1a0d1e 30%,
        #0d1529 45%,
        #1a1025 60%,
        #1a0d28 75%,
        #0a0d1a 100%) !important;
}