/* =====================================================
   Legal Pages — legal.css
   Ödeme Politikası | Gizlilik | Kullanım Şartları
   ===================================================== */

:root{
  --bg:#07090F;--bg2:#0D1117;--card:#111827;--card2:#1a2235;
  --accent:#6C63FF;--accent2:#8B5CF6;--text:#F1F5F9;--muted:#8B949E;
  --border:#1E2A3A;--green:#10B981;--red:#EF4444;
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--nav-h:60px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;font-size:15px;line-height:1.7;opacity:0;transition:opacity .3s;}
body.loaded{opacity:1;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:none;}

/* ---------- LAYOUT ---------- */
.legal-wrap{max-width:780px;margin:0 auto;padding:40px 16px 80px;}

/* ---------- HERO ---------- */
.legal-hero{text-align:center;padding:48px 16px 40px;border-bottom:1px solid var(--border);margin-bottom:40px;}
.legal-hero-icon{font-size:2.8rem;margin-bottom:14px;}
.legal-hero h1{font-size:1.8rem;font-weight:900;letter-spacing:-.5px;margin-bottom:8px;}
.legal-hero .subtitle{color:var(--muted);font-size:.88rem;}
.legal-hero .updated{display:inline-block;margin-top:14px;font-size:.75rem;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:4px 14px;color:var(--muted);}

/* ---------- TOC ---------- */
.toc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:36px;}
.toc-title{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.toc ol{padding-left:18px;}
.toc ol li{margin-bottom:6px;}
.toc ol li a{color:var(--muted);font-size:.83rem;font-weight:500;transition:.15s;}
.toc ol li a:hover{color:var(--text);text-decoration:none;}

/* ---------- SECTIONS ---------- */
.legal-section{margin-bottom:36px;scroll-margin-top:80px;}
.legal-section h2{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;}
.legal-section h2 .s-icon{font-size:1rem;}
.legal-section p{color:#CBD5E1;font-size:.86rem;margin-bottom:10px;line-height:1.75;}
.legal-section ul,.legal-section ol{padding-left:20px;margin-bottom:10px;}
.legal-section ul li,.legal-section ol li{color:#CBD5E1;font-size:.86rem;margin-bottom:6px;line-height:1.65;}

/* ---------- HIGHLIGHT BOX ---------- */
.highlight-box{background:rgba(108,99,255,.07);border:1px solid rgba(108,99,255,.22);border-radius:var(--radius-md);padding:16px 20px;margin:16px 0;}
.highlight-box p{margin:0;color:var(--text) !important;font-size:.84rem !important;}

.warn-box{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:16px 20px;margin:16px 0;}
.warn-box p{margin:0;color:#FCA5A5 !important;font-size:.84rem !important;}

/* ---------- CONTACT FOOTER ---------- */
.legal-contact{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-top:48px;}
.legal-contact p{color:var(--muted);font-size:.84rem;margin-bottom:8px;}
.legal-contact a{color:var(--accent);font-weight:600;}

/* ---------- NAV LINKS ---------- */
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px;}
.legal-nav a{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;font-size:.78rem;color:var(--muted);transition:.2s;}
.legal-nav a:hover{color:var(--text);border-color:var(--accent);text-decoration:none;}
.legal-nav a.active{color:var(--accent);border-color:var(--accent);}

/* ═══════════════════════
   DESKTOP ≥ 768px
═══════════════════════ */
@media(min-width:768px){
  .legal-wrap{padding:60px 24px 100px;}
  .legal-hero h1{font-size:2.2rem;}
}