/* ═══════════════════════════════════════════════════════════════
   Hreem Peetham — SITE-WIDE DEVOTIONAL THEME
   Loaded last. Colour / decoration only: no layout, no JS hooks,
   so every dynamic feature keeps working exactly as before.
   Palette: deep maroon · fire saffron · temple gold · warm cream
   ═══════════════════════════════════════════════════════════════ */
:root{
  --sf:#D4500A;--sfl:#FCE9D6;--sfd:#9B3508;
  --gd:#C9931A;--gdl:#FFF1CF;--mn:#6B1E1E;--mnl:#F7E3E0;
  --cr:#FFF8EC;--bd:#EBD3A6;
  --t-deep:#2E0709;--t-mid:#5A1012;--t-gold:#F6C453;--t-gold2:#E0A526;--t-cream:#FFE9C4;
  --t-fire:linear-gradient(135deg,#FF8A1F 0%,#D4500A 45%,#8A1C1C 100%);
  --t-goldg:linear-gradient(135deg,#FFE08A 0%,#F6C453 45%,#D9961A 100%);
  --t-dark:radial-gradient(120% 140% at 80% 0%,#8A1C1C 0%,#4A0D10 52%,#2E0709 100%);
  --sh:0 4px 18px rgba(139,64,12,.10);--shm:0 10px 40px rgba(46,7,9,.35);
  --serif:'Crimson Text','Noto Serif Telugu',serif;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter','Noto Sans Telugu',sans-serif;color:#3b1a10;
  background:
    radial-gradient(900px 500px at 8% -5%,rgba(255,138,31,.10),transparent 60%),
    radial-gradient(800px 480px at 100% 30%,rgba(201,147,26,.10),transparent 60%),
    #FFF8EC;}
a{color:var(--sf);}
::selection{background:#F6C453;color:#3b0d06;}

/* ── Headings: Telugu-safe serif everywhere ───────────────────── */
.sec-title,.sub-heading,.home-card h3,.sc-name,.ev-name,.product-body h3,.donation-card h3,.sidebar-card h4,
.policy-card h3,.contact-info-card h3,.contact-form-card h3,.modal-header h2,.detail-copy h1,.detail-content h2,
.detail-content h3,.gallery-program-head h3,.hero-h1,.hero-telugu,.quote-text,.nav-brand-text h1{font-family:var(--serif);}
.sc-telugu,.ev-telugu,.product-telugu,.detail-telugu{font-family:'Noto Sans Telugu','Inter',sans-serif;}

/* ── Page titles with a gold lotus rule ───────────────────────── */
.page-sec>.sec-title{position:relative;display:inline-block;font-size:34px;font-weight:700;padding-bottom:12px;margin-bottom:10px;
  background:linear-gradient(180deg,#8A1C1C,#5A1012);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.page-sec>.sec-title::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;border-radius:4px;
  background:linear-gradient(90deg,#D4500A,#F6C453 55%,transparent);-webkit-text-fill-color:initial;}
.page-sec>.sec-title::before{content:'❁';position:absolute;right:-30px;bottom:-4px;font-size:18px;color:var(--t-gold2);-webkit-text-fill-color:var(--t-gold2);}
.sec-sub{color:#7A5236;}

/* ── Navigation ───────────────────────────────────────────────── */
.main-nav{background:linear-gradient(90deg,#2E0709 0%,#5A1012 50%,#2E0709 100%);border-bottom:2px solid var(--t-gold2);
  box-shadow:0 4px 22px rgba(46,7,9,.45);}
.nav-logo{border:2px solid var(--t-gold);box-shadow:0 0 14px rgba(246,196,83,.55);}
.nav-brand-text h1{color:var(--t-gold);font-weight:700;letter-spacing:.02em;text-shadow:0 0 12px rgba(246,196,83,.35);}
.nav-brand-text span{color:#f0cf93;}
.nav-link{color:#ffe3b3;border-radius:999px;}
.nav-link:hover{background:rgba(246,196,83,.16);color:#fff;}
.nav-link.act{background:var(--t-goldg);color:#4a1208;font-weight:600;box-shadow:0 2px 10px rgba(246,196,83,.45);}
.nav-admin-btn.btn-ghost{color:var(--t-gold);border-color:rgba(246,196,83,.65);}
.nav-admin-btn.btn-ghost:hover{background:rgba(246,196,83,.15);}
.hamburger span{background:var(--t-gold);}
.mobile-menu{background:linear-gradient(180deg,#3a0a0c,#2E0709);border-bottom:2px solid var(--t-gold2);}
.mobile-menu .nav-link{color:#ffe3b3;border-radius:0;border-bottom:1px solid rgba(246,196,83,.14);}
.mobile-menu .nav-link:hover,.mobile-menu .nav-link.act{background:rgba(246,196,83,.14);color:var(--t-gold);}
.mobile-bottom-nav{background:linear-gradient(180deg,#4a0d10,#2E0709);border-top:2px solid var(--t-gold2);box-shadow:0 -6px 20px rgba(46,7,9,.35);}
.mbn-btn{color:#e8c690;}
.mbn-btn.act{color:var(--t-gold);text-shadow:0 0 10px rgba(246,196,83,.6);}

/* ── Hero ─────────────────────────────────────────────────────── */
.hero{background:radial-gradient(110% 120% at 50% 0%,#B3360C 0%,#6B1514 42%,#2E0709 100%);border-bottom:3px solid var(--t-gold2);overflow-x:clip;max-width:100%;}
.hero::before{content:'';position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;z-index:1;pointer-events:none;opacity:.2;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 400 400'><g fill='none' stroke='%23F6C453' stroke-width='1.1'><circle r='198'/><circle r='104'/><circle r='74'/><circle r='40'/><g id='p'><path d='M0 -192C24 -162 24 -130 0 -104C-24 -130 -24 -162 0 -192Z'/><path transform='rotate(45)' d='M0 -192C24 -162 24 -130 0 -104C-24 -130 -24 -162 0 -192Z'/><path transform='rotate(90)' d='M0 -192C24 -162 24 -130 0 -104C-24 -130 -24 -162 0 -192Z'/><path transform='rotate(135)' d='M0 -192C24 -162 24 -130 0 -104C-24 -130 -24 -162 0 -192Z'/></g><use href='%23p' transform='rotate(22.5)'/><use href='%23p' transform='rotate(180)'/><use href='%23p' transform='rotate(202.5)'/><path d='M0 -70L61 35L-61 35Z'/><path d='M0 70L61 -35L-61 -35Z'/></g></svg>") center/contain no-repeat;
  animation:thSpin 160s linear infinite;}
.hero::after{color:rgba(246,196,83,.05);}
.hero-slide-overlay{background:linear-gradient(160deg,rgba(46,7,9,.86) 0%,rgba(90,16,18,.78) 45%,rgba(179,54,12,.62) 100%);}
.hs-dot.act{background:var(--t-gold);box-shadow:0 0 10px rgba(246,196,83,.8);}
.hero-eyebrow{color:var(--t-gold);letter-spacing:.22em;text-shadow:0 0 14px rgba(246,196,83,.5);}
.hero-h1{font-weight:700;color:#fff6e2;text-shadow:0 4px 20px rgba(0,0,0,.45);}
.hero-h1 span{background:linear-gradient(180deg,#fff3c4,#F6C453 55%,#E0A526);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.hero-telugu{font-family:'Noto Serif Telugu',var(--serif);color:#ffd88a;font-weight:600;}
.hero-desc{color:#ffe9cf;}
.hero-ticker{background:rgba(46,7,9,.55);border:1px solid rgba(246,196,83,.6);backdrop-filter:blur(4px);box-shadow:0 0 22px rgba(246,196,83,.18);}
.ticker-label{color:var(--t-gold);font-weight:600;}
.ticker-text{color:#fff3da;}
@media(max-width:768px){
  .hero-content{background:radial-gradient(120% 140% at 50% 0%,#8A1C1C 0%,#4A0D10 55%,#2E0709 100%)!important;}
  .hero::before{width:min(520px,100vw);height:min(520px,100vw);margin:calc(min(520px,100vw)/-2) 0 0 calc(min(520px,100vw)/-2);}
}

/* ── Buttons ──────────────────────────────────────────────────── */
.btn{border-radius:999px;font-weight:600;letter-spacing:.01em;}
.btn-primary{background:var(--t-fire);color:#fff;box-shadow:0 5px 16px rgba(212,80,10,.35);}
.btn-primary:hover{background:linear-gradient(135deg,#FF9A3C,#E0560C 45%,#9B1F1F);transform:translateY(-1px);box-shadow:0 8px 22px rgba(212,80,10,.45);}
.btn-gold{background:var(--t-goldg);color:#4a1208;box-shadow:0 5px 16px rgba(224,165,38,.4);}
.btn-gold:hover{background:linear-gradient(135deg,#FFE9A8,#F6C453 45%,#E0A526);color:#3a0d06;transform:translateY(-1px);}
.btn-ghost{color:var(--mn);border:1.5px solid var(--t-gold2);background:rgba(255,241,207,.4);}
.btn-ghost:hover{background:var(--gdl);border-color:var(--sf);color:var(--sf);}
.btn-ghost-white{color:#ffe7a8;border:1.5px solid rgba(246,196,83,.7);background:rgba(246,196,83,.08);}
.btn-ghost-white:hover{background:rgba(246,196,83,.2);}
.btn-whatsapp{border-radius:999px;}

/* ── Cards (home, rituals, products, events, policies, forms) ─── */
.home-card,.service-card,.product-card,.event-card,.policy-card,.card,.mission-card,.trustee-card,.detail-hero,.detail-content,.gallery-card{
  background:linear-gradient(180deg,#fff 0%,#FFF8EA 100%);border:1px solid var(--bd);box-shadow:var(--sh);}
.home-card,.service-card,.product-card,.event-card,.policy-card,.detail-content,.card{position:relative;overflow:hidden;}
.home-card::before,.service-card::before,.product-card::before,.event-card::before,.policy-card::before,.detail-content::before,.card::before{
  content:'';position:absolute;left:0;right:0;top:0;height:4px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,#D4500A,#F6C453,#6B1E1E,#F6C453,#D4500A);}
.home-card,.service-card,.product-card,.event-card{transition:transform .28s,box-shadow .28s,border-color .28s;}
.home-card:hover,.service-card:hover,.product-card:hover,.event-card:hover{border-color:var(--t-gold2);transform:translateY(-5px);box-shadow:0 14px 34px rgba(212,80,10,.22),0 0 0 1px rgba(246,196,83,.5);}
.hc-icon{width:62px;height:62px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:30px;
  background:radial-gradient(circle at 35% 30%,#fff3c8,#F6C453 60%,#E0A526);box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--t-gold2),0 8px 18px rgba(201,147,26,.4);}
.home-card h3,.sc-name,.ev-name,.product-body h3{color:var(--mn);font-weight:700;}
.sc-badge{background:linear-gradient(135deg,#fff1cf,#ffe0a0);color:#7a1a12;border:1px solid var(--t-gold2);font-weight:600;}
.sc-price,.ev-fee-paid,.detail-price{color:var(--sf);}
.product-category{color:var(--sfd);}
.product-bottom strong{color:var(--mn);}
.catalog-media{background:linear-gradient(135deg,#FCE9D6,#FFF1CF);}
.empty-state,.no-events{border:1.5px dashed var(--t-gold2);border-radius:18px;background:rgba(255,241,207,.45);color:#7A5236;}
.loading-spinner{color:#9b6a3a;}

/* ── Detail pages ─────────────────────────────────────────────── */
.detail-hero{border:1px solid var(--t-gold2);box-shadow:0 12px 34px rgba(139,64,12,.16);}
.detail-copy h1{color:var(--mn);font-weight:700;}
.detail-content h2,.detail-content h3{color:var(--mn);}
.detail-content h2{border-bottom:2px solid var(--bd);padding-bottom:8px;}

/* ── Quote / gallery strip ────────────────────────────────────── */
.quote-block{background:var(--t-dark);border:1px solid rgba(246,196,83,.6);box-shadow:0 12px 34px rgba(46,7,9,.3);position:relative;overflow:hidden;}
.quote-block::before{content:'ॐ';position:absolute;right:14px;bottom:-30px;font-size:150px;line-height:1;color:#fff;opacity:.06;pointer-events:none;}
.quote-text{color:var(--t-gold);font-size:19px;}
.quote-sub{color:#ffd9a0;}
.gallery-strip-wrap{border:1px solid rgba(246,196,83,.5);}

/* ── Gallery ──────────────────────────────────────────────────── */
.gallery-filter-btn{border:1.5px solid var(--t-gold2);background:#FFF8EA;color:var(--mn);}
.gallery-filter-btn:hover{border-color:var(--sf);color:var(--sf);}
.gallery-filter-btn.act{background:var(--t-fire);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(212,80,10,.35);}
.gallery-program-head{border-bottom:2px solid var(--bd);}
.gallery-program-cat{background:var(--gdl);color:var(--sfd);border:1px solid var(--t-gold2);}
.gallery-card{border:1px solid var(--t-gold2);}
.gallery-card-cat{background:rgba(46,7,9,.75);border:1px solid rgba(246,196,83,.6);color:var(--t-gold);}

/* ── Donations ────────────────────────────────────────────────── */
.amt-btn{border:2px solid var(--bd);background:#FFF8EA;color:var(--mn);border-radius:999px;}
.amt-btn:hover,.amt-btn.sel{border-color:var(--t-gold2);background:var(--t-goldg);color:#4a1208;box-shadow:0 4px 12px rgba(224,165,38,.4);}
.dana-level{border-left:4px solid var(--t-gold2);}
.dana-level.saffron{background:linear-gradient(90deg,#FCE9D6,#fff);border-left-color:var(--sf);}
.dana-level.gold{background:linear-gradient(90deg,#FFF1CF,#fff);}
.dana-level.maroon{background:linear-gradient(90deg,#F7E3E0,#fff);border-left-color:var(--mn);}

/* ── Forms & modals ───────────────────────────────────────────── */
.form-group label{color:var(--mn);}
.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--bd);background:#fffdf8;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--t-gold2);box-shadow:0 0 0 3px rgba(246,196,83,.3);outline:none;}
.info-box{background:linear-gradient(90deg,#FFF1CF,#FFF8EA);color:#7a4a12;border-left:4px solid var(--t-gold2);}
.confirm-note{background:#FFF1CF;color:#7a4a12;}
.modal-overlay{background:rgba(30,5,7,.78);backdrop-filter:blur(3px);}
.modal{border:1px solid var(--t-gold2);box-shadow:var(--shm);}
.modal-header{background:var(--t-dark);border-bottom:2px solid var(--t-gold2);}
.modal-header h2{color:var(--t-gold);}
.modal-close{background:rgba(246,196,83,.18);color:var(--t-gold);}
.modal-close:hover{background:rgba(246,196,83,.4);}
.order-summary,.upi-info-box{background:linear-gradient(135deg,#FFF1CF,#FCE9D6);}
.pay-opt:hover,.pay-opt.selected{border-color:var(--t-gold2);background:var(--gdl);}
.gallery-lightbox .modal-header{background:transparent;border:0;}
.gallery-lightbox .modal{border:0;}

/* ── Footer ───────────────────────────────────────────────────── */
.site-footer{background:var(--t-dark);border-top:3px solid var(--t-gold2);color:#f0d3a2;padding:26px 28px;position:relative;}
.site-footer p:first-child{color:var(--t-gold);font-size:16px;font-weight:600;}
.footer-credit a{color:var(--t-gold);}

/* ── Contact / policies ───────────────────────────────────────── */
.ci a{color:var(--sfd);font-weight:500;}
.map-container{border:2px solid var(--t-gold2);}
.policy-card h3{color:var(--mn);}

/* ═══ HOME — latest programs & rituals ═══════════════════════════ */
.home-programs-block{margin:34px 0 30px;}
.hp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.hp-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sfd);background:var(--gdl);border:1px solid var(--t-gold2);padding:4px 12px;border-radius:999px;margin-bottom:8px;}
.hp-head .sec-title{margin:0;}
.hp-actions{display:flex;gap:8px;flex-wrap:wrap;}
.hp-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;}
.hp-stat{flex:1 1 150px;min-width:0;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;color:#fff;cursor:pointer;
  background:var(--t-dark);border:1px solid rgba(246,196,83,.55);box-shadow:0 8px 22px rgba(46,7,9,.25);transition:transform .25s;}
.hp-stat:hover{transform:translateY(-3px);}
.hp-stat i{font-style:normal;font-size:26px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--t-goldg);box-shadow:0 0 14px rgba(246,196,83,.5);}
.hp-stat b{display:block;font-family:var(--serif);font-size:26px;line-height:1.1;color:var(--t-gold);}
.hp-stat span{font-size:12px;color:#ffe0b0;}
.hp-next{flex:1 1 100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;
  background:linear-gradient(90deg,#FFF1CF,#FFF8EA);border:1px dashed var(--t-gold2);font-size:13px;color:var(--mn);}
.hp-next strong{color:var(--sf);}
.hp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.hp-card{position:relative;display:flex;flex-direction:column;min-width:0;cursor:pointer;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#FFF8EA);
  border:1px solid var(--bd);box-shadow:var(--sh);transition:transform .28s,box-shadow .28s,border-color .28s;}
.hp-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;z-index:3;background:linear-gradient(90deg,#D4500A,#F6C453,#6B1E1E,#F6C453,#D4500A);}
.hp-card:hover{transform:translateY(-5px);border-color:var(--t-gold2);box-shadow:0 14px 34px rgba(212,80,10,.22),0 0 0 1px rgba(246,196,83,.5);}
.hp-media{height:160px;}
.hp-media .sc-icon-fallback{font-size:60px;}
.hp-tag{position:absolute;top:14px;left:12px;z-index:4;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;color:#fff;letter-spacing:.04em;box-shadow:0 3px 10px rgba(0,0,0,.3);}
.hp-ev .hp-tag{background:linear-gradient(135deg,#8A1C1C,#4A0D10);border:1px solid var(--t-gold);color:var(--t-gold);}
.hp-rt .hp-tag{background:var(--t-fire);}
.hp-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;}
.hp-body h3{font-family:var(--serif);font-size:20px;line-height:1.25;color:var(--mn);font-weight:700;}
.hp-te{font-size:12px;color:#8a6a4c;margin:2px 0 6px;font-family:'Noto Sans Telugu','Inter',sans-serif;}
.hp-meta{font-size:12px;color:#7a4a12;margin-bottom:8px;line-height:1.6;}
.hp-body p{font-size:12.5px;line-height:1.65;color:#4A3728;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;}
.hp-foot strong{font-size:17px;color:var(--sf);}
.hp-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.hp-glance .hp-tile{padding:22px 14px;text-align:center;border-radius:18px;color:#fff;cursor:pointer;background:var(--t-dark);border:1px solid rgba(246,196,83,.55);box-shadow:0 8px 22px rgba(46,7,9,.25);transition:transform .25s;}
.hp-glance .hp-tile:nth-child(2){background:var(--t-fire);}
.hp-glance .hp-tile:hover{transform:translateY(-4px);}
.hp-tile b{display:block;font-size:34px;margin-bottom:8px;font-weight:400;}
.hp-tile strong{display:block;font-family:var(--serif);font-size:18px;color:var(--t-gold);margin-bottom:4px;}
.hp-glance .hp-tile:nth-child(2) strong{color:#fff3c4;}
.hp-tile span{font-size:12px;line-height:1.6;color:#ffe3b8;}
@media(max-width:900px){.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hp-glance{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){
  .hp-grid{grid-template-columns:1fr;}
  .hp-media{height:150px;}
  .hp-stat{padding:12px;gap:10px;}.hp-stat b{font-size:22px;}
  .page-sec>.sec-title{font-size:27px;}.page-sec>.sec-title::before{display:none;}
}
@keyframes thSpin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none;}.home-card,.service-card,.product-card,.event-card,.hp-card,.hp-stat{transition:none;}}

/* ── Polish ───────────────────────────────────────────────────── */
.sc-badge{z-index:5;}
.catalog-media .catalog-placeholder{font-size:58px;line-height:1;filter:drop-shadow(0 4px 12px rgba(201,147,26,.5));}
#site-main{min-height:calc(100vh - 300px);}                 /* keep footer at the bottom on short pages */
