/* ============================================================
   Shared styles for the legal / policy pages
   Ujjain Pooja Path — ujjainpoojapath.in
   ============================================================ */
:root{
  --maroon:#7a0c0c; --maroon-dark:#5c0707; --maroon-deep:#3c1608;
  --gold:#d4af37; --gold-soft:#f6d981;
  --cream:#fff8e8; --ink:#2b1710; --paper:#fffdfa;
  --muted:#6d5d52; --line:rgba(78,40,10,.13);
  --green:#128c4b;
  --shadow-sm:0 4px 14px rgba(56,25,10,.08);
  --radius:18px; --max:900px; --header-h:64px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Poppins,"Noto Sans Devanagari",Arial,sans-serif;
  font-size:16px;line-height:1.75;
}
img{display:block;max-width:100%}
a{color:var(--maroon);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}

html[data-lang="en"] .t-hi{display:none!important}
html[data-lang="hi"] .t-en{display:none!important}
html[data-lang="hi"] body{font-family:"Noto Sans Devanagari",Poppins,Arial,sans-serif}
html[data-lang="hi"] h1,html[data-lang="hi"] h2{font-family:"Noto Sans Devanagari",Cinzel,Georgia,serif;letter-spacing:0}

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}

/* ---------- header ---------- */
.legal-header{background:var(--maroon-deep);color:#fff;position:sticky;top:0;z-index:20}
.legal-nav{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700}
.brand:hover{text-decoration:none}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--gold);border-radius:50%;color:var(--gold-soft);font-size:19px;flex:none}
.header-right{display:flex;align-items:center;gap:10px}
.back-home{color:#fff;font-size:13.5px;font-weight:600;border:1px solid rgba(255,255,255,.4);border-radius:9px;padding:9px 14px;min-height:42px;display:inline-flex;align-items:center}
.back-home:hover{background:rgba(255,255,255,.14);text-decoration:none}
.lang-switch{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);flex:none}
.lang-switch button{border:0;background:transparent;color:#fff;padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;min-height:42px;line-height:1}
.lang-switch button[aria-pressed="true"]{background:var(--gold);color:#2a1600}

/* ---------- hero ---------- */
.legal-hero{background:linear-gradient(160deg,var(--maroon),var(--maroon-dark));color:#fff;padding:44px 0 40px}
.legal-hero h1{font-family:Cinzel,Georgia,serif;font-size:clamp(1.7rem,4.4vw,2.6rem);margin:0 0 10px;line-height:1.2}
.legal-hero p{margin:0;color:#f6ded4;font-size:14.5px}
.eff-date{display:inline-block;margin-top:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:99px;padding:6px 14px;font-size:12.5px;font-weight:600}

/* ---------- content ---------- */
.legal-body{padding:46px 0 60px}
.legal-body h2{
  font-family:Cinzel,Georgia,serif;font-size:1.3rem;margin:38px 0 12px;
  padding-top:20px;border-top:1px solid var(--line);color:var(--maroon-dark);
}
.legal-body h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.legal-body h3{font-size:1rem;margin:22px 0 8px;color:var(--ink)}
.legal-body p{margin:0 0 14px}
.legal-body ul{margin:0 0 16px;padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body strong{color:var(--maroon-dark)}

.callout{
  background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:12px;padding:16px 18px;margin:0 0 24px;font-size:14.5px;
}
.callout p:last-child{margin-bottom:0}
.contact-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;box-shadow:var(--shadow-sm);margin-top:28px;
}
.contact-card h3{margin-top:0}
.contact-card p{margin-bottom:6px;font-size:14.5px}

.toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:34px;box-shadow:var(--shadow-sm)}
.toc h2{font-size:.82rem!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;margin:0 0 10px!important;border:0!important;padding:0!important;font-family:Poppins,sans-serif!important}
.toc ol{margin:0;padding-left:20px;font-size:14px}
.toc li{margin-bottom:5px}

/* ---------- footer ---------- */
.legal-footer{background:#1e0f07;color:#c9b7a8;padding:34px 0;font-size:13px}
.legal-footer a{color:var(--gold-soft)}
.legal-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:16px}
.legal-footer .copy{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;color:#a99281;font-size:12px}

/* ---------- sticky contact bar ---------- */
.legal-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;gap:9px;
  background:rgba(30,15,7,.97);border-top:1px solid rgba(212,175,55,.3);
  padding:9px 12px calc(9px + env(safe-area-inset-bottom));
}
.legal-cta a{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;border-radius:11px;font-weight:700;font-size:14.5px;color:#fff;
}
.legal-cta .c-call{background:linear-gradient(135deg,#e8c257,#d4af37);color:#2a1600}
.legal-cta .c-wa{background:var(--green)}
.legal-cta a:hover{text-decoration:none}

@media(max-width:759px){
  body{font-size:15.5px;padding-bottom:70px}
  .wrap{width:calc(100% - 28px)}
  .legal-hero{padding:34px 0 30px}
  .legal-body{padding:34px 0 44px}
  .legal-body h2{font-size:1.18rem;margin-top:30px}
  .back-home{display:none}
  .legal-cta{display:flex}
  .brand span:not(.brand-mark){font-size:14px}
}
@media print{
  .legal-header,.legal-cta,.toc,.legal-footer{display:none}
  body{font-size:11pt}
  .legal-hero{background:none;color:#000;padding:0 0 12px}
  .legal-hero h1{color:#000}
  .legal-hero p,.eff-date{color:#333}
}