/* Diwali decorations — customer site only (colours/buttons untouched). Loaded from partials/head.php while diwali_theme_active(). */

/* draped string lights (swags are SVG, repeated across the width) */
.diwali-lights {
    display: flex;
    position: absolute; top: 0; left: 0; right: 0;
    height: 36px;
    overflow: hidden;
    z-index: 120;
    line-height: 0;
    pointer-events: none;
}
.diwali-swag { flex: 0 0 240px; }
.diwali-swag .glow { opacity: .3; animation: diwaliBulbGlow 2.4s ease-in-out infinite; }
.diwali-swag .core { opacity: .55; animation: diwaliBulbCore 2.4s ease-in-out infinite; }
.diwali-swag .d1 { animation-delay: .6s; }
.diwali-swag .d2 { animation-delay: 1.2s; }
.diwali-swag .d3 { animation-delay: 1.8s; }
@keyframes diwaliBulbGlow { 0%, 100% { opacity: .15; } 50% { opacity: .45; } }
@keyframes diwaliBulbCore { 0%, 100% { opacity: .35; } 50% { opacity: .95; } }

/* akash kandil (hanging lanterns) */
.diwali-kandils {
    position: absolute; left: 0; right: 0; top: 0; height: 0;
    z-index: 120; pointer-events: none;
}
.diwali-kandil {
    position: absolute; top: 0; width: 34px;
    transform-origin: 50% 0;
    animation: diwaliSwing 4s ease-in-out infinite;
}
.diwali-kandil svg { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 0 8px rgba(255, 170, 40, .7)); }
.diwali-kandil.k-left  { left: 2px; }
.diwali-kandil.k-right { right: 4px; animation-delay: -2s; }
@keyframes diwaliSwing { 0%, 100% { transform: rotate(4deg); } 50% { transform: rotate(-4deg); } }

/* firecracker canvas */
#diwaliFireworks { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; }

@media (max-width: 575px) {
    .diwali-kandil { width: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .diwali-swag .glow, .diwali-swag .core, .diwali-kandil { animation: none; }
    #diwaliFireworks { display: none; }
}