/* Homepage-only extras. The shared art (glows, mandalas, jaali, gold and arch frames, card glows, the scalloped
   closing banner, the diya flicker, the pinned header) lives in /assets/art.css, loaded on every page.
   Plain hand-written CSS, loaded on the homepage only (see pages_home.py). Edit this file directly, no build step. */

.h-numbers, .h-init { position: relative; isolation: isolate; overflow: hidden; }

/* ---------------------------------------------------------------- 1. hero */
.h-hero .h-frame-gold img { height: auto; aspect-ratio: 2149 / 588; object-fit: cover; }
/* ---------------------------------------------------------------- 2. Sunday puja panel */
.h-visit { isolation: isolate; background: radial-gradient(700px 420px at 100% 0%, #17653b 0%, rgba(23,101,59,0) 70%), var(--h-green-deep); }
.h-visit > .h-mandala { z-index: 0; }
.h-puja { margin: 0; display: flex; flex-direction: column; }
/* ---------------------------------------------------------------- 3. numbers */
.h-numbers { background: linear-gradient(180deg, var(--h-page) 0%, #fdf3e2 100%); }

/* ---------------------------------------------------------------- 4. initiatives: colour glow behind each card */
.h-init { background: var(--h-page) var(--h-grain); }
/* "Next event": only the first upcoming event shows (past ones are removed by the page script) */
.h-next ~ .h-next { display: none; }

/* ---------------------------------------------------------------- events: the same cards as the Events page (/assets/events.css).
   Each event carries both the Next up card and a row; the first upcoming one shows the card, the rest show rows. */
.h-events { position: relative; isolation: isolate; overflow: hidden; }
.h-ev .ev-row { display: none; }
.h-ev ~ .h-ev .ev-feature { display: none; }
.h-ev ~ .h-ev .ev-row { display: grid; }
.h-ev .ev-feature { margin-bottom: 0; cursor: default; }
.h-ev:first-child { margin-bottom: 14px; }
a.ev-row { color: inherit; text-decoration: none; }
/* the Details button is a real link here (on the Events page the whole card opens the pop-up instead) */
.h-ev .ev-feature .ev-btn--line { pointer-events: auto; }
/* Sunday puja panel: the Mahapuja note along the bottom */
.h-diya--sm { display: inline-flex; width: 22px; height: 22px; color: var(--h-gold); }
.h-diya--sm svg { width: 100%; height: 100%; }