/* ==========================================================================
   TECHNEMA DIGITALS - ADMIN-CONTROLLED SEASONAL THEMES STYLESHEET
   Scope: Site-wide Shared Header and Footer
   Mutual Exclusion: 'halloween' OR 'christmas' OR 'none'
   Branding Rule: Strictly preserve original brand colors, layout, and hierarchy
   CRITICAL: Never override positioning (absolute/sticky) or introduce gap borders
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HALLOWEEN THEME (Restrained, Realistic, High-End)
   -------------------------------------------------------------------------- */
/* Retain exact header layout & position - zero layout shift, zero gap */
header.main-header.seasonal-theme-halloween .header-sticky {
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 120, 20, 0.18) inset;
}

/* Tasteful corner bat silhouette accent for Halloween header */
.hw-header-bat-accent {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 99;
    opacity: 0.9;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hw-header-bat-accent img {
    width: 32px;
    height: auto;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.9));
    animation: hwHeaderBatHover 2.6s ease-in-out infinite alternate;
}

@keyframes hwHeaderBatHover {
    0% { transform: translateY(0) rotate(0deg); }
    100% { transform: translateY(-4px) rotate(4deg); }
}

@media (max-width: 991px) {
    .hw-header-bat-accent {
        display: none;
    }
}

/* Subtle glow on footer newsletter box during Halloween - zero border displacement */
footer.main-footer-metal.seasonal-theme-halloween .footer-newsletter-box-metal {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 25px rgba(255, 107, 0, 0.08);
}


/* --------------------------------------------------------------------------
   2. CHRISTMAS THEME (Sweet, Warm, Elegant, Festive)
   -------------------------------------------------------------------------- */
/* Retain exact header layout & position - zero layout shift, zero gap */
header.main-header.seasonal-theme-christmas .header-sticky {
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(220, 240, 255, 0.15) inset;
}

/* Full-Screen Realistic Viewport Snowfall Overlay (Non-Intrusive, Zero Interaction Block) */
.xmas-full-snow-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    overflow: hidden;
    z-index: 9998;
}

.xmas-snowflake {
    position: absolute;
    top: -20px;
    color: #ffffff;
    user-select: none;
    pointer-events: none;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
    animation: xmasSnowFallFull linear infinite;
}

@keyframes xmasSnowFallFull {
    0% {
        transform: translateY(0) translateX(0) rotate(0deg);
        opacity: 0.85;
    }
    50% {
        transform: translateY(50vh) translateX(25px) rotate(180deg);
        opacity: 0.65;
    }
    100% {
        transform: translateY(105vh) translateX(-15px) rotate(360deg);
        opacity: 0.1;
    }
}

/* Discrete Festive Corner Accent (Year-End Growth Event) */
.xmas-header-festive-accent {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 99;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    color: #f1f5f9;
    padding: 4px 12px;
    border-radius: 9999px;
    background: rgba(220, 38, 38, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.38);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.xmas-header-festive-accent i {
    color: #ef4444;
}

@media (max-width: 991px) {
    .xmas-header-festive-accent {
        display: none;
    }
}

/* Subtle silver frost glow on footer newsletter during Christmas */
footer.main-footer-metal.seasonal-theme-christmas .footer-newsletter-box-metal {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 25px rgba(220, 240, 255, 0.08);
}

/* Respect Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .xmas-snowflake,
    .hw-header-bat-accent img {
        animation: none !important;
    }
}