/* =========================================================
   Adhiraj Kunj — Legal Pages (Privacy / Terms / Refund / Disclaimer)
   ========================================================= */

/* ---------- Page hero ---------- */
.legal-hero{
  position:relative;padding:calc(var(--header-h) + 56px) 0 64px;
  background:linear-gradient(160deg,var(--dark) 0%,var(--brand) 62%,var(--brand-2) 100%);
  overflow:hidden;
}
.legal-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(560px 320px at 12% 0%, rgb(var(--gold-rgb) / .16), transparent 60%),
    radial-gradient(620px 360px at 100% 100%, rgb(255 255 255 / .08), transparent 55%);
  pointer-events:none;
}
.legal-hero .container{position:relative}
.legal-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .22);
  color:#fff;padding:9px 18px;border-radius:var(--r-pill);
  font-size:13px;font-weight:700;letter-spacing:.02em;
  backdrop-filter:blur(6px);
}
.legal-badge .ic{font-size:16px;color:var(--gold-soft)}
.legal-hero-head{text-align:center;max-width:760px;margin:22px auto 0}
.legal-hero-head h1{color:#fff;font-size:clamp(32px,4.2vw,52px);margin-bottom:10px}
.legal-hero-head p{color:rgb(255 255 255 / .82);font-size:17px}

.legal-meta{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:760px;margin:34px auto 0;
}
.legal-meta-item{
  background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .18);
  border-radius:var(--r);padding:16px 18px;text-align:center;
  backdrop-filter:blur(6px);
}
.legal-meta-item .ic{color:var(--gold-soft);font-size:18px;margin-bottom:8px;display:inline-block}
.legal-meta-item span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgb(255 255 255 / .7);font-weight:700}
.legal-meta-item strong{display:block;margin-top:5px;font-size:16px;color:#fff}

.legal-alert{
  max-width:760px;margin:22px auto 0;display:flex;align-items:center;gap:12px;
  background:rgb(var(--gold-rgb) / .18);border:1px solid rgb(var(--gold-rgb) / .4);
  border-radius:var(--r);padding:14px 18px;color:#fff;font-size:14.5px;font-weight:600;
}
.legal-alert .ic{color:var(--gold-soft);font-size:18px;flex:0 0 auto}

/* ---------- Content blocks ---------- */
.legal-body{padding:80px 0}
.legal-wrap{max-width:880px;margin-inline:auto;display:grid;gap:26px}

.legal-block{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 34px;box-shadow:var(--sh-xs);
  position:relative;overflow:hidden;
}
.legal-block-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.legal-block-ic{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:13px;
  background:rgb(var(--brand-rgb) / .08);color:var(--brand);font-size:19px;
}
.legal-block-head h2{font-size:clamp(19px,2.2vw,24px);color:var(--dark)}
.legal-block p{color:var(--muted);font-size:15.5px;margin-top:12px;line-height:1.7}
.legal-block p:first-of-type{margin-top:0}
.legal-block p strong{color:var(--dark)}

.legal-sub{margin-top:22px}
.legal-sub h3{font-size:15px;font-weight:800;color:var(--dark);margin-bottom:10px}

.legal-list{display:grid;gap:10px;margin-top:8px}
.legal-list li{
  display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text);line-height:1.55;
}
.legal-list li .ic{color:var(--brand);font-size:15px;margin-top:4px;flex:0 0 auto}
.legal-list.is-cross li .ic{color:#C0392B}

.legal-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.legal-panel{
  border-radius:var(--r);padding:18px 20px;border:1px solid var(--line);
}
.legal-panel h3{font-size:14px;font-weight:800;color:var(--dark);margin-bottom:10px}
.legal-panel--brand{background:rgb(var(--brand-rgb) / .05);border-color:rgb(var(--brand-rgb) / .16)}
.legal-panel--gold{background:rgb(var(--gold-rgb) / .08);border-color:rgb(var(--gold-rgb) / .3)}
.legal-panel--green{background:#EAF7EF;border-color:#BFE6CC}
.legal-panel--rose{background:#FCEDEC;border-color:#F3C9C5}
.legal-panel--purple{background:#F2EEFB;border-color:#DACFF3}
.legal-panel--amber{background:#FFF7E0;border-color:#F0DFA0}

.legal-callout{
  margin-top:18px;border-radius:var(--r);padding:16px 18px;
  font-size:14.5px;font-weight:600;color:var(--dark);
  background:rgb(var(--brand-rgb) / .06);border:1px solid rgb(var(--brand-rgb) / .16);
}

.legal-steps{display:grid;gap:14px;margin-top:16px}
.legal-step{display:flex;gap:14px;align-items:flex-start}
.legal-step-num{
  flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  background:var(--brand);color:#fff;font-size:13px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
}
.legal-step h4{font-size:14.5px;font-weight:800;color:var(--dark);margin-bottom:3px}
.legal-step p{margin:0;font-size:14.5px;color:var(--muted)}

.legal-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14.5px}
.legal-table th,.legal-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.legal-table th{color:var(--dark);font-weight:800;font-size:13px}
.legal-table td{color:var(--muted)}
.legal-table td strong{color:var(--dark)}
.legal-table tr:last-child td{border-bottom:0}

.legal-note{font-size:13.5px;color:var(--muted);margin-top:14px;font-style:italic}

/* ---------- Contact strip ---------- */
.legal-contact{
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);
  border-radius:var(--r-xl);padding:44px 40px;color:#fff;margin-top:8px;
}
.legal-contact h2{color:#fff;font-size:clamp(20px,2.4vw,26px);text-align:center}
.legal-contact-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;
}
.legal-contact-item{text-align:center}
.legal-contact-item .detail-ic{
  background:rgb(255 255 255 / .14);color:#fff;width:46px;height:46px;font-size:19px;
  margin-inline:auto;margin-bottom:12px;
}
.legal-contact-item h3{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.legal-contact-item p{color:rgb(255 255 255 / .88);font-size:15px;margin-top:6px;font-weight:600}
.legal-contact-foot{
  margin-top:30px;padding-top:22px;border-top:1px solid rgb(255 255 255 / .2);
  text-align:center;font-size:13.5px;color:rgb(255 255 255 / .78);
}

/* ---------- CTA banner (shared visual language reused) ---------- */
.legal-cta{
  background:linear-gradient(135deg,var(--dark) 0%,var(--brand) 100%);
  padding:48px 0;text-align:center;
}
.legal-cta h2{color:#fff;font-size:clamp(20px,2.6vw,28px)}
.legal-cta p{color:rgb(255 255 255 / .8);margin-top:8px;font-size:15px}
.legal-cta-actions{display:flex;gap:14px;justify-content:center;margin-top:24px;flex-wrap:wrap}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .legal-meta{grid-template-columns:1fr}
  .legal-cols{grid-template-columns:1fr}
  .legal-contact-grid{grid-template-columns:1fr}
  .legal-block{padding:26px 22px}
}