/* legal.css — طبقة تصميم موحّدة لصفحات السياسات (بتتحمّل بعد الستايل القديم وبتغطّي عليه)
   هادي وراقي: خلفية فاتحة محايدة، هيدر أبيض، بنفسجي غامق مكتوم بدل التدرّج، دهبي البراند بس للتفاصيل */
:root{
  --primary:#4a2f80; --primary-light:#6b52a3; --accent:#c8922a;
  --bg:#f6f5f9; --text:#1d1a2b; --text-light:#6b6880; --border:#e7e3ef; --card:#ffffff;
  --soft:#f3f0f9;
}
body{font-family:"IBM Plex Sans Arabic","Readex Pro","Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
body.lang-en{font-family:"Readex Pro","Segoe UI",sans-serif}
h1,h2,h3,.lg-brand b{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif}

/* top bar */
.lg-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.lg-top .in{max-width:900px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lg-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--text)!important}
.lg-brand img{width:32px;height:32px}
.lg-brand b{font-size:18px;font-weight:700}
.lg-actions{display:flex;gap:8px}
.lg-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--text)!important;text-decoration:none!important;border-radius:999px;padding:7px 14px;font:600 13px "Readex Pro",sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.lg-btn:hover{border-color:var(--primary-light);background:var(--soft)}
.lg-top .ar,.lg-top .en{display:inline!important}
body:not(.lang-en) .lg-top .en,body.lang-en .lg-top .ar{display:none!important}
body>.lang-switch,body>.back{display:none!important}

/* hero */
.hero{background:#fff!important;color:var(--text)!important;padding:48px 24px 40px!important;border-bottom:1px solid var(--border);overflow:visible}
.hero::before{display:none!important}
.hero h1{font-size:clamp(26px,4.5vw,36px)!important;font-weight:700!important;letter-spacing:0!important;color:var(--text)}
.hero .subtitle,.hero p{color:var(--text-light)!important;opacity:1!important;font-size:15px!important;font-weight:500}
.hero .meta{color:var(--text-light)!important;opacity:1!important}
.hero::after{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--accent);margin:18px auto 0}

/* layout */
.container{margin:32px auto 48px!important}
.card{border:1px solid var(--border);box-shadow:0 1px 2px rgba(29,26,43,.04),0 8px 24px rgba(29,26,43,.04)!important;border-radius:20px!important}
h2{color:var(--text)!important;font-size:19px!important;font-weight:700!important;border-bottom:1px solid var(--border)!important;padding-bottom:10px!important;margin:32px 0 14px!important}
h2:first-of-type,.ar>h2:first-child,.en>h2:first-child{margin-top:0!important}
h3{color:var(--primary)!important;font-weight:600!important}
p,li{color:#3a364b}
strong{color:var(--text)!important;font-weight:600!important}
a{color:var(--primary)}
.highlight{background:var(--soft)!important;border-inline-start:3px solid var(--primary-light)!important;border-radius:0 12px 12px 0}
body.lang-en .highlight,body.lang-en .warning{border-radius:0 12px 12px 0}
.warning,.alert{background:#fbf7ee!important;border:1px solid #efe3c6!important;border-inline-start:3px solid var(--accent)!important;border-radius:12px!important}
.alert strong,.warning strong{color:#7a5310!important}

/* privacy table of contents */
.toc{background:#faf9fc!important;border:1px solid var(--border)!important;border-radius:16px!important}
.toc h3{color:var(--text)!important}
.toc ol li a::before{background:var(--soft)!important;color:var(--primary)!important;font-weight:700}
.toc ol li a:hover{background:var(--soft)!important;color:var(--primary)!important}

/* contact blocks */
.contact,.contact-box{background:#1f1b2e!important;border-radius:18px!important}
.contact-info span,.email-link{background:rgba(255,255,255,.1)!important}

/* delete-account form */
.radio-card{background:#fff!important;border:1px solid var(--border)!important}
.radio-card:hover{border-color:var(--primary-light)!important}
.radio-card.selected{background:var(--soft)!important;border:1.5px solid var(--primary)!important}
.form-group input,.form-group textarea{background:#fff!important;border:1px solid var(--border)!important}
.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(74,47,128,.12)}
.btn-submit{background:#b42318!important;box-shadow:none!important;border-radius:12px!important}
.btn-submit:hover{background:#97180f!important}
.data-table{box-shadow:none!important;border:1px solid var(--border);border-radius:12px}
.data-table th{background:var(--soft)!important;color:var(--text)!important}

footer{color:var(--text-light)}
@media (max-width:640px){.lg-brand b{display:none}.hero{padding:36px 16px 30px!important}}
