/* legal-style.css — shared design for Privacy Policy, Terms of Service, Refund Policy */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Noto+Serif+Devanagari:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --paper:#FFF8ED; --paper-deep:#FFF0D6; --ink:#2C1A0E; --ink-s:#5C3820; --ink-faint:#8a6a48;
  --gold:#C47B00; --goldb:#E8950A; --verm:#C0341A; --sage:#3D7A3A; --line:rgba(44,26,14,0.15);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Inter',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}

/* ── Top bar ── */
.legal-topbar{background:#140b04;padding:16px 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(0,0,0,0.25);}
.legal-topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#F1E6C8;}
.legal-topbar .om{font-family:'Noto Serif Devanagari',serif;font-size:24px;color:var(--goldb);}
.legal-topbar .brand-name{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:18px;}
.legal-topbar nav{display:flex;gap:18px;flex-wrap:wrap;}
.legal-topbar nav a{color:rgba(241,230,200,0.75);text-decoration:none;font-size:13px;font-weight:500;transition:color .15s;}
.legal-topbar nav a:hover,.legal-topbar nav a.active{color:var(--goldb);}

/* ── Hero ── */
.legal-hero{background:linear-gradient(180deg,#140b04,#241004);padding:56px 5vw 44px;text-align:center;color:#F1E6C8;}
.legal-hero .eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--goldb);margin-bottom:10px;}
.legal-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,5vw,52px);font-weight:700;margin:0 0 12px;}
.legal-hero p{font-family:'Cormorant Garamond',serif;font-size:17px;color:rgba(241,230,200,0.75);max-width:600px;margin:0 auto;line-height:1.6;}
.legal-hero .updated{margin-top:18px;font-family:'Inter',sans-serif;font-size:12.5px;color:rgba(241,230,200,0.55);}

/* ── Layout ── */
.legal-wrap{max-width:1100px;margin:0 auto;padding:48px 5vw 80px;display:grid;grid-template-columns:250px 1fr;gap:48px;align-items:start;}
@media(max-width:820px){.legal-wrap{grid-template-columns:1fr;}}

/* ── TOC ── */
.legal-toc{position:sticky;top:80px;background:var(--paper-deep);border:1px solid var(--line);border-radius:12px;padding:20px;}
.legal-toc h4{font-family:'Cormorant Garamond',serif;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin:0 0 12px;}
.legal-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;}
.legal-toc li{counter-increment:toc;margin-bottom:9px;}
.legal-toc a{font-size:13px;color:var(--ink-s);text-decoration:none;line-height:1.4;display:flex;gap:8px;}
.legal-toc a::before{content:counter(toc)".";color:var(--gold);font-weight:700;flex-shrink:0;}
.legal-toc a:hover{color:var(--verm);}
@media(max-width:820px){.legal-toc{position:static;margin-bottom:8px;}}

/* ── Content ── */
.legal-body{font-family:'Inter',sans-serif;font-size:15.5px;color:var(--ink-s);max-width:760px;}
.legal-body section{margin-bottom:38px;scroll-margin-top:76px;}
.legal-body h2{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:700;color:var(--ink);margin:0 0 6px;display:flex;gap:10px;align-items:baseline;}
.legal-body h2 .num{color:var(--verm);font-family:'Inter',sans-serif;font-size:15px;font-weight:700;}
.legal-body h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--ink);margin:20px 0 8px;}
.legal-body p{margin:0 0 14px;}
.legal-body ul,.legal-body ol{margin:0 0 14px;padding-left:22px;}
.legal-body li{margin-bottom:7px;}
.legal-body a{color:var(--verm);}
.legal-body strong{color:var(--ink);}
.legal-body table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:14px;}
.legal-body th,.legal-body td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.legal-body th{background:var(--paper-deep);color:var(--ink);font-weight:600;}
.legal-callout{background:var(--paper-deep);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:14px 18px;margin:16px 0;font-size:14px;}
.legal-callout.warn{border-left-color:var(--verm);}
.legal-callout b{color:var(--ink);}
.legal-intro{font-family:'Cormorant Garamond',serif;font-size:17px;color:var(--ink-s);margin-bottom:30px;line-height:1.65;}
.legal-contact-box{background:var(--paper-deep);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-top:10px;}
.legal-contact-box p{margin:0 0 6px;font-size:14px;}

/* ── Footer ── */
.legal-footer{background:#140b04;color:rgba(241,230,200,0.6);text-align:center;padding:26px 5vw;font-size:12.5px;}
.legal-footer a{color:rgba(241,230,200,0.8);text-decoration:none;margin:0 8px;}
.legal-footer a:hover{color:var(--goldb);}

@media print{
  .legal-topbar,.legal-toc,.legal-footer{display:none;}
  .legal-wrap{grid-template-columns:1fr;padding:0;}
  body{background:#fff;}
}

/* ── Moderator inline editing (policy pages) ── */
.policy-edit-toggle{
  position:fixed;bottom:20px;right:20px;z-index:700;
  background:linear-gradient(135deg,#5C3A1E,#8C3B2B);color:#fff;border:none;
  padding:10px 16px;border-radius:999px;cursor:pointer;font-family:'Inter',sans-serif;
  font-size:12px;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,0.25);display:none;align-items:center;gap:6px;
}
.policy-edit-toggle.visible{display:inline-flex;}
.policy-edit-toggle.active{background:linear-gradient(135deg,#3D7A3A,#5F9F3A);}
body.policy-edit-mode .policy-editable{
  outline:2px dashed var(--gold);outline-offset:4px;cursor:text;position:relative;transition:background .15s;
  border-radius:4px;
}
body.policy-edit-mode .policy-editable:hover{background:rgba(196,123,0,0.07);}
body.policy-edit-mode .policy-editable::before{
  content:'✎ click to edit';position:absolute;top:-20px;left:0;font-size:9.5px;
  background:var(--gold);color:#fff;padding:2px 7px;border-radius:4px;font-family:'Inter',sans-serif;
  opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap;z-index:5;
}
body.policy-edit-mode .policy-editable:hover::before{opacity:1;}
.policy-edit-savebar{
  position:fixed;bottom:74px;right:20px;z-index:700;background:#140b04;color:#F1E6C8;
  padding:12px 18px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.4);
  font-family:'Inter',sans-serif;font-size:12px;display:none;align-items:center;gap:10px;max-width:280px;
}
.policy-edit-savebar.show{display:flex;}