/* =========================================================
   Festive theme: Dhanteras. Switched on and off from /admin
   (Festive Season tab), which only changes the class on <html>.
   With the class off, nothing in this file applies.
   No animated blur behind glass: glows are static gradients.
   ========================================================= */
html:not(.dhanteras) .dt-fx, html:not(.dhanteras) .dt-on { display: none !important; }
html.dhanteras .dw-off { display: none !important; }
html.dhanteras { background: #04110c; color-scheme: dark; }   /* dark first paint */
.dhanteras {
  --bg: #04110c;
  --bg-top: #0c2c1e;
  --brand: #e8b63a;
  --brand-2: #ffd877;
  --brand-3: #b98412;
  --pink: #ffb84d;
  --cyan: #7fe0a8;
  --gold: #ffd166;
  --grad: linear-gradient(110deg, #fff3b0 0%, #f6c343 38%, #e39a1c 66%, #fff3b0 100%);
  --grad-btn: linear-gradient(120deg, #ffe08a 0%, #f6c343 48%, #dd9a1e 100%);
  --glass-border: rgba(246,195,67,.22);
}
.dhanteras body { background: transparent; }   /* html holds the first paint; body must not hide .bg */

/* deep emerald night: static glows */
.dhanteras .blob { animation: none; }
.dhanteras .blob--1 { background: #0f7a4a; opacity: .36; }
.dhanteras .blob--2 { background: #8a6410; opacity: .3; }
.dhanteras .blob--3 { background: #e0a21a; opacity: .08; }
.dhanteras .blob--4 { background: #0b5c52; opacity: .32; }
.dhanteras .bg__grid { opacity: .3; }

/* gold buttons need dark text */
.dhanteras .btn--primary, .dhanteras .nav__cta, .dhanteras .bigcta__btn,
.dhanteras .pills input:checked + span, .dhanteras .filters__btn.is-active { color: #2a1a00; }
.dhanteras .btn--primary { box-shadow: 0 14px 40px -12px rgba(246,195,67,.75), inset 0 1px 0 rgba(255,255,255,.6); }
.dhanteras .btn--primary:hover { box-shadow: 0 18px 50px -10px rgba(246,195,67,.95), inset 0 1px 0 rgba(255,255,255,.6); }
.dhanteras .nav__cta { box-shadow: 0 8px 30px -8px rgba(246,195,67,.7), inset 0 1px 0 rgba(255,255,255,.6); }
.dhanteras .svc:hover .svc__icon, .dhanteras .role:hover .role__ico { color: #2a1a00; }
.dhanteras .marquee { --glass-bg: linear-gradient(90deg, rgba(15,122,74,.3), rgba(185,132,18,.26)); }
.dhanteras .marquee i { color: var(--gold); }
.dhanteras .emblem img { filter: drop-shadow(0 10px 30px rgba(246,195,67,.5)); }
.dhanteras .cursor span { background: var(--gold); box-shadow: 0 0 18px rgba(246,195,67,.8); }
.dhanteras .float__ico { background: rgba(246,195,67,.2); }
.dhanteras .header__inner { --glass-bg: linear-gradient(135deg, rgba(10,38,27,.84), rgba(5,20,14,.88)); }
.dhanteras .float { --glass-bg: linear-gradient(135deg, rgba(12,44,30,.84), rgba(5,20,14,.88)); }
.dhanteras .float small { color: #e4e0c8; }

/* hero */
.dhanteras .hero { padding-top: 146px; padding-bottom: 150px; overflow: clip; }
.dhanteras .hero__media { filter: hue-rotate(-118deg) saturate(.75) brightness(.8); }
.dhanteras .eyebrow .dt-on { color: var(--gold); font-weight: 600; }
#dtCoins { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }

/* slim gold line with small coins under the header */
.dt-toran {
  position: absolute; top: 84px; left: 0; right: 0; height: 46px; z-index: 1; pointer-events: none;
  background: url("../images/dhanteras/line.svg") center top / 260px 46px repeat-x;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

/* Shubh, Labh */
.dt-tag { position: absolute; top: 132px; z-index: 1; pointer-events: none; }
.dt-tag--l { left: 3%; }
.dt-tag--r { right: 3%; }
.dt-tag b { color: #e8c468; opacity: .85; font: 500 22px/1 "Noto Serif Devanagari", "Kohinoor Devanagari", "Nirmala UI", "Mangal", serif; }

/* gold coin ring behind the logo (replaces the spinning orbit) */
.dhanteras .orbit { display: none; }
.dt-ring { position: absolute; inset: -5%; width: 110%; height: 110%; max-width: none; pointer-events: none; }

/* threshold: kalash, diyas and Lakshmi's footprints walking in */
.dt-row {
  position: absolute; left: 0; right: 0; bottom: 6px; z-index: 1; pointer-events: none;
  display: flex; align-items: flex-end; justify-content: center; gap: clamp(14px, 3.4vw, 54px);
}
.dt-row img { display: block; height: auto; }
.dt-kalash { width: 122px; }
.dt-charan { width: 62px; opacity: .95; margin-bottom: 6px; }
.dt-diya { position: relative; width: 58px; height: 58px; flex: none; }
.dt-diya::before {
  content: ""; position: absolute; left: 50%; top: 22%; width: 136px; height: 136px; margin: -68px 0 0 -68px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,196,80,.42), rgba(255,160,40,.12) 42%, transparent 70%);
}
.dt-diya svg { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }
.dt-flame {
  position: absolute; left: 50%; top: 2px; width: 12px; height: 24px; margin-left: -6px;
  border-radius: 50% 50% 50% 50% / 68% 68% 32% 32%;
  background: radial-gradient(ellipse at 50% 78%, #fffbe0 0%, #ffe066 36%, #ffab2e 70%, #ef6c1f 100%);
  transform-origin: 50% 100%; animation: dtFlicker 1.6s ease-in-out infinite alternate;
}
.dt-diya:nth-of-type(2n) .dt-flame { animation-duration: 1.25s; animation-delay: -.5s; }
@keyframes dtFlicker {
  0%   { transform: scale(1, 1) rotate(-2deg); opacity: .95; }
  50%  { transform: scale(.92, 1.1) rotate(2.5deg); opacity: 1; }
  100% { transform: scale(1.05, .93) rotate(-1deg); opacity: .9; }
}

@media (max-width: 1280px) { .dt-tag { display: none; } }
@media (max-width: 900px) {
  .dhanteras .hero { padding-top: 134px; padding-bottom: 122px; }
  .dt-toran { top: 78px; height: 36px; background-size: 203px 36px; }
  .dt-kalash { width: 92px; }
  .dt-diya { width: 44px; height: 44px; }
  .dt-charan { width: 44px; }
  .dt-flame { width: 9px; height: 18px; margin-left: -4.5px; }
}
@media (max-width: 480px) { .dt-row .dt-hide-sm { display: none; } }
@media (prefers-reduced-motion: reduce) { .dt-flame { animation: none; } }