/* =====================================================================
   NATUREBASKET – AYUDHA POOJA FESTIVE THEME
   Loaded LAST. Everything is scoped to  body.theme-ayudha  so the whole
   theme switches off by removing that class from <body> in index.html.
   Palette: kumkum red, marigold, gold, sandal cream. Pure CSS (no images).
   ===================================================================== */
body.theme-ayudha {
  --ay-red: #8a1c14; --ay-red-d: #5a1410; --ay-red-l: #b3261e;
  --ay-marigold: #ff9f1c; --ay-gold: #d4a017; --ay-gold-l: #ffd56a; --ay-cream: #fff4d6;
  --nb-line: #f1dcae;
  background:
    radial-gradient(rgba(212, 160, 23, .20) 1.3px, transparent 1.7px) 0 0 / 22px 22px,
    linear-gradient(180deg, #fff7e0, #ffeecb 55%, #fff6e0);
  background-attachment: scroll, fixed;
}

/* ── header ── */
body.theme-ayudha header.nb-header {
  background: linear-gradient(180deg, #fffaf0, #ffe9bd);
  border-bottom: 3px solid var(--ay-gold);
  box-shadow: 0 6px 18px rgba(138, 28, 20, .16);
}
body.theme-ayudha header.nb-header .logo-text h1 { color: var(--ay-red) !important; }
body.theme-ayudha header.nb-header .logo-text p { color: #c4560a !important; }
body.theme-ayudha header.nb-header .store-switch,
body.theme-ayudha header.nb-header .nb-hbtn { color: var(--ay-red) !important; border-color: #f1d28a !important; }
body.theme-ayudha header.nb-header .store-switch:hover,
body.theme-ayudha header.nb-header .nb-hbtn:hover { border-color: var(--ay-marigold) !important; color: #c4560a !important; }
body.theme-ayudha header.nb-header .cart-btn { background: linear-gradient(135deg, var(--ay-red-l), #d9531e) !important; box-shadow: 0 4px 0 var(--ay-red-d), 0 10px 18px rgba(138, 28, 20, .28); }
body.theme-ayudha .cart-count { background: var(--ay-gold) !important; color: var(--ay-red-d) !important; }
/* marigold garland hanging under the header */
body.theme-ayudha header.nb-header::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -17px; height: 16px; pointer-events: none; z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16'%3E%3Cpath d='M0 2Q13 7 26 2' fill='none' stroke='%23c98a10' stroke-width='1.3'/%3E%3Ccircle cx='13' cy='8.5' r='6' fill='%23ff9f1c'/%3E%3Ccircle cx='13' cy='8.5' r='3.7' fill='%23ffc933'/%3E%3Ccircle cx='13' cy='8.5' r='1.5' fill='%23c94a00'/%3E%3C/svg%3E") repeat-x 0 0 / 26px 16px;
}
body.theme-ayudha header.nb-header { position: sticky; }

/* ── HOME: toran (mango leaves + marigolds) over the hero ── */
body.theme-ayudha #view-home #heroWrap { position: relative; padding-top: 40px; }
body.theme-ayudha #view-home #heroWrap::before {
  content: ''; position: absolute; top: 4px; left: 0; right: 0; height: 40px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='40' viewBox='0 0 60 40'%3E%3Cpath d='M0 5H60' stroke='%23c98a10' stroke-width='2'/%3E%3Cpath d='M6 5Q15 42 24 5Z' fill='%23239b44'/%3E%3Cpath d='M15 5V30' stroke='%231b7a35' stroke-width='1'/%3E%3Ccircle cx='42' cy='15' r='9' fill='%23ff9f1c'/%3E%3Ccircle cx='42' cy='15' r='6' fill='%23ffc933'/%3E%3Ccircle cx='42' cy='15' r='2.6' fill='%23c94a00'/%3E%3C/svg%3E") repeat-x center top / 60px 40px;
}
body.theme-ayudha #view-home .hm-hero {
  margin-top: 0;
  border: 4px solid var(--ay-gold) !important;
  box-shadow: 0 0 0 3px #fff4d6, 0 0 0 5px var(--ay-gold), 0 14px 30px rgba(138, 28, 20, .25) !important;
}
/* hero frame: inner double gold line + soft corner glints, so the frame reads the same on all four sides */
body.theme-ayudha #view-home .hm-hero::after {
  content: ''; position: absolute; inset: 0; z-index: 4; pointer-events: none; border-radius: inherit;
  box-shadow: inset 0 0 0 2px #fff4d6, inset 0 0 0 3px var(--ay-gold), inset 0 0 18px rgba(138, 28, 20, .12);
}
body.theme-ayudha .hm-dot.on span { background: var(--ay-gold-l); }

/* ── HOME: section headings (centred, gold rules) ── */
body.theme-ayudha #view-home .nb-shelf-head h2 { color: var(--ay-red); }
body.theme-ayudha #view-home .nb-catsec .nb-shelf-head { justify-content: center; text-align: center; }
body.theme-ayudha #view-home .nb-catsec .nb-shelf-head h2 {
  display: flex; align-items: center; gap: 14px; font-size: clamp(21px, 3.4vw, 30px);
}
body.theme-ayudha #view-home .nb-catsec .nb-shelf-head h2::before,
body.theme-ayudha #view-home .nb-catsec .nb-shelf-head h2::after {
  content: ''; flex: 0 0 clamp(28px, 8vw, 90px); height: 3px; border-radius: 3px;
}
body.theme-ayudha #view-home .nb-catsec .nb-shelf-head h2::before { background: linear-gradient(90deg, transparent, var(--ay-gold)); }
body.theme-ayudha #view-home .nb-catsec .nb-shelf-head h2::after { background: linear-gradient(90deg, var(--ay-gold), transparent); }
body.theme-ayudha #view-home .nb-cat:hover .cn { color: var(--ay-red); }
body.theme-ayudha #view-home .nb-cat .cn { color: #4a2a12; }

/* ── HOME: Ayudha Pooja shelf (rich kumkum-red panel, gold text) ── */
body.theme-ayudha #view-home .nb-shelf.nb-fest {
  position: relative; border: 2px solid var(--ay-gold);
  background:
    radial-gradient(rgba(255, 213, 106, .14) 1.5px, transparent 2px) 0 0 / 18px 18px,
    linear-gradient(135deg, #6e1611 0%, #a3231a 55%, #cf4a1c 100%);
  box-shadow: 0 14px 30px rgba(138, 28, 20, .3), inset 0 0 0 4px rgba(255, 213, 106, .18);
}
body.theme-ayudha #view-home .nb-shelf.nb-fest::before {
  content: ''; position: absolute; inset: 7px; border-radius: 14px; pointer-events: none;
  border: 1.5px dashed rgba(255, 213, 106, .55);
}
body.theme-ayudha #view-home .nb-fest .nb-shelf-head h2 { color: var(--ay-gold-l); text-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
body.theme-ayudha #view-home .nb-fest .nb-shelf-head p { color: #ffe3b5; }
body.theme-ayudha #view-home .nb-fest .nb-card { border-color: #f6d58c; }

/* ── product cards: warm gold edge, kumkum prices ── */
body.theme-ayudha #view-home .nb-card { border-color: #f1dcae; }
body.theme-ayudha #view-home .nb-card:hover { border-color: var(--ay-marigold); }
body.theme-ayudha #view-home .nb-card .nb-price { color: var(--ay-red); }

/* ── footer + bottom bars ── */
body.theme-ayudha .hm-footer {
  position: relative; background: linear-gradient(180deg, #6b1712, #4a0f0b); border-top: 8px solid var(--ay-gold);
}
body.theme-ayudha .hm-footer::before {
  content: ''; position: absolute; left: 0; right: 0; top: -26px; height: 16px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' viewBox='0 0 26 16'%3E%3Ccircle cx='13' cy='8' r='6' fill='%23ff9f1c'/%3E%3Ccircle cx='13' cy='8' r='3.7' fill='%23ffc933'/%3E%3Ccircle cx='13' cy='8' r='1.5' fill='%23c94a00'/%3E%3C/svg%3E") repeat-x 0 0 / 26px 16px;
}
body.theme-ayudha .hm-foot-in b { color: var(--ay-gold-l); }
body.theme-ayudha .hm-foot-links a:hover { color: var(--ay-gold-l); }
/* bottom nav (mobile): sandal-cream bar, gold edge, tiny marigold dots, red active state */
body.theme-ayudha .bottom-nav.nb-bottomnav {
  background: linear-gradient(180deg, #fffaf0, #ffefcf);
  border-top: 2px solid var(--ay-gold);
  box-shadow: 0 -6px 18px rgba(138, 28, 20, .12);
}
body.theme-ayudha .bottom-nav.nb-bottomnav::before {
  content: ''; position: absolute; left: 0; right: 0; top: -9px; height: 7px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='7' viewBox='0 0 16 7'%3E%3Ccircle cx='8' cy='3.5' r='3' fill='%23ff9f1c' fill-opacity='.85'/%3E%3Ccircle cx='8' cy='3.5' r='1.5' fill='%23ffd56a'/%3E%3C/svg%3E") repeat-x 0 0 / 16px 7px;
}
body.theme-ayudha .nb-bottomnav a { color: #8a6a4a; }
body.theme-ayudha .nb-bottomnav a.active { color: var(--ay-red); }
body.theme-ayudha .nb-bottomnav a.active::before {
  content: ''; position: absolute; top: -7px; left: 50%; width: 26px; height: 3px; margin-left: -13px;
  border-radius: 0 0 4px 4px; background: linear-gradient(90deg, var(--ay-marigold), var(--ay-gold));
}
body.theme-ayudha .nb-nav-badge { background: var(--ay-gold); color: var(--ay-red-d); font-weight: 800; }
body.theme-ayudha .nb-cartbar { background: linear-gradient(135deg, var(--ay-red-d), var(--ay-red-l)); }

@media (max-width: 640px) {
  body.theme-ayudha #view-home #heroWrap { padding-top: 32px; }
  body.theme-ayudha #view-home #heroWrap::before { height: 34px; background-size: 50px 34px; }
}

/* product page accents */
body.theme-ayudha #view-product .nb-pd-price b,
body.theme-ayudha .pd-bb-price b { color: var(--ay-red); }
body.theme-ayudha #view-product .nb-pd-cat { color: var(--ay-red); }
body.theme-ayudha #view-product .nb-pd-media { border-color: #f1d28a; box-shadow: 0 0 0 3px #fff4d6, 0 0 0 4px #e8c577; }
body.theme-ayudha .pd-trust > div { background: #fff6dc; border-color: #f1d28a; }
body.theme-ayudha .pd-trust i { color: var(--ay-red); }
body.theme-ayudha .pd-buybar { border-top: 2px solid var(--ay-gold); background: linear-gradient(180deg, #fffaf0, #fff1d4); }
body.theme-ayudha .pv-card.sel { border-color: var(--ay-red); background: #fff6e8; box-shadow: 0 0 0 1px var(--ay-red) inset, 0 6px 16px rgba(138, 28, 20, .14); }
body.theme-ayudha .pv-card.sel .pv-tick { background: var(--ay-red); border-color: var(--ay-red); }
body.theme-ayudha .pv-price, body.theme-ayudha .pv-bag { color: var(--ay-red); }