/* ==========================================================================
   Diwali effect (temporary).  Loaded by includes/footer.php only while
   Admin -> Tracking & Settings -> "Diwali effect" is ON (and before the end date).
   To remove for good: delete this file, assets/js/diwali.js and the
   "DIWALI" block in includes/footer.php.
   ========================================================================== */

/* ---------- first-visit fireworks overlay ---------- */
.dw{position:fixed;inset:0;z-index:99990;pointer-events:none;overflow:hidden;opacity:1;transition:opacity .9s ease}
.dw.dw--out{opacity:0}
.dw__shade{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 45%,rgba(8,18,40,.5),rgba(8,10,28,.82));opacity:0;animation:dwShade 5.6s ease forwards}
@keyframes dwShade{0%{opacity:0}14%{opacity:1}82%{opacity:1}100%{opacity:0}}
.dw canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.dw__msg{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.82);width:min(92vw,720px);text-align:center;color:#FFE9A8;opacity:0;
  animation:dwMsg 4.6s cubic-bezier(.2,.8,.2,1) 1.25s forwards}
@keyframes dwMsg{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}84%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}100%{opacity:0;transform:translate(-50%,-56%) scale(1.04)}}
.dw__msg b{display:block;font-family:var(--font-head,"Poppins",system-ui,sans-serif);font-weight:700;font-size:clamp(2.5rem,12.5vw,5.6rem);line-height:1.02;letter-spacing:-.02em;
  background:linear-gradient(180deg,#FFF6CF 0%,#FFD25C 48%,#F2A31B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(255,190,70,.65)) drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.dw__msg span{display:block;margin-top:10px;font-family:var(--font-head,"Poppins",system-ui,sans-serif);font-weight:600;font-size:clamp(1.05rem,4.4vw,1.6rem);color:#FFE9A8;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dw__msg small{display:block;margin-top:8px;font-size:clamp(.78rem,3.2vw,1rem);color:#F6DFA6;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.dw__diya{display:block;margin:0 auto 10px;width:46px;height:30px;filter:drop-shadow(0 0 14px rgba(255,170,40,.9))}
.dw__diya .fl{transform-origin:50% 100%;animation:dwFlame .9s ease-in-out infinite alternate}
@keyframes dwFlame{from{transform:scale(1,1) rotate(-4deg)}to{transform:scale(.88,1.12) rotate(4deg)}}

/* ---------- gentle sparkle on the whole site (stays while the effect is ON) ---------- */
.dws{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}
.dws i{position:absolute;display:block;width:var(--s,6px);height:var(--s,6px);left:var(--x);top:var(--y);opacity:0;
  background:radial-gradient(circle,#FFF4C2 0 28%,rgba(255,200,80,.0) 70%);border-radius:50%;
  animation:dwTw var(--t,4s) ease-in-out var(--d,0s) infinite;will-change:opacity,transform}
.dws i::before,.dws i::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#FFE7A0,transparent);transform:translate(-50%,-50%)}
.dws i::before{width:calc(var(--s,6px) * 4);height:1.4px}
.dws i::after{height:calc(var(--s,6px) * 4);width:1.4px;background:linear-gradient(180deg,transparent,#FFE7A0,transparent)}
@keyframes dwTw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:.85;transform:scale(1) rotate(45deg)}}
/* a thin golden shimmer line on top of the header */
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,#F2A31B 30%,#FFF1B8 50%,#F2A31B 70%,transparent 100%);background-size:220% 100%;animation:dwLine 5s linear infinite;opacity:.9}
@keyframes dwLine{from{background-position:120% 0}to{background-position:-120% 0}}

@media (prefers-reduced-motion:reduce){
  .dw__msg{animation:dwMsgStatic 3.6s ease 0s forwards;transform:translate(-50%,-50%)}
  @keyframes dwMsgStatic{0%{opacity:0}12%{opacity:1}88%{opacity:1}100%{opacity:0}}
  .dw__diya .fl,.dws i,.site-header::after{animation:none}
  .dws{display:none}
}