/* ============================================================
   legal-page.css — სამართლებრივი სტატიკური გვერდები
   (privacy.html, account-deletion.html + მათი /en/ ვერსიები)

   ⚠️ ეს გვერდები config.js-ს **არ** ტვირთავენ — თვითკმარია.
      თემას /js/theme-init.js ცვლის (html.dark კლასით).
   ============================================================ */

:root{
    --primary:#4facfe; --accent:#0072ff; --accent-glow:rgba(0,114,255,0.25);
    --bg:#f0f4ff; --white:#fff; --text:#1a2236; --muted:#6b7a99;
    --border:#e2e8f8; --blur-bg:rgba(255,255,255,0.82);
    --shadow-sm:0 2px 12px rgba(0,80,200,0.07); --radius-md:22px; --input-bg:#f5f7ff;
    --note-bg:#eef4ff; --ok-bg:#e9f9f0; --ok-bd:#8fd9b0; --warn-bg:#fff6e6; --warn-bd:#f0c473;
    --danger:#d93838; --danger-bg:#fdecec; --danger-bd:#f3b0b0;
}
html.dark{
    --bg:#0d1117; --white:#161b27; --text:#e6eaf5; --muted:#8892aa;
    --border:#2a3450; --blur-bg:rgba(22,27,39,0.88);
    --shadow-sm:0 2px 12px rgba(0,20,80,0.28); --accent-glow:rgba(0,114,255,0.20);
    --input-bg:#232b3e;
    --note-bg:#1a2338; --ok-bg:#14291f; --ok-bd:#2f6a4a; --warn-bg:#2c2417; --warn-bd:#7a5f2a;
    --danger:#ff7b7b; --danger-bg:#2c1a1a; --danger-bd:#6a3232;
}

*{margin:0;padding:0;box-sizing:border-box;}
body{
    font-family:'Noto Sans Georgian','Plus Jakarta Sans',system-ui,sans-serif;
    color:var(--text); background:var(--bg); line-height:1.7;
    min-height:100vh; overflow-x:hidden; position:relative;
}
body::before{content:'';position:fixed;top:-120px;left:-80px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(79,172,254,0.13) 0%,transparent 70%);pointer-events:none;z-index:0;}
body::after{content:'';position:fixed;top:-60px;right:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,114,255,0.10) 0%,transparent 70%);pointer-events:none;z-index:0;}

.wrap{max-width:820px;margin:0 auto;padding:0 20px;position:relative;z-index:1;}

/* ── header ─────────────────────────────────────────────── */
header.top{background:var(--blur-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:0;z-index:10;}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;}
header.top a.logo{color:var(--text);font-weight:800;font-size:20px;text-decoration:none;white-space:nowrap;}
header.top a.cta{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:9px 20px;border-radius:50px;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 4px 16px var(--accent-glow);transition:transform .2s,box-shadow .2s;white-space:nowrap;}
header.top a.cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow);}
.header-ctrls{display:flex;align-items:center;gap:10px;}
.theme-btn{width:38px;height:38px;background:var(--input-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:16px;user-select:none;text-decoration:none;color:var(--text);transition:background .15s,transform .2s,box-shadow .15s;flex:0 0 38px;}
.theme-btn:hover{transform:rotate(22deg) scale(1.15);box-shadow:var(--shadow-sm);}
.theme-btn:active{transform:scale(0.9);}
.lang-btn{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--accent);border-color:var(--accent);transform:none;}
.lang-btn:hover{transform:scale(1.12);background:var(--accent);color:#fff;}

/* ── hero ───────────────────────────────────────────────── */
.hero{text-align:center;padding:52px 0 22px;}
.hero h1{font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.25;margin-bottom:10px;}
.hero .upd{color:var(--muted);font-size:14px;}

/* ── legal body ─────────────────────────────────────────── */
.lg{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:34px 34px 40px;box-shadow:var(--shadow-sm);margin-bottom:44px;}
.lg .lead{font-size:16px;color:var(--muted);border-left:3px solid var(--accent);padding-left:16px;margin-bottom:30px;}
.lg h2{font-size:20px;font-weight:800;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.lg h2:first-of-type{margin-top:0;}
.lg h3{font-size:17px;font-weight:700;margin:22px 0 8px;}
.lg p{margin-bottom:12px;font-size:15.5px;}
.lg ul,.lg ol{margin:0 0 14px 22px;}
.lg li{margin-bottom:7px;font-size:15.5px;}
.lg a{color:var(--accent);text-decoration:none;font-weight:600;}
.lg a:hover{text-decoration:underline;}
.lg code{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:13.5px;}

/* ── tables ─────────────────────────────────────────────── */
.tbl-scroll{overflow-x:auto;margin-bottom:16px;}
.lg table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14.5px;}
.lg th,.lg td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;}
.lg th{background:var(--input-bg);font-weight:700;}
.lg tr.sens td{background:var(--warn-bg);}

/* ── notes ──────────────────────────────────────────────── */
.note{background:var(--note-bg);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:18px 0;font-size:15px;}
.note.ok{background:var(--ok-bg);border-color:var(--ok-bd);}
.note.warn{background:var(--warn-bg);border-color:var(--warn-bd);}
.note.danger{background:var(--danger-bg);border-color:var(--danger-bd);}

/* ── steps (account-deletion) ───────────────────────────── */
.steps{display:flex;flex-direction:column;gap:14px;margin:18px 0 24px;}
.step{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;padding:18px 20px;display:flex;gap:16px;align-items:flex-start;}
.step .num{flex:0 0 40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;}
.step h3{margin:0 0 4px;font-size:16px;}
.step p{margin:0;color:var(--muted);font-size:14.5px;}

/* ── footer ─────────────────────────────────────────────── */
footer.foot{text-align:center;padding:30px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--border);position:relative;z-index:1;}
footer.foot a{color:var(--accent);text-decoration:none;}
footer.foot a:hover{text-decoration:underline;}

@media(max-width:600px){
    .lg{padding:24px 20px 30px;border-radius:18px;}
    .lg h2{font-size:18px;}
    header.top a.cta{display:none;}
}