/* ============================================================
   Mprayer — "Dravidian Bold" homepage theme
   Vibrant Chola / South-Indian temple aesthetic.
   Colourful gopurams, temple-stone, gold, kolam.
   Loads ON TOP of styles.css (shared nav/footer/buttons).
   ============================================================ */
.dravidian{
  --brick:#B23A1E; --brick-deep:#8A2A15;
  --maroon:#6E1F18; --maroon-ink:#4A150F;
  --gold:#DFA219; --gold-deep:#B27812; --gold-light:#F3CF6E;
  --saffron:#E8801A;
  --tblue:#12708A; --teal:#1E8C79; --green:#2E7D4F; --pink:#C2185B;
  --cream:#FCF4E2; --cream-2:#F7EACB; --sand:#F1E1BE;
  --ink:#3A2415; --ink-soft:#6A4E38;
  --line-gold:#CDA24A;
  --stone:#241811;
  background:var(--cream);
  color:var(--ink);
}
.dravidian h1,.dravidian h2,.dravidian h3,.dravidian .display{
  font-family:'Marcellus',Georgia,serif;color:var(--maroon);font-weight:400;letter-spacing:.01em}
.dravidian p{color:var(--ink-soft)}
.dravidian .eyebrow{color:var(--gold-deep);letter-spacing:.24em}

/* ---------- multicolour temple band (the painted-tier motif) ---------- */
.t-band{height:8px;background:linear-gradient(90deg,
  var(--brick) 0 16.66%, var(--gold) 16.66% 33.33%, var(--tblue) 33.33% 50%,
  var(--green) 50% 66.66%, var(--saffron) 66.66% 83.33%, var(--pink) 83.33% 100%);
  background-size:120px 100%}

/* ---------- Srirangam red-&-white painted temple-wall band ---------- */
.wall-band{height:28px;background:repeating-linear-gradient(90deg,
  #B5341F 0 24px, #FBF4E6 24px 48px);
  border-top:2px solid var(--maroon-ink);border-bottom:2px solid var(--maroon-ink)}
.wall-band--bottom{position:absolute;left:0;right:0;bottom:0;z-index:4}

/* ---------- PHOTO HERO (real temple image + warm scrim) ---------- */
.d-hero--photo{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;border-bottom:none}
.d-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 34%}
/* only a light vignette so the image stays vivid and un-masked */
.d-hero-scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(20,6,4,.28),rgba(20,6,4,0) 22%,rgba(20,6,4,.14) 78%,rgba(20,6,4,.3) 100%)}
.d-hero--photo .d-hero-in{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:56px 20px;width:100%;display:block}
/* text sits in a frosted-glass panel — more image shows through, text stays crisp */
.d-hero--photo .d-hero-copy{max-width:540px;margin-left:auto;text-align:left;
  background:linear-gradient(180deg,rgba(48,13,8,.62),rgba(34,9,6,.72));
  border:1.5px solid rgba(243,207,110,.6);border-radius:18px;
  padding:30px 30px 28px;box-shadow:0 18px 46px rgba(20,6,4,.42);
  -webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15)}
.d-hero--photo .d-hero-copy h1{text-shadow:0 1px 10px rgba(0,0,0,.4)}
.d-hero--photo .d-hero-copy .sub{text-shadow:0 1px 8px rgba(0,0,0,.4)}
.d-hero--photo .d-greet{color:#fff}
.d-hero--photo .d-greet small{color:#FFD27A}
.d-hero--photo .d-hero-copy h1{color:#fff}
.d-hero--photo .d-hero-copy .sub{color:#F5E7CC;max-width:100%}
.d-hero--photo .d-hero-trust{color:#F0DEBE}
.d-hero--photo .d-hero-trust .tick{color:#FFC65A}
.d-hero--photo .d-hero-cta .btn--ghost{border-color:#F3CF6E;color:#fff;background:rgba(255,255,255,.08)}
.d-hero--photo .d-hero-cta .btn--ghost:hover{background:rgba(255,255,255,.18)}
@media(max-width:860px){
  /* stack: image as a band on top, text panel below (both read clearly) */
  .d-hero--photo{display:block;min-height:0}
  .d-hero-bg{position:relative;inset:auto;height:230px;background-position:center 30%}
  .d-hero-scrim{display:none}
  .d-hero--photo .d-hero-in{position:static;padding:0}
  .d-hero--photo .d-hero-copy{max-width:100%;margin:0;border:none;border-radius:0;
    background:linear-gradient(180deg,#3a2415,#2b1c12);
    -webkit-backdrop-filter:none;backdrop-filter:none;padding:26px 20px 30px}
}

/* ---------- nav tuned bold ---------- */
.dravidian .greetbar{background:var(--maroon-ink);color:#ffe9c7}
.dravidian .greetbar b{color:var(--gold-light)}
.dravidian .site-header{background:rgba(252,244,226,.94);border-bottom:2px solid var(--line-gold)}
.dravidian .nav-links a{color:var(--ink)}
.dravidian .nav-links a:hover{color:var(--brick)}
.dravidian .btn--temple{background:var(--brick);color:#fff;border-color:var(--brick-deep)}
.dravidian .btn--temple:hover{background:var(--brick-deep);color:#fff}
.dravidian .btn--primary{background:linear-gradient(180deg,var(--saffron),var(--brick));color:#fff;border:1.5px solid var(--gold-deep);box-shadow:0 4px 0 var(--maroon)}
.dravidian .btn--primary:hover{filter:brightness(1.05)}
.dravidian .btn--ghost{border-color:var(--gold-deep);color:var(--maroon)}
.dravidian .btn--ghost:hover{background:#fff}

/* ---------- HERO ---------- */
.d-hero{position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 500px at 50% 120%, #fff6e2 0%, var(--cream) 40%),
    linear-gradient(180deg,#FBEFD3,var(--cream));
  border-bottom:2px solid var(--line-gold)}
.d-hero-in{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:34px 20px 0;
  display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.d-hero-copy{text-align:left}
.d-greet{font-family:'Marcellus',serif;font-size:clamp(2.4rem,5.2vw,3.8rem);color:var(--maroon);line-height:1.02;margin:.1em 0}
.d-greet small{display:block;font-family:'Poppins',sans-serif;font-size:.8rem;letter-spacing:.34em;
  text-transform:uppercase;color:var(--gold-deep);margin-top:12px}
.d-hero h1{font-size:clamp(1.5rem,2.7vw,2.15rem);color:var(--stone);margin:18px 0 14px;font-weight:400}
.d-hero .sub{font-size:1.1rem;max-width:520px;color:var(--ink-soft);margin:0 0 24px}
.d-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.d-hero-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-size:.85rem;color:var(--ink-soft)}
.d-hero-trust span{display:inline-flex;align-items:center;gap:7px}
.d-hero-trust .tick{color:var(--brick);font-weight:700}
/* gopuram art column */
.d-hero-art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:520px}
.d-gopuram{width:100%;max-width:440px;height:auto;filter:drop-shadow(0 18px 30px rgba(74,21,15,.28))}
.d-hero-art .halo{position:absolute;top:6%;left:50%;transform:translateX(-50%);width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(243,207,110,.55),rgba(243,207,110,0) 68%);z-index:-1}

/* ---------- section shell ---------- */
.d-sec{padding:64px 0;position:relative}
.d-sec .section-head{max-width:720px;margin:0 auto 26px;text-align:center}
.d-sec .lead{font-size:1.1rem;color:var(--ink-soft)}
.d-kolam{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px auto 0;max-width:460px;color:var(--gold-deep)}
.d-kolam .ln{height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--line-gold))}
.d-kolam .ln.r{background:linear-gradient(90deg,var(--line-gold),transparent)}
.d-kolam svg{width:40px;height:40px;color:var(--brick)}

/* ---------- concern cards ---------- */
.d-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto}
.d-cat{position:relative;background:#fff;border:1.5px solid var(--sand);border-radius:14px;padding:22px 20px 20px;
  text-align:left;color:inherit;overflow:hidden;transition:.16s;display:block}
.d-cat::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--brick),var(--gold),var(--tblue))}
.d-cat:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 28px rgba(74,21,15,.12);text-decoration:none}
.d-cat .ic{width:46px;height:46px;color:var(--brick);margin-bottom:10px}
.d-cat h3{font-size:1.12rem;margin:0 0 4px;color:var(--maroon)}
.d-cat p{margin:0;font-size:.9rem;color:var(--ink-soft)}

/* ---------- how it works ---------- */
.d-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1040px;margin:0 auto}
.d-step{background:#fff;border:1.5px solid var(--sand);border-radius:12px;padding:18px 12px;text-align:center;position:relative}
.d-step .n{width:38px;height:38px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;
  font-family:'Poppins',sans-serif;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--saffron),var(--brick));
  box-shadow:0 3px 0 var(--maroon)}
.d-step h4{font-family:'Poppins',sans-serif;font-size:.9rem;color:var(--maroon);margin:0 0 3px}
.d-step p{margin:0;font-size:.78rem;color:var(--ink-soft)}

/* ---------- signature poojas ---------- */
.d-pujas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:0 auto}
.d-puja{position:relative;background:#fff;border:1.5px solid var(--sand);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 8px 20px rgba(74,21,15,.06)}
.d-puja-top{position:relative;height:120px;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(120px 120px at 50% 130%,#fff2d4,transparent),linear-gradient(135deg,var(--brick),var(--maroon))}
.d-puja-top .mini-gopuram{width:88px;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}
.d-puja-top .state{position:absolute;top:10px;left:12px;font-family:'Poppins',sans-serif;font-size:.68rem;
  letter-spacing:.1em;text-transform:uppercase;color:#ffe9c7;background:rgba(74,21,15,.55);padding:3px 10px;border-radius:999px}
.d-puja-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.d-puja .temple{font-family:'Marcellus',serif;font-size:1.18rem;color:var(--maroon);line-height:1.15}
.d-puja .ritual{font-family:'Poppins',sans-serif;font-size:.92rem;color:var(--brick);font-weight:500}
.d-puja .story{font-size:.85rem;color:var(--ink-soft);margin:2px 0 0}
.d-tag{align-self:flex-start;font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;
  background:#eaf5f2;color:var(--teal);border:1px solid #cfe9e2;margin-top:2px}
.d-puja .row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}
.d-puja .price{font-family:'Poppins',sans-serif;font-weight:700;color:var(--maroon);font-size:1.15rem}
.d-puja .price small{display:block;font-weight:400;font-size:.68rem;color:var(--ink-soft);letter-spacing:.02em}
/* real photo slot (used if a temple image is added later) */
.d-puja-top img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

/* ---------- trust band (temple stone) ---------- */
.d-trust{position:relative;overflow:hidden;background:
  linear-gradient(180deg,rgba(36,24,17,.94),rgba(36,24,17,.94)),
  radial-gradient(circle at 20% 0,rgba(223,162,25,.25),transparent 40%);
  color:#f3e6cf;border-top:4px solid var(--gold);border-bottom:4px solid var(--gold)}
.d-trust .inner{max-width:900px;margin:0 auto;padding:56px 20px;text-align:center;position:relative;z-index:2}
.d-trust .eyebrow{color:var(--gold-light)}
.d-trust h2{color:#ffe9c7}
.d-trust p{color:#e7d4b6;max-width:640px;margin:0 auto}
.d-trust .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.d-trust .stats>div{background:rgba(255,255,255,.06);border:1px solid rgba(223,162,25,.3);border-radius:12px;padding:16px 12px}
.d-trust .stats b{display:block;font-family:'Marcellus',serif;font-size:1.15rem;color:var(--gold-light)}
.d-trust .stats span{font-size:.8rem;color:#d8c4a4}

/* ---------- footer stays as styles.css (indigo) but add top band ---------- */

/* ---------- responsive ---------- */
@media(max-width:860px){
  .d-hero-in{grid-template-columns:1fr;text-align:center;padding-top:24px}
  .d-hero-copy{text-align:center}
  .d-hero .sub{margin-left:auto;margin-right:auto}
  .d-hero-cta,.d-hero-trust{justify-content:center}
  .d-hero-art{min-height:auto;order:-1;margin-top:6px}
  .d-gopuram{max-width:280px}
  .d-cats{grid-template-columns:repeat(2,1fr)}
  .d-steps{grid-template-columns:repeat(3,1fr)}
  .d-pujas{grid-template-columns:1fr}
  .d-trust .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .d-cats{grid-template-columns:1fr}
  .d-steps{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   COMMON THEME — shared inner-page components
   (Find a Pooja, Our Story, Verified, FAQ, Policies)
   ============================================================ */
.dravidian .section{background:var(--cream)}
.dravidian .lead{color:var(--ink-soft)}
.dravidian .muted{color:var(--ink-soft)}
.dravidian .section-head h2{color:var(--maroon)}

/* prose text pages */
.dravidian .prose h2{color:var(--maroon)}
.dravidian .prose h3{color:var(--brick)}
.dravidian .prose a{color:var(--brick)}
.dravidian .prose li::marker{color:var(--gold-deep)}
/* kolam accent under the first heading of a prose page */
.dravidian .prose > .eyebrow{color:var(--gold-deep)}

/* colourful callout band -> temple stone with gold frame */
.dravidian .band{background:
  linear-gradient(160deg,#2b1c12,#3a2415);
  border:2px solid var(--gold);border-radius:18px}
.dravidian .band h2{color:#ffe9c7}
.dravidian .band p{color:#e7d4b6}
.dravidian .band-stats .s b{color:var(--gold-light)}

/* disclaimer + faq cards */
.dravidian .disclaimer-box{background:#fff;border:1px solid var(--sand);border-left:4px solid var(--brick);color:var(--ink-soft)}
.dravidian .faq-item{background:#fff;border:1.5px solid var(--sand);border-left:4px solid var(--gold)}
.dravidian .faq-item h3{color:var(--maroon)}
.dravidian .faq-item p{color:var(--ink-soft)}

/* booking wizard */
.dravidian .panel{border:1.5px solid var(--sand);border-radius:16px}
.dravidian .field label{color:var(--maroon)}
.dravidian .field .req{color:var(--brick)}
.dravidian .field input,.dravidian .field select,.dravidian .field textarea{border:1.5px solid var(--border-strong);background:#fff}
.dravidian .field input:focus,.dravidian .field select:focus,.dravidian .field textarea:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(178,52,31,.15)}
.dravidian .wsteps .ws.active .b{background:var(--brick);border-color:var(--brick)}
.dravidian .wsteps .ws.done .b{background:var(--green);border-color:var(--green)}
.dravidian .pick{border:1.5px solid var(--sand)}
.dravidian .pick:hover{border-color:var(--gold)}
.dravidian .pick.sel{border-color:var(--brick);background:#FCEFE0}
.dravidian .pick .meta b{color:var(--maroon)}
.dravidian .pick .meta span{color:var(--ink-soft)}
.dravidian .summary{background:var(--cream-2);border:1.5px solid var(--sand)}
.dravidian .summary .l b{color:var(--maroon)}
.dravidian .summary .total{border-top:1px dashed var(--gold-deep)}
.dravidian .note{background:#FAEEDA;border:1px solid #f0d9a8;color:var(--ink-soft)}

/* ---------- footer: one slab of pale granite, inscribed dark text ---------- */
.dravidian .site-footer{
  background:
    linear-gradient(180deg, rgba(252,250,246,.34), rgba(246,243,237,.40)),
    url('../assets/granite-slab.svg');
  background-size:auto, 600px 400px;
  background-repeat:no-repeat, repeat;
  /* stripe band sits flush on the stone: no gap, no divider colour between */
  color:#33241a;border-top:0;margin-top:0}
/* chiselled highlight so lettering reads as carved into the stone */
.dravidian .site-footer h4,
.dravidian .site-footer a,
.dravidian .foot-brand p,
.dravidian .foot-bottom{text-shadow:0 1px 0 rgba(255,255,255,.72)}
.dravidian .site-footer h4{color:#5e1a12;font-weight:700}
.dravidian .site-footer a{color:#33241a;font-weight:500}
.dravidian .site-footer a:hover{color:var(--brick);text-decoration:underline}
.dravidian .foot-brand p{color:#43301f;max-width:300px;line-height:1.65}
/* columns share a top edge; roomier rows so links breathe on the stone */
.dravidian .foot-grid{align-items:start;gap:36px;margin-bottom:30px}
.dravidian .site-footer h4{margin-bottom:16px;letter-spacing:.02em}
.dravidian .site-footer a{margin-bottom:10px;line-height:1.5}
/* legal note: no rule above it, just space — and a readable line length */
.dravidian .foot-bottom{color:#43301f;border-top:0;padding-top:30px;
  max-width:900px;line-height:1.75}

/* ---------- active nav + hover polish ---------- */
.dravidian .nav-links a{transition:color .15s ease}
.dravidian .nav-links a.active{color:var(--brick);font-weight:600;position:relative}
.dravidian .nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;
  background:linear-gradient(90deg,var(--brick),var(--gold))}

/* ---------- custom gopuram mouse cursor (site-wide) ----------
   Remove this whole block to restore the normal arrow cursor. */
.dravidian, .dravidian *{cursor:url('../assets/cursor-gopuram.png') 14 1, auto}
.dravidian a,.dravidian button,.dravidian .btn,.dravidian select,.dravidian .d-cat,.dravidian .pick,.dravidian .hamburger{cursor:url('../assets/cursor-gopuram.png') 14 1, pointer}
.dravidian input,.dravidian textarea{cursor:text}

/* ---------- touch targets: meet the 44px minimum on phones ---------- */
@media(max-width:860px){
  .dravidian .site-footer a{padding:11px 0;margin-bottom:0;min-height:44px;
    display:flex;align-items:center}
  .dravidian .hamburger{width:44px;height:44px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:5px}
  .dravidian .lang-select{min-height:44px}
  .dravidian .wa-float{width:56px;height:56px}
}

/* ---------- booking form: inline errors + optional section ---------- */
.ferr{display:none;color:var(--maroon);font-size:.84rem;margin-top:6px;font-weight:500}
.field input.bad,.field select.bad,.field textarea.bad{
  border-color:var(--maroon);background:#FDF6F4}
.field input.bad:focus,.field select.bad:focus,.field textarea.bad:focus{
  box-shadow:0 0 0 3px rgba(140,42,34,.16)}
.opt-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin:26px 0 6px;padding-top:20px;border-top:1px solid var(--sand);
  font-family:'Poppins',sans-serif;font-weight:600;color:var(--maroon)}
.opt-head .opt-tag{font-weight:500;font-size:.8rem;color:var(--gold-deep);
  background:#FAEEDA;border:1px solid #f0d9a8;border-radius:999px;padding:3px 12px}
/* the step chips double as a way back */
.dravidian .wsteps .ws{cursor:default}
.dravidian .wsteps .ws.done{cursor:pointer}
.dravidian .wsteps .ws.done:hover{color:var(--brick)}
.dravidian .wsteps .ws:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;border-radius:6px}

/* ---------- closing call-to-action band ---------- */
.d-cta{background:linear-gradient(155deg,#F4CE70,#E88A22);text-align:center;padding:60px 20px;
  border-top:3px solid var(--gold-deep)}
.d-cta .eyebrow{color:var(--maroon)}
.d-cta h2{color:var(--maroon-ink);margin:0 0 10px;font-size:clamp(1.7rem,3.4vw,2.4rem)}
.d-cta p{color:#6a2f12;max-width:580px;margin:0 auto 26px;font-size:1.08rem}
.d-cta .btn--temple{background:var(--maroon);border-color:var(--maroon-ink);box-shadow:0 5px 0 rgba(74,21,15,.35)}
.d-cta .btn--temple:hover{background:var(--maroon-ink);color:#fff}