/* /privacy/ + /ar/privacy/ — legal pages.
   Scoped to #lg with .lg- classes; header, footer and preloader stay shared.
   Dark mode follows the site rule: html[data-theme="dark"] only. */

html{scroll-behavior:smooth;scroll-padding-top:110px}

#lg{
  --navy:#1F2550; --navy-2:#141938; --sky:#1E88E5; --sky-2:#29B6F6; --pink:#E33069; --orange:#FFAD27;
  --bg:#F7F9FC; --surface:#FFFFFF; --text:#1F2550; --muted:#555B7A; --line:rgba(31,37,80,.1);
  --shadow:0 18px 40px -26px rgba(31,37,80,.4); --radius:18px;
  --f-display:"Fraunces",Georgia,serif; --f-body:"Fraunces",Georgia,serif;
  display:block;background:var(--bg);color:var(--text);font:400 1.04rem/1.8 var(--f-body);text-align:start;overflow-x:hidden;overflow-x:clip
}
html[data-theme="dark"] #lg{--bg:#12172F;--surface:#1E2440;--text:#EEF0FA;--muted:#AAB0D0;--line:rgba(255,255,255,.1);--shadow:0 18px 40px -22px rgba(0,0,0,.7)}
html[lang="ar"] #lg{--f-display:"Cairo",Tahoma,sans-serif;--f-body:"Cairo",Tahoma,sans-serif}

#lg *,#lg *::before,#lg *::after{box-sizing:border-box}
#lg section{padding:0;text-align:start}
#lg h1,#lg h2,#lg h3{margin:0;position:static;display:block}
#lg h2::after{content:none}
#lg a{color:var(--sky)}
#lg p{margin:0 0 1em}
#lg :focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
#lg .lg-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}

/* hero */
#lg .lg-hero{position:relative;color:#fff;background:radial-gradient(900px 480px at 85% 0%,#2E3680 0%,transparent 60%),linear-gradient(160deg,var(--navy),var(--navy-2));padding:calc(100px + clamp(36px,6vw,72px)) 0 clamp(96px,10vw,130px)}
#lg .lg-hero::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#85BB33 0 20%,#913791 20% 40%,#E33069 40% 60%,#4FB9C2 60% 80%,#FFAD27 80%)}
#lg .lg-crumbs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0;font-size:.88rem;color:rgba(255,255,255,.7)}
#lg .lg-crumbs a{color:rgba(255,255,255,.88);text-decoration:none}
#lg .lg-crumbs a:hover{text-decoration:underline}
#lg .lg-crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.5}
#lg .lg-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;font:700 .82rem/1.2 "Poppins",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-2)}
html[lang="ar"] #lg .lg-kicker{letter-spacing:0;text-transform:none;font-size:.95rem;font-family:var(--f-body)}
#lg .lg-kicker::before{content:"";width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--sky),var(--sky-2))}
#lg .lg-hero h1{font:700 clamp(2.4rem,5.5vw,4rem)/1.1 var(--f-display);color:#fff;margin:0 0 .35em;display:flex;align-items:center;gap:18px}
#lg .lg-hero h1 i{flex:0 0 auto;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:1.7rem;background:rgba(41,182,246,.14);border:1px solid rgba(41,182,246,.4);color:var(--sky-2)}
html[lang="ar"] #lg .lg-hero h1{font-weight:800}
#lg .lg-lead{max-width:46em;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.6vw,1.18rem)}
#lg .lg-updated{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.92rem;color:#fff}
#lg .lg-updated i{color:var(--orange)}

/* highlights */
#lg .lg-highlights{position:relative;z-index:2;margin-top:-64px}
#lg .lg-highlights h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#lg .lg-hl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
#lg .lg-hl li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:flex-start;border-top:4px solid var(--c)}
#lg .lg-hl i{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);font-size:1.1rem}
#lg .lg-hl strong{display:block;font:700 1rem/1.35 var(--f-display);margin-bottom:4px}
#lg .lg-hl span{font-size:.9rem;color:var(--muted);line-height:1.6}
@media(max-width:1000px){#lg .lg-hl{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#lg .lg-hl{grid-template-columns:1fr}}

/* layout */
#lg .lg-body{display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,4vw,48px);align-items:start;padding:clamp(40px,6vw,64px) 0 clamp(60px,8vw,96px)}
#lg .lg-toc{position:sticky;top:110px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px;box-shadow:var(--shadow);max-height:calc(100vh - 130px);overflow:auto}
#lg .lg-toc h2{font:700 .95rem/1.2 var(--f-display);margin:0 6px 10px;color:var(--text)}
#lg .lg-toc ol{list-style:none;margin:0;padding:0;counter-reset:t;display:grid;gap:2px}
#lg .lg-toc a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.92rem;line-height:1.4;counter-increment:t;transition:background .2s,color .2s}
#lg .lg-toc a::before{content:counter(t,decimal-leading-zero);font:700 .75rem/1 "Poppins",system-ui,sans-serif;color:var(--sky);min-width:20px}
#lg .lg-toc a:hover{background:color-mix(in srgb,var(--sky) 8%,transparent);color:var(--text)}
#lg .lg-toc a.active{background:color-mix(in srgb,var(--sky) 12%,transparent);color:var(--text);font-weight:700}
@media(max-width:900px){#lg .lg-body{grid-template-columns:1fr}#lg .lg-toc{position:static;max-height:none}#lg .lg-toc ol{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#lg .lg-toc ol{grid-template-columns:1fr}}

/* sections */
#lg .lg-sections{display:grid;gap:18px;counter-reset:s}
#lg .lg-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,3vw,34px);counter-increment:s}
#lg .lg-sec > h2{display:flex;align-items:center;gap:14px;font:700 clamp(1.3rem,2.2vw,1.6rem)/1.3 var(--f-display);margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
html[lang="ar"] #lg .lg-sec > h2{font-weight:800}
#lg .lg-sec > h2 i{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.05rem;color:#fff;background:linear-gradient(135deg,var(--sky),var(--sky-2))}
#lg .lg-sec > h2 small{margin-inline-start:auto;font:700 .8rem/1 "Poppins",system-ui,sans-serif;color:var(--muted);opacity:.7}
#lg .lg-sec > h2 small::before{content:counter(s,decimal-leading-zero)}
#lg .lg-sec h3{font:700 1.08rem/1.4 var(--f-display);margin:18px 0 8px;color:var(--text)}
#lg .lg-sec h3:first-child{margin-top:0}
#lg .lg-sec p,#lg .lg-sec li{color:var(--muted)}
#lg .lg-sec strong{color:var(--text)}
#lg .lg-sec ul{margin:0 0 1em;padding:0;list-style:none;display:grid;gap:8px}
#lg .lg-sec ul li{position:relative;padding-inline-start:22px}
#lg .lg-sec ul li::before{content:"";position:absolute;inset-inline-start:2px;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--pink)}
#lg .lg-sec code{font-family:Consolas,monospace;font-size:.88em;background:color-mix(in srgb,var(--sky) 10%,transparent);padding:1px 6px;border-radius:6px;color:var(--text);direction:ltr;unicode-bidi:isolate}
#lg .lg-sec > :last-child{margin-bottom:0}
#lg ul.lg-contact{gap:12px}
#lg ul.lg-contact li{display:flex;gap:12px;align-items:flex-start;padding:0}
#lg ul.lg-contact li::before{content:none}
#lg ul.lg-contact i{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--orange) 16%,transparent);color:#c77b00}
html[data-theme="dark"] #lg ul.lg-contact i{color:var(--orange)}
#lg ul.lg-contact a,#lg ul.lg-contact span{align-self:center}

/* back */
#lg .lg-back{display:flex;justify-content:center;margin-top:28px}
#lg .lg-back a{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border-radius:999px;background:linear-gradient(90deg,#ff00aa,#913791);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 12px 26px -12px rgba(255,0,170,.7);transform:translate(var(--mx,0px),var(--my,0px))}

#lg + .whatsapp-float + footer{margin-top:0}
@media print{
  nav,.whatsapp-float,#site-footer,#lg .lg-toc,#lg .lg-back{display:none!important}
  #lg .lg-hero{background:#fff!important;color:#000!important;padding:20px 0}
  #lg .lg-hero h1,#lg .lg-lead,#lg .lg-updated{color:#000!important}
  #lg .lg-body{grid-template-columns:1fr}
  #lg .lg-sec{break-inside:avoid;border-color:#ccc}
}