/* ===================================================================
   POLICY PAGES — terms-and-conditions.php, privacy-policy.php, refund-policy.php
   =================================================================== */
.policy-page{
  padding:16px 16px calc(24px + var(--safe-bottom));
}

/* ---- Hero ---- */
.policy-hero{
  background:var(--rawm-ink);
  background-image:linear-gradient(135deg, #1F1E20 0%, #2A2522 60%, #4A3020 100%);
  border-radius:18px;
  padding:22px 20px 20px;
  color:#fff;
  text-align:center;
}
.policy-hero-icon{
  width:52px; height:52px;
  margin:0 auto 12px;
  border-radius:14px;
  background:var(--rawm-orange);
  display:flex; align-items:center; justify-content:center;
  font-size:24px; color:#fff;
}
.policy-hero h2{
  font-family:var(--font-display);
  font-weight:600;
  font-size:22px;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin:0 0 4px;
  color:#fff;
}
.policy-hero p{ margin:0 0 12px; font-size:12.5px; color:#B9B6B2; }
.policy-date{
  display:inline-block;
  font-size:11px; font-weight:600;
  padding:4px 10px;
  border-radius:20px;
  background:rgba(255,255,255,.1);
  color:#E6E3DF;
}

/* ---- Switch between the 3 policies ---- */
.policy-tabs{
  display:flex;
  gap:4px;
  margin:14px 0;
  padding:4px;
  border-radius:12px;
  background:#EFEBE6;
}
.policy-tabs a{
  flex:1;
  text-align:center;
  padding:8px 4px;
  border-radius:9px;
  font-size:13px; font-weight:600;
  color:var(--rawm-charcoal-2);
}
.policy-tabs a.active{
  background:var(--rawm-surface);
  color:var(--rawm-orange-deep);
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}

/* ---- Body ---- */
.policy-body{
  background:var(--rawm-surface);
  border:1px solid var(--rawm-line);
  border-radius:16px;
  padding:18px 16px 6px;
  font-size:14px;
  line-height:1.6;
  color:#4A4848;
}
.policy-lead{
  font-size:14px;
  color:var(--rawm-ink);
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid var(--rawm-line);
}
.policy-body section{ margin-bottom:18px; }
.policy-body h3{
  font-size:15px;
  font-weight:700;
  color:var(--rawm-ink);
  margin:0 0 6px;
}
.policy-body p{ margin:0 0 8px; }
.policy-body ul, .policy-body ol{ margin:0 0 8px; padding-left:20px; }
.policy-body li{ margin-bottom:5px; }
.policy-body li::marker{ color:var(--rawm-orange); }
.policy-body a{ color:var(--rawm-orange-deep); font-weight:600; }
.policy-body b{ color:var(--rawm-ink); }

/* Refund: key numbers */
.policy-highlight{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.policy-highlight > div{
  background:var(--rawm-orange-tint);
  border-radius:12px;
  padding:12px;
  display:flex; flex-direction:column;
  line-height:1.3;
}
.policy-highlight i{ color:var(--rawm-orange-deep); font-size:18px; margin-bottom:4px; }
.policy-highlight b{ font-size:15px; }
.policy-highlight span{ font-size:12px; color:#7A6656; }

/* Contact */
.policy-contact{
  background:var(--rawm-cream);
  border:1px solid var(--rawm-line);
  border-radius:12px;
  padding:14px;
}
.policy-contact .pc-row{
  display:flex; gap:10px; align-items:flex-start;
  padding:6px 0;
  font-size:13.5px;
  color:var(--rawm-ink);
  font-weight:500;
}
.policy-contact .pc-row i{ color:var(--rawm-orange); font-size:16px; margin-top:1px; }

.policy-foot{
  text-align:center;
  font-size:11.5px;
  color:var(--rawm-charcoal-2);
  margin:16px 0 0;
}
.policy-foot a{ color:var(--rawm-charcoal-2); text-decoration:underline; }

/* Inside the login page sheet: no header, page scrolls in the frame */
.policy-embed{ height:100vh; }
.policy-embed .policy-foot{ display:none; }