/* legal.css (2026-10-15): /privacy and /terms pages + cookie banner + small legal footer line. */
.lgl-body{margin:0;font:18px/1.55 system-ui,"Vazirmatn","Noto Naskh Arabic",sans-serif;background:#f4f1ea;color:#222;padding-bottom:24px}
.lgl-top{display:flex;align-items:center;gap:8px;background:#1e4f55;color:#fff;padding:10px 12px;position:sticky;top:0;z-index:5}
.lgl-top a{color:#fff;font-weight:700;font-size:18px;text-decoration:none}
.lgl-top a:focus-visible,.lgl a:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.lgl{max-width:680px;margin:0 auto;padding:12px 14px}
.lgl h1{font-size:28px;line-height:1.2;margin:10px 0 2px}
.lgl .lgl-date{color:#5b6366;font-size:15px;margin:0 0 12px}
.lgl h2{font-size:21px;margin:22px 0 6px;color:#1e4f55}
.lgl h3{font-size:18px;margin:14px 0 4px}
.lgl .card{background:#fff;border-radius:14px;padding:12px 14px;margin:0 0 12px;box-shadow:0 1px 4px #0002}
.lgl .lgl-em{border-inline-start:6px solid #c0392b}
.lgl ul{padding-inline-start:22px;margin:6px 0}
.lgl li{margin:4px 0}
.lgl a{color:#1f5fae}
.lgl table{border-collapse:collapse;width:100%;font-size:15px;background:#fff}
.lgl th,.lgl td{border:1px solid #ddd;padding:6px;text-align:start;vertical-align:top}
.lgl .lgl-tr{font-size:14px;color:#5b6366}
.lgl-toc{columns:2;font-size:15px}
@media (max-width:420px){.lgl-toc{columns:1}}
/* one small grey line at the bottom (legal links) */
.lg-legal{margin:14px 0 6px;text-align:center;font-size:12px;line-height:1.6;color:#888}
.lg-legal a,.lg-legal .ck-set{color:#777;text-decoration:none;font:inherit;background:none;border:0;padding:4px 2px;cursor:pointer}
.lg-legal a:hover,.lg-legal .ck-set:hover{text-decoration:underline}
.lg-legal a:focus-visible,.lg-legal .ck-set:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
/* cookie choice banner: inline (never fixed), so it can't cover the bottom bar, 999 or Alert family */
.ck-ban{position:relative;margin:8px 0 12px;padding:10px 12px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 1px 4px #0001;font-size:15px;line-height:1.4;color:#333;text-align:start}
.ck-ban p{margin:0 0 8px}
.ck-ban .ck-btns{display:flex;gap:8px;flex-wrap:wrap}
.ck-ban .ck-b{flex:1 1 140px;min-height:44px;font:600 16px/1.2 inherit;font-family:inherit;padding:8px 10px;border-radius:10px;border:2px solid #1e4f55;background:#fff;color:#1e4f55;cursor:pointer}
.ck-ban .ck-b[aria-pressed=true]{background:#1e4f55;color:#fff}
.ck-ban .ck-b:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.ck-ban .ck-more{display:inline-block;margin-top:6px;font-size:13px;color:#1f5fae}
#lgate .ck-ban{font-size:15px}
.dir-ckmap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;border:0;background:#eef2f1;color:#1e4f55;font:600 16px/1.3 system-ui,sans-serif;cursor:pointer;padding:12px}
/* review-fix 2026-10-16: the one tappable 999 on /privacy and /terms (Gate999), fixed bottom right; body padding keeps the footer clear */
.lgl-body{padding-bottom:96px}
.lgl-999{position:fixed;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:20;margin:0}
.lgl-999 .r999{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;height:48px;padding:0 14px;border:0;border-radius:12px;background:#C4231C;color:#fff;font-family:inherit;font-size:20px;font-weight:800;line-height:1;box-shadow:0 2px 8px rgba(196,35,28,.35);cursor:pointer;touch-action:manipulation}
.lgl-999 .r999:focus-visible{outline:3px solid #2E90FA;outline-offset:2px}
.lg-copy{display:block;margin:6px auto 0;max-width:60ch;font-size:12px;line-height:1.5;color:#888}@media(max-width:480px){.lg-copy{font-size:14px}}
/* el-site-2: contents links big enough to tap */
.lgl-toc a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
.lg-legal a{min-width:44px;justify-content:center;box-sizing:border-box}
/* device-matrix fix (21 Oct 2026): contents links are 44px tap targets on touch screens */
@media (pointer:coarse){.lgl-toc a{display:inline-flex;align-items:center;min-height:44px}}

/* el46 (pt2618u): no emergency UI on legal/standalone pages; it lives only in Urgent help */
.lgl-999,.lgl .lgl-em,.lgl-em{display:none!important}
.lgl-top .el-logo,.lgl-brand>svg,.lgl-brand>img{display:none!important}