/* ═══════════════════════════════════════════════════════════
   privacy.css — Privacy / legal page styles
   ═══════════════════════════════════════════════════════════ */

/* ── LEGAL HERO ────────────────────────────────────────────── */
.legal-hero { background:var(--surface); border-bottom:1px solid var(--border); padding:5rem 5% 3rem; transition:background .25s; }
.legal-hero-inner { max-width:860px; margin:0 auto; }
.legal-title { font-family:'Anton',sans-serif; font-size:clamp(2.2rem,6vw,3.8rem); color:var(--head); line-height:1.05; margin-bottom:.8rem; transition:color .25s; }
.legal-title span { color:var(--orange); }
.legal-meta  { display:flex; gap:1.8rem; flex-wrap:wrap; font-size:.8rem; color:var(--muted); margin-top:.9rem; }
.legal-intro { font-size:.95rem; color:var(--muted); line-height:1.75; max-width:560px; margin-top:.75rem; }

/* ── TABLE OF CONTENTS ─────────────────────────────────────── */
.toc-box {
  background:rgba(255,107,0,.06); border:1px solid rgba(255,107,0,.2);
  border-left:3px solid var(--orange); border-radius:12px; padding:1.6rem 1.8rem; margin-bottom:2.5rem;
}
.toc-title { font-family:'Anton',sans-serif; font-size:.9rem; color:var(--orange); letter-spacing:1px; text-transform:uppercase; margin-bottom:1rem; }
.toc-list  { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:.38rem .5rem; }
.toc-list a { color:var(--muted); text-decoration:none; font-size:.85rem; transition:color .2s; }
.toc-list a:hover { color:var(--orange); }

/* ── LEGAL BODY ────────────────────────────────────────────── */
.legal-body { max-width:860px; margin:0 auto; padding:3rem 5% 5rem; }
.legal-sec  { margin-bottom:3rem; padding-bottom:3rem; border-bottom:1px solid var(--border); }
.legal-sec:last-child { border-bottom:none; margin-bottom:0; }
.ls-num   { font-family:'Anton',sans-serif; font-size:.72rem; color:var(--orange); text-transform:uppercase; letter-spacing:2px; margin-bottom:.38rem; }
.ls-title { font-family:'Anton',sans-serif; font-size:1.5rem; color:var(--head); margin-bottom:1.2rem; transition:color .25s; }
.ls-body p { color:var(--muted); font-size:.91rem; margin-bottom:.95rem; line-height:1.75; }
.ls-body p:last-child { margin-bottom:0; }
.ls-body strong { color:var(--text); font-weight:600; }
.ls-body h4 { font-family:'Anton',sans-serif; font-size:.95rem; color:var(--head); letter-spacing:.5px; margin:1.3rem 0 .5rem; transition:color .25s; }
.ls-body ul { margin:.75rem 0 .95rem 1.2rem; display:flex; flex-direction:column; gap:.42rem; }
.ls-body ul li { color:var(--muted); font-size:.91rem; line-height:1.65; }
.ls-body ul li::marker { color:var(--orange); }

/* ── HIGHLIGHT BOX ─────────────────────────────────────────── */
.hl-box { background:rgba(255,107,0,.07); border:1px solid rgba(255,107,0,.2); border-left:3px solid var(--orange); border-radius:8px; padding:1rem 1.3rem; margin:1.1rem 0; }
.hl-box p { color:var(--text) !important; margin:0 !important; font-size:.89rem !important; }

/* ── CONTACT CARD ──────────────────────────────────────────── */
.cc-box { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.8rem 2rem; margin-top:1.5rem; transition:background .25s; }
.cc-box h4 { font-family:'Anton',sans-serif; font-size:1rem; color:var(--head); margin-bottom:1rem; transition:color .25s; }
.cc-row { display:flex; align-items:center; gap:.75rem; margin-bottom:.65rem; }
.cc-row:last-child { margin-bottom:0; }
.cc-icon { width:30px; text-align:center; font-size:1.05rem; }
.cc-row a    { color:var(--orange); text-decoration:none; font-size:.88rem; }
.cc-row a:hover { text-decoration:underline; }
.cc-row span { color:var(--muted); font-size:.88rem; }

/* ── BILINGUAL CONTENT BLOCKS ──────────────────────────────── */
[data-lang-show]         { display:none; }
[data-lang-show].visible { display:block; }

/* ── LEGAL FOOTER ──────────────────────────────────────────── */
.legal-footer { background:var(--surface); border-top:1px solid var(--border); padding:2rem 5%; text-align:center; transition:background .25s; }
.legal-footer p { font-size:.82rem; color:var(--muted); }
.legal-footer a { color:var(--orange); text-decoration:none; }
.legal-footer a:hover { text-decoration:underline; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width:640px) {
  .toc-list  { grid-template-columns:1fr; }
  .legal-meta{ gap:1rem; }
}