/* ============================================================
   Durga Puja seasonal theme — decorative overlay on the real page.
   Loaded only when admin selects it (body.theme-durgapuja).
   PURE CSS: diya flicker + floating particles, no JS.
   Festive teal-blue gradient + orange-gold highlights.
   ============================================================ */

body.theme-durgapuja {
  --festive-teal-dark: #004d40;
  --festive-teal:      #00796b;
  --festive-gold:      #f6a821;
  --festive-orange:    #ff7a1a;
  --festive-red:       #e53935;
}

/* ---------- Header: keep garland, add red under-rule ---------- */
body.theme-durgapuja .site-header {
  /* match the hero body: deep red blending into the hero's top */
  background: linear-gradient(90deg, #a5121a 0%, #c22f14 100%);
  border-bottom: 4px solid var(--festive-gold);
  position: relative;
}
body.theme-durgapuja .site-header .brand-text,
body.theme-durgapuja .main-nav a { color: #ffffff; }
/* Marigold flower garland removed per request — bunting only. */

/* ============================================================
   HERO — teal-blue festive gradient, Durga to the right of text
   ============================================================ */
body.theme-durgapuja .hero {
  position: relative;
  overflow: hidden;
  padding-top: 74px;   /* clear the marigold garland */
  min-height: 440px;                 /* room for the standing Durga */
  background:
    /* marigold garland with tassels, draped below the header */
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27240%27%20height%3D%27110%27%20viewBox%3D%270%200%20240%20110%27%3E%3Cpath%20d%3D%27M%200.0%2C14.0%20L%2017.1%2C24.6%20L%2034.3%2C33.6%20L%2051.4%2C40.9%20L%2068.6%2C46.7%20L%2085.7%2C50.7%20L%20102.9%2C53.2%20L%20120.0%2C54.0%20L%20137.1%2C53.2%20L%20154.3%2C50.7%20L%20171.4%2C46.7%20L%20188.6%2C40.9%20L%20205.7%2C33.6%20L%20222.9%2C24.6%20L%20240.0%2C14.0%27%20fill%3D%27none%27%20stroke%3D%27%236b3d0a%27%20stroke-width%3D%271.4%27%20opacity%3D%270.6%27%2F%3E%3Cline%20x1%3D%2751.4%27%20y1%3D%2740.9%27%20x2%3D%2751.4%27%20y2%3D%2770.9%27%20stroke%3D%27%23b8860b%27%20stroke-width%3D%271.3%27%2F%3E%3Cline%20x1%3D%2751.4%27%20y1%3D%2770.9%27%20x2%3D%2745.4%27%20y2%3D%2786.9%27%20stroke%3D%27%2317a06a%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%2751.4%27%20y1%3D%2770.9%27%20x2%3D%2749.4%27%20y2%3D%2786.9%27%20stroke%3D%27%23e53935%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%2751.4%27%20y1%3D%2770.9%27%20x2%3D%2753.4%27%20y2%3D%2786.9%27%20stroke%3D%27%23f6a821%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%2751.4%27%20y1%3D%2770.9%27%20x2%3D%2757.4%27%20y2%3D%2786.9%27%20stroke%3D%27%23c2185b%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Ccircle%20cx%3D%2751.4%27%20cy%3D%2770.9%27%20r%3D%273%27%20fill%3D%27%23f6a821%27%2F%3E%3Cline%20x1%3D%27120.0%27%20y1%3D%2754.0%27%20x2%3D%27120.0%27%20y2%3D%2784.0%27%20stroke%3D%27%23b8860b%27%20stroke-width%3D%271.3%27%2F%3E%3Cline%20x1%3D%27120.0%27%20y1%3D%2784.0%27%20x2%3D%27114.0%27%20y2%3D%27100.0%27%20stroke%3D%27%2317a06a%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%27120.0%27%20y1%3D%2784.0%27%20x2%3D%27118.0%27%20y2%3D%27100.0%27%20stroke%3D%27%23e53935%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%27120.0%27%20y1%3D%2784.0%27%20x2%3D%27122.0%27%20y2%3D%27100.0%27%20stroke%3D%27%23f6a821%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%27120.0%27%20y1%3D%2784.0%27%20x2%3D%27126.0%27%20y2%3D%27100.0%27%20stroke%3D%27%23c2185b%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Ccircle%20cx%3D%27120.0%27%20cy%3D%2784.0%27%20r%3D%273%27%20fill%3D%27%23f6a821%27%2F%3E%3Cline%20x1%3D%27188.6%27%20y1%3D%2740.9%27%20x2%3D%27188.6%27%20y2%3D%2770.9%27%20stroke%3D%27%23b8860b%27%20stroke-width%3D%271.3%27%2F%3E%3Cline%20x1%3D%27188.6%27%20y1%3D%2770.9%27%20x2%3D%27182.6%27%20y2%3D%2786.9%27%20stroke%3D%27%2317a06a%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%27188.6%27%20y1%3D%2770.9%27%20x2%3D%27186.6%27%20y2%3D%2786.9%27%20stroke%3D%27%23e53935%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%27188.6%27%20y1%3D%2770.9%27%20x2%3D%27190.6%27%20y2%3D%2786.9%27%20stroke%3D%27%23f6a821%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Cline%20x1%3D%27188.6%27%20y1%3D%2770.9%27%20x2%3D%27194.6%27%20y2%3D%2786.9%27%20stroke%3D%27%23c2185b%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%2F%3E%3Ccircle%20cx%3D%27188.6%27%20cy%3D%2770.9%27%20r%3D%273%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%270.0%27%20cy%3D%2714.0%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%270.0%27%20cy%3D%2714.0%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%270.0%27%20cy%3D%2714.0%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%2717.1%27%20cy%3D%2724.6%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%2717.1%27%20cy%3D%2724.6%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%2717.1%27%20cy%3D%2724.6%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%2734.3%27%20cy%3D%2733.6%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%2734.3%27%20cy%3D%2733.6%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%2734.3%27%20cy%3D%2733.6%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%2751.4%27%20cy%3D%2740.9%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%2751.4%27%20cy%3D%2740.9%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%2751.4%27%20cy%3D%2740.9%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%2768.6%27%20cy%3D%2746.7%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%2768.6%27%20cy%3D%2746.7%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%2768.6%27%20cy%3D%2746.7%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%2785.7%27%20cy%3D%2750.7%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%2785.7%27%20cy%3D%2750.7%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%2785.7%27%20cy%3D%2750.7%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27102.9%27%20cy%3D%2753.2%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27102.9%27%20cy%3D%2753.2%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27102.9%27%20cy%3D%2753.2%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27120.0%27%20cy%3D%2754.0%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27120.0%27%20cy%3D%2754.0%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27120.0%27%20cy%3D%2754.0%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27137.1%27%20cy%3D%2753.2%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27137.1%27%20cy%3D%2753.2%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27137.1%27%20cy%3D%2753.2%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27154.3%27%20cy%3D%2750.7%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27154.3%27%20cy%3D%2750.7%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27154.3%27%20cy%3D%2750.7%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27171.4%27%20cy%3D%2746.7%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27171.4%27%20cy%3D%2746.7%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27171.4%27%20cy%3D%2746.7%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27188.6%27%20cy%3D%2740.9%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27188.6%27%20cy%3D%2740.9%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27188.6%27%20cy%3D%2740.9%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27205.7%27%20cy%3D%2733.6%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27205.7%27%20cy%3D%2733.6%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27205.7%27%20cy%3D%2733.6%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27222.9%27%20cy%3D%2724.6%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27222.9%27%20cy%3D%2724.6%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27222.9%27%20cy%3D%2724.6%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3Ccircle%20cx%3D%27240.0%27%20cy%3D%2714.0%27%20r%3D%277%27%20fill%3D%27%23e2720f%27%2F%3E%3Ccircle%20cx%3D%27240.0%27%20cy%3D%2714.0%27%20r%3D%274.6%27%20fill%3D%27%23f6a821%27%2F%3E%3Ccircle%20cx%3D%27240.0%27%20cy%3D%2714.0%27%20r%3D%272%27%20fill%3D%27%23c8560f%27%2F%3E%3C%2Fsvg%3E") left top / 240px 110px repeat-x,
    /* golden festive bokeh lights */
    radial-gradient(circle at 22% 62%, rgba(255,235,160,.35) 0 6px, transparent 9px) no-repeat,
    radial-gradient(circle at 58% 26%, rgba(255,214,120,.28) 0 10px, transparent 14px) no-repeat,
    radial-gradient(circle at 40% 80%, rgba(255,245,200,.30) 0 4px, transparent 7px) no-repeat,
    radial-gradient(circle at 78% 66%, rgba(255,224,150,.26) 0 7px, transparent 10px) no-repeat,
    /* temple silhouette along the bottom (deep maroon) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='260' viewBox='0 0 1200 260'%3E%3Cg fill='%236e0f0f' fill-opacity='0.4'%3E%3Cpolygon points='120,260 120,120 160,54 200,120 200,260'/%3E%3Crect x='120' y='120' width='80' height='140'/%3E%3Cpolygon points='300,260 300,146 340,80 380,146 380,260'/%3E%3Crect x='300' y='146' width='80' height='114'/%3E%3Cpolygon points='840,260 840,132 880,64 920,132 920,260'/%3E%3Crect x='840' y='132' width='80' height='128'/%3E%3Cpolygon points='1010,260 1010,152 1050,88 1090,152 1090,260'/%3E%3Crect x='1010' y='152' width='80' height='108'/%3E%3C/g%3E%3C/svg%3E") center bottom / 1100px auto no-repeat,
    /* festive red-to-gold base */
    linear-gradient(160deg, #a5121a 0%, #d14318 52%, #f2a51e 100%);
}

/* Text sits on the left half; readable white on teal */
body.theme-durgapuja .hero-inner {
  position: relative;
  z-index: 3;
  max-width: 52%;
  margin-left: 0;          /* pin to the left, don't center the narrowed block */
  margin-right: auto;
  text-align: left;
  color: #ffffff;
}
body.theme-durgapuja .hero-inner h1,
body.theme-durgapuja .hero-inner p { color: #ffffff; }
body.theme-durgapuja .hero-eyebrow {
  color: #ffe6c2;
  background: rgba(0,0,0,.18);
}
body.theme-durgapuja .hero h1 em {
  color: var(--festive-gold);           /* orange-gold highlight */
  text-shadow: 2px 2px 0 rgba(0,0,0,.28);
}

/* ---------- Durga Ma illustration: right of the text ---------- */
body.theme-durgapuja .durga-illustration {
  position: absolute;
  right: 2%;
  bottom: 6px;                           /* stands on the diya baseline */
  width: clamp(240px, 42vw, 500px);      /* larger, scales on every screen */
  height: auto;
  object-fit: contain;
  z-index: 3;
  animation: durgaFloat 4.5s ease-in-out infinite;
  filter: drop-shadow(0 16px 28px rgba(0,0,0,.4));
  pointer-events: none;
}
@keyframes durgaFloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}

/* ---------- Diya strip along the bottom of the hero (pure CSS) ---------- */
body.theme-durgapuja .hero::after {
  content: "🪔 🪔 🪔 🪔 🪔 🪔 🪔 🪔 🪔 🪔";
  position: absolute;
  left: 0; right: 0; bottom: 8px;
  z-index: 4;
  text-align: center;
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: clamp(2px, 3vw, 40px); /* even spacing across width */
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  animation: diyaFlicker 1.1s infinite alternate;
}
@keyframes diyaFlicker { from { opacity: .6; } to { opacity: 1; } }

/* ---------- Subtle floating particles — CONFINED to hero, pure CSS ----------
   Two soft glowing embers drift up inside the hero only. No DOM, no JS,
   so nothing floats over the nav bar or the orders list. */
body.theme-durgapuja .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(246,168,33,.55) 0 3px, transparent 4px),
    radial-gradient(circle, rgba(255,122,26,.45) 0 2px, transparent 3px),
    radial-gradient(circle, rgba(255,230,194,.5) 0 2px, transparent 3px);
  background-size: 140px 140px, 200px 200px, 260px 260px;
  background-position: 20px 60px, 90px 120px, 160px 30px;
  animation: emberDrift 9s linear infinite;
  opacity: .7;
}
@keyframes emberDrift {
  from { background-position: 20px 100%, 90px 100%, 160px 100%; }
  to   { background-position: 20px -140px, 90px -200px, 160px -260px; }
}

/* ============================================================
   Catalogue accents — orange-gold festive highlights
   ============================================================ */
body.theme-durgapuja .section-title { color: var(--festive-red); }
body.theme-durgapuja .section-sub { color: #8a3d12; }

/* ---------- Navy wave + diya divider under the hero ---------- */
body.theme-durgapuja .tide-line {
  height: 66px;
  bottom: -2px;
  z-index: 4;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27200%27%20height%3D%2760%27%20viewBox%3D%270%200%20200%2060%27%3E%3Crect%20width%3D%27200%27%20height%3D%2760%27%20fill%3D%27%23123a5c%27%2F%3E%3Cpath%20d%3D%27M%200%2010%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20%27%20fill%3D%27none%27%20stroke%3D%27%235b93c4%27%20stroke-width%3D%272%27%20opacity%3D%270.35%27%2F%3E%3Cpath%20d%3D%27M%200%2024%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20%27%20fill%3D%27none%27%20stroke%3D%27%235b93c4%27%20stroke-width%3D%272%27%20opacity%3D%270.28%27%2F%3E%3Cpath%20d%3D%27M%200%2038%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20%27%20fill%3D%27none%27%20stroke%3D%27%235b93c4%27%20stroke-width%3D%272%27%20opacity%3D%270.22%27%2F%3E%3Cpath%20d%3D%27M%200%2050%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20q%2012.5%20-5%2025.0%200%20q%2012.5%205%2025.0%200%20%27%20fill%3D%27none%27%20stroke%3D%27%235b93c4%27%20stroke-width%3D%272%27%20opacity%3D%270.18%27%2F%3E%3C%2Fsvg%3E") left bottom / 200px 60px repeat-x, #123a5c;
  clip-path: polygon(0% 42%, 5% 34%, 10% 40%, 15% 50%, 20% 44%, 25% 34%, 30% 40%, 35% 50%,
    40% 44%, 45% 34%, 50% 40%, 55% 50%, 60% 44%, 65% 34%, 70% 40%, 75% 50%,
    80% 44%, 85% 34%, 90% 40%, 95% 50%, 100% 42%, 100% 100%, 0% 100%);
}
/* diyas ride on top of the wave crest */
body.theme-durgapuja .hero::after { bottom: 30px; z-index: 5; }

/* ---------- Catalogue: warm orange wash, bokeh, temple silhouette ---------- */
/* ---------- Full-bleed festive wash ----------
   Painted on <html>, not <body>. Two reasons:
   1. .catalog is max-width:1180px + margin auto, so painting it there left
      the page's mint --foam showing down both sides.
   2. #fishBgCanvas (the swimming fish) is z-index:-1, which paints ABOVE the
      html background but BELOW body content. Putting the wash on <body> would
      bury the fish; on <html> they swim over it exactly like the default theme.
   header.php stamps the same theme class on <html>. */
html.theme-durgapuja {
  background:
    /* soft bokeh dots */
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.40) 0 4px, transparent 7px) 0 0 / 130px 130px,
    radial-gradient(circle at 68% 62%, rgba(255,255,255,.28) 0 6px, transparent 10px) 0 0 / 210px 210px,
    /* orange to warm peach — pinned to the viewport so it stays even */
    linear-gradient(180deg, #f07a1f 0%, #f79a3e 22%, #ffc98a 58%, #ffe2bd 100%) fixed;
}
/* body stays transparent so the fish canvas shows through */
body.theme-durgapuja { background: transparent; }

body.theme-durgapuja .catalog {
  position: relative;
  padding-top: 46px;
  background: transparent;
}
/* Retint the catalogue's animated water glow from teal to warm gold */
body.theme-durgapuja .catalog::before {
  background:
    radial-gradient(ellipse at 15% 30%, rgba(255,214,120,.20) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 70%, rgba(226,114,15,.14) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 50%, rgba(255,235,180,.12) 0%, transparent 70%);
}

/* Search: soft cream pill */
body.theme-durgapuja .fish-search {
  border: none;
  border-radius: 999px;
  background: #fdf6e8;
  box-shadow: 0 3px 10px rgba(120,45,5,.18);
  color: #5a2a08;
}
body.theme-durgapuja .fish-search::placeholder { color: #a8825e; }

/* Filter chips: cream pills, active = solid orange */
body.theme-durgapuja .filter-chip {
  background: #fdf6e8;
  border: none;
  color: #6b3210;
  box-shadow: 0 2px 7px rgba(120,45,5,.16);
}
body.theme-durgapuja .filter-chip:hover { color: var(--festive-red); }
body.theme-durgapuja .filter-chip.combo-chip { color: var(--festive-orange); }

/* Product + combo cards: warm cream, soft lift off the wash */
body.theme-durgapuja .fish-card,
body.theme-durgapuja .combo-card {
  background: #fdf6e8;
  border: none;
  box-shadow: 0 6px 16px rgba(120,45,5,.20);
}
body.theme-durgapuja .fish-name { color: #4a2408; }
body.theme-durgapuja .fish-price { color: var(--festive-red); }

/* ============================================================
   Footer — keep diya garland flicker
   ============================================================ */
body.theme-durgapuja .site-footer {
  position: relative;
  background: linear-gradient(90deg, #a5121a 0%, #c22f14 100%);
  border-top: 4px solid var(--festive-gold);
}
/* Footer brand "Matsyaroshik" + fish logo stay legible on red */
body.theme-durgapuja .footer-brand,
body.theme-durgapuja .footer-brand strong { color: #ffffff; }
body.theme-durgapuja .site-footer::before {
  content: "🪔 🪔 🪔 🪔 🪔 🪔 🪔 🪔";
  position: absolute;
  left: 0; right: 0; top: -18px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: clamp(2px, 3vw, 36px);
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  animation: diyaFlicker 1.1s infinite alternate;
}

/* Kill the old JS-injected full-page petals if any cached copy still runs */
body.theme-durgapuja .petal-layer { display: none !important; }

/* ============================================================
   RESPONSIVE — Windows / Android / iOS
   Stack illustration under the text on narrow screens so both scale
   and neither overlaps.
   ============================================================ */
@media (max-width: 760px) {
  body.theme-durgapuja .hero { min-height: auto; }
  body.theme-durgapuja .hero-inner { max-width: 100%; }
  body.theme-durgapuja .durga-illustration {
    position: static;
    display: block;
    margin: 16px auto 30px;              /* room above the diya strip */
    width: min(62%, 240px);
    transform: none;
    animation: durgaFloatMobile 4s ease-in-out infinite;
  }
  @keyframes durgaFloatMobile {
    0%,100% { transform: translateY(0); }
    50%     { transform: translateY(-8px); }
  }
  body.theme-durgapuja .hero::after { font-size: 1.3rem; letter-spacing: 6px; bottom: 4px; }
}

/* Accessibility: honour reduced motion — freeze flicker, float, embers */
@media (prefers-reduced-motion: reduce) {
  body.theme-durgapuja .durga-illustration,
  body.theme-durgapuja .hero::after,
  body.theme-durgapuja .hero::before,
  body.theme-durgapuja .site-footer::before { animation: none; }
}

/* ============================================================
   Animated fish + bubbles, festive tint
   The swimming-fish canvas (#fishBgCanvas) and the rising bubbles
   (.bubble-layer, injected by home-3d.js) both stay active — they just
   get warmed up so they read against the orange wash instead of the
   original teal page.
   ============================================================ */

/* Fish canvas: warm it slightly and lift opacity so it reads on orange */
html.theme-durgapuja #fishBgCanvas {
  opacity: .85;
  filter: saturate(1.25) hue-rotate(-12deg);
}

/* Bubbles: golden/marigold instead of the default teal */
body.theme-durgapuja .bubble-layer .bubble {
  background: radial-gradient(circle at 32% 28%,
    rgba(255, 252, 240, .92),
    rgba(255, 214, 140, .48) 45%,
    rgba(246, 168, 33, .16) 70%);
  border: 1px solid rgba(255, 240, 205, .60);
  box-shadow: 0 0 8px rgba(255, 208, 120, .35);
}

/* A second, slower bubble drift inside the hero so the festive banner
   feels alive too. Pure CSS, no extra DOM. */
body.theme-durgapuja .hero::before {
  background-image:
    radial-gradient(circle, rgba(255,240,200,.55) 0 4px, transparent 6px),
    radial-gradient(circle, rgba(255,214,120,.45) 0 3px, transparent 5px),
    radial-gradient(circle, rgba(255,255,255,.40) 0 2px, transparent 4px);
  background-size: 150px 150px, 210px 210px, 270px 270px;
  animation: emberDrift 11s linear infinite;
}