/* =========================================================
   FALL SEASON ANIMATION — patte + pumpkin, hawa ke jhonke ke sath
   On/off: config.php → $fall_season
   ========================================================= */
.fall-sky { position: fixed; inset: 0; pointer-events: none; z-index: 85; overflow: hidden; }
.fall-wind { position: absolute; inset: 0 -12%; will-change: transform; transition: transform 2.8s cubic-bezier(.45,0,.2,1); }
.fl { position: absolute; top: -60px; will-change: transform; animation: fallDown var(--d) linear var(--delay) infinite; }
.fl-sway { will-change: transform; animation: fallSway var(--sd) ease-in-out infinite alternate; }
.fl svg { display: block; width: var(--s); height: var(--s); opacity: var(--o); filter: drop-shadow(0 4px 6px rgba(6, 20, 14, .22)); }
.fl.pk .fl-sway { animation-name: pumpRock; }

@keyframes fallDown {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(var(--drift), calc(100vh + 120px), 0); }
}
@keyframes fallSway {
    from { transform: translateX(calc(var(--sw) * -1)) rotate(-38deg) rotateY(0deg); }
    to   { transform: translateX(var(--sw)) rotate(38deg) rotateY(180deg); }
}
@keyframes pumpRock {
    from { transform: translateX(calc(var(--sw) * -.4)) rotate(-16deg); }
    to   { transform: translateX(calc(var(--sw) * .4)) rotate(16deg); }
}

/* Menu khula ho to animation chhupa do */
.menu-open .fall-sky { opacity: 0; transition: opacity .3s; }

@media (prefers-reduced-motion: reduce) { .fall-sky { display: none; } }