/* ════════════════════════════════════════════════════════════
   شركة عدل الأولى — قالب موقع محسَّن
   مبني على هوية الموقع الحالي (الأخضر الداكن + الذهبي)
   مع تطبيق كل التحسينات المتفق عليها.
   ════════════════════════════════════════════════════════════ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ⚙️ متغيّرات الهوية — عدّلها لتطابق دليل الهوية الرسمي
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /* ألوان الهوية الرسمية */
  --green-900:    #0d4a45;   /* الأخضر الداكن جداً */
  --green-800:    #115e59;   /* الأخضر الرئيسي (هوية رسمية) */
  --green-700:    #1a7570;   /* الأخضر المتوسط */
  --green-50:     #e6f0ef;   /* الأخضر الفاتح جداً */

  --gold-600:     #d97706;   /* الذهبي الداكن */
  --gold-500:     #f59e0b;   /* الذهبي الرئيسي (هوية رسمية) */
  --gold-400:     #fbbf24;   /* الذهبي الفاتح */
  --gold-50:      #fef3c7;   /* الذهبي الفاتح جداً (للخلفيات) */

  /* محايدات */
  --white:        #FFFFFF;
  --bg:           #FFFFFF;
  --bg-soft:      #F8F8F5;
  --bg-card:      #FBFBF8;
  --text:         #1F2724;
  --text-soft:    #5A6360;
  --text-mute:    #8C928F;
  --line:         #E8E6DF;
  --line-soft:    #F0EEE7;

  /* خطوط */
  --font: 'Tajawal', sans-serif;

  /* تخطيط */
  --container: 1280px;
  --radius:    12px;
  --radius-lg: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   إعادة ضبط أساسية
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body {
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
  font-weight:400;
  font-size:16px;
}
img,svg { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
button { font-family:inherit; cursor:pointer; border:none; background:none; color:inherit; }
ul { list-style:none; }
::selection { background:var(--green-800); color:var(--white); }

.container {
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
}

section { padding:90px 0; }
@media(max-width:768px) { section { padding:60px 0; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   الأزرار
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 28px;
  font-size:.95rem;
  font-weight:500;
  border-radius:8px;
  transition:all .25s ease;
  border:1px solid transparent;
  white-space:nowrap;
  font-family:inherit;
  line-height:1.2;
}
.btn-primary {
  background:var(--gold-500);
  color:var(--green-900);
  font-weight:700;
}
.btn-primary:hover { background:var(--gold-400); transform:translateY(-1px); }

.btn-dark {
  background:var(--green-800);
  color:var(--white);
}
.btn-dark:hover { background:var(--green-900); }

.btn-ghost-light {
  background:transparent;
  color:var(--white);
  border-color:rgba(255,255,255,.3);
}
.btn-ghost-light:hover { border-color:var(--gold-500); color:var(--gold-500); }

.btn-ghost {
  background:transparent;
  color:var(--text);
  border-color:var(--line);
}
.btn-ghost:hover { border-color:var(--green-800); color:var(--green-800); }

.btn-light {
  background:var(--white);
  color:var(--green-800);
}
.btn-light:hover { background:var(--gold-50); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   شريط أعلى الصفحة
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.topbar {
  background:var(--green-900);
  color:rgba(255,255,255,.85);
  font-size:.82rem;
}
.topbar-row {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:9px 0;
  gap:28px;
  flex-wrap:wrap;
}
.topbar-row > * {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.topbar a:hover { color:var(--gold-400); }
.topbar-right {
  display:inline-flex;
  gap:20px;
  align-items:center;
}
.topbar-sep {
  width:1px;
  height:14px;
  background:rgba(255,255,255,.2);
  display:inline-block;
}
.lang-toggle {
  border:1px solid rgba(255,255,255,.2);
  padding:3px 12px;
  border-radius:6px;
  font-size:.74rem;
  font-weight:600;
  transition:.2s;
}
.lang-toggle:hover { background:var(--gold-500); color:var(--green-900); border-color:var(--gold-500); }
@media(max-width:600px) { .topbar-row { font-size:.74rem; gap:10px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   الهيدر الرئيسي
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.header {
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:100;
}
.header-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:84px;
  gap:24px;
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
.brand-logo {
  height:54px;
  width:auto;
  display:block;
  flex-shrink:0;
}
.footer-logo {
  height:62px;
  margin-bottom:8px;
}
@media(max-width:600px) {
  .brand-logo { height:42px; }
  .footer-logo { height:54px; }
}
.brand-text {
  display:flex;
  flex-direction:column;
  line-height:1.15;
}
.brand-text .name {
  font-weight:800;
  font-size:1.05rem;
  color:var(--green-900);
  letter-spacing:-.01em;
}
.brand-text .sub {
  font-size:.72rem;
  color:var(--text-mute);
  font-weight:400;
}

.nav {
  display:flex;
  gap:32px;
}
.nav a {
  font-size:.95rem;
  font-weight:500;
  color:var(--text);
  padding:8px 0;
  position:relative;
  transition:color .2s;
}
.nav a:hover { color:var(--green-800); }
.nav a.active { color:var(--green-800); font-weight:700; }
.nav a.active::after {
  content:'';
  position:absolute;
  bottom:-2px;
  right:0; left:0;
  height:2px;
  background:var(--gold-500);
  border-radius:2px;
}

.header-cta {
  display:flex;
  gap:10px;
  align-items:center;
}

.menu-toggle {
  display:none;
  width:40px; height:40px;
  border:1px solid var(--line);
  border-radius:8px;
  align-items:center;
  justify-content:center;
}

@media(max-width:1080px) { .nav { gap:22px; } .nav a { font-size:.9rem; } }
@media(max-width:920px)  { .nav { display:none; } .menu-toggle { display:flex; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم الهيرو — أخضر داكن مع نقش الميزان (مرجع للموقع الحالي)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero {
  background:linear-gradient(135deg, var(--green-900) 0%, var(--green-800) 100%);
  color:var(--white);
  padding:90px 0 0;
  position:relative;
  overflow:hidden;
}
.hero::before {
  content:'';
  position:absolute;
  top:-100px;
  right:-100px;
  width:600px;
  height:600px;
  background:radial-gradient(circle, var(--gold-500) 0%, transparent 65%);
  opacity:.06;
  pointer-events:none;
}
.hero-bg-pattern {
  position:absolute;
  left:-50px;
  top:50%;
  transform:translateY(-50%);
  opacity:.06;
  pointer-events:none;
  width:520px;
}
.hero-grid {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:48px;
  position:relative;
  z-index:1;
  padding-bottom:90px;
}
.hero-main {
  max-width:760px;
}
.hero-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 16px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.3);
  border-radius:99px;
  font-size:.85rem;
  color:var(--gold-400);
  margin-bottom:28px;
  font-weight:500;
}
.hero-eyebrow::before {
  content:'';
  width:6px; height:6px;
  border-radius:50%;
  background:var(--gold-500);
}
.hero h1 {
  font-size:clamp(2rem, 4vw, 3.2rem);
  font-weight:700;
  line-height:1.4;
  letter-spacing:0;
  color:var(--white);
  margin-bottom:24px;
  word-spacing:.06em;
}
.hero h1 .gold {
  color:var(--gold-500);
}
.hero p.lead {
  font-size:1.1rem;
  line-height:1.85;
  color:rgba(255,255,255,.8);
  max-width:640px;
  margin:0 auto 36px;
  font-weight:400;
}
.hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}

/* بطاقة الإحصائيات — شبكة متمركزة */
.hero-card {
  width:100%;
  max-width:1080px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(245,158,11,.22);
  backdrop-filter:blur(8px);
  border-radius:16px;
  padding:28px 32px;
}
.hero-card-label {
  font-size:.78rem;
  font-weight:700;
  color:var(--gold-500);
  margin-bottom:24px;
  letter-spacing:.04em;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.hero-card-label::before,
.hero-card-label::after {
  content:'';
  width:32px; height:1px;
  background:var(--gold-500);
  opacity:.5;
}
.hero-stats {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
}
.hero-stat {
  text-align:center;
  padding:16px 12px;
  position:relative;
}
.hero-stat:not(:last-child)::after {
  content:'';
  position:absolute;
  left:-4px;
  top:25%;
  height:50%;
  width:1px;
  background:rgba(255,255,255,.1);
}
.hero-stat .num {
  font-size:1.6rem;
  font-weight:800;
  color:var(--gold-500);
  line-height:1.1;
  margin-bottom:8px;
  letter-spacing:-.01em;
}
.hero-stat .lbl {
  font-size:.88rem;
  color:rgba(255,255,255,.78);
  line-height:1.45;
}

@media(max-width:880px) {
  .hero-stats { grid-template-columns:repeat(2, 1fr); gap:16px; }
  .hero-stat:not(:last-child)::after { display:none; }
  .hero { padding-top:64px; }
  .hero-grid { padding-bottom:60px; }
}
@media(max-width:480px) {
  .hero-stats { grid-template-columns:1fr; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   شريط الاعتمادات — شريط شعارات منزلق (RTL marquee)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.trust {
  background:var(--bg-soft);
  padding:36px 0 32px;
  border-bottom:1px solid var(--line);
  overflow:hidden;
  position:relative;
}
.trust-title {
  text-align:center;
  font-size:.82rem;
  color:var(--text-mute);
  font-weight:600;
  margin-bottom:22px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.trust-title::before,
.trust-title::after {
  content:'';
  display:inline-block;
  width:32px;
  height:1px;
  background:var(--gold-500);
  vertical-align:middle;
  margin:0 14px;
  opacity:.6;
}
.trust-marquee {
  display:flex;
  justify-content:center;
}
.trust-track {
  display:flex;
  gap:clamp(20px, 3vw, 48px);
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.trust-logo {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:1rem;
  font-weight:700;
  color:var(--green-900);
  white-space:nowrap;
  padding:10px 22px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:10px;
  transition:.25s;
  flex-shrink:0;
}
.trust-logo:hover {
  border-color:var(--gold-500);
  color:var(--green-800);
  transform:translateY(-2px);
  box-shadow:0 8px 20px -10px rgba(17,94,89,.18);
}
.trust-logo .logo-mark {
  width:34px; height:34px;
  background:var(--green-50);
  border:1px solid var(--green-700);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--green-800);
  flex-shrink:0;
}
.trust-logo .logo-mark svg { width:18px; height:18px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   عناوين الأقسام
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section-head {
  margin:0 auto 56px;
  max-width:720px;
  text-align:center;
}
.section-head.center {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.section-eyebrow {
  font-size:.85rem;
  font-weight:700;
  color:var(--green-800);
  margin-bottom:14px;
  letter-spacing:.04em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:10px;
  justify-content:center;
}
.section-eyebrow::before {
  content:'';
  width:24px; height:2px;
  background:var(--gold-500);
}
.section-head.center .section-eyebrow { justify-content:center; }
.section-head h2 {
  font-size:clamp(1.9rem, 3.2vw, 2.6rem);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.018em;
  color:var(--green-900);
  margin-bottom:14px;
}
.section-head p {
  font-size:1.02rem;
  color:var(--text-soft);
  line-height:1.85;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم الأخبار والفعاليات (مأخوذ بشكل من الموقع الحالي)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.news {
  background:var(--bg);
}
.news-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:48px;
  gap:24px;
  flex-wrap:wrap;
}
.news-head .left { max-width:540px; }
.news-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}
.news-card {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  transition:all .25s ease;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}
.news-card:hover {
  transform:translateY(-3px);
  border-color:var(--gold-500);
  box-shadow:0 12px 32px -12px rgba(14,63,56,.15);
}
.news-img {
  aspect-ratio:16/10;
  background:linear-gradient(135deg, var(--green-700), var(--green-900));
  position:relative;
  overflow:hidden;
}
.news-img::after {
  content:'صورة فعلية';
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.4);
  font-size:.85rem;
  font-weight:500;
  letter-spacing:.05em;
}
.news-img.alt { background:linear-gradient(135deg, var(--green-800), var(--gold-600)); }
.news-img.alt2 { background:linear-gradient(135deg, var(--gold-600), var(--green-900)); }
.news-body {
  padding:24px;
  display:flex;
  flex-direction:column;
  flex-grow:1;
}
.news-meta {
  font-size:.78rem;
  color:var(--text-mute);
  margin-bottom:10px;
  font-weight:500;
}
.news-card h3 {
  font-size:1.1rem;
  font-weight:700;
  line-height:1.4;
  margin-bottom:14px;
  color:var(--green-900);
  flex-grow:1;
}
.news-link {
  font-size:.86rem;
  font-weight:600;
  color:var(--gold-600);
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
}

@media(max-width:880px) { .news-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .news-grid { grid-template-columns:1fr; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   مدونة الشركة — قسم موحّد للأخبار والمقالات
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog {
  background:var(--bg);
}
.blog .news-head {
  margin-bottom:32px;
}
.blog .news-head h3 {
  letter-spacing:-.01em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم الخدمات الأساسية — ٥ فقط
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.services {
  background:var(--bg-soft);
}
.services-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.service-card {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:14px;
  padding:36px 32px;
  transition:all .25s ease;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;          /* توسيط أفقي لكل العناصر */
  text-align:center;            /* توسيط النصوص */
  position:relative;
  overflow:hidden;
}
.service-card::before {
  content:'';
  position:absolute;
  top:0; right:0;
  width:0; height:3px;
  background:var(--gold-500);
  transition:width .3s ease;
}
.service-card:hover {
  border-color:var(--green-800);
  transform:translateY(-3px);
  box-shadow:0 12px 32px -12px rgba(14,63,56,.18);
}
.service-card:hover::before { width:100%; }

.service-icon {
  width:60px; height:60px;
  background:var(--gold-50);
  border:1px solid var(--gold-400);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
  color:var(--green-800);
  flex-shrink:0;
}
.service-icon svg { width:28px; height:28px; }
.service-num { display:none; }
.service-name {
  font-size:1.3rem;
  font-weight:800;
  color:var(--green-900);
  margin-bottom:14px;
  line-height:1.4;
  letter-spacing:-.01em;
}
.service-desc {
  font-size:.94rem;
  color:var(--text-soft);
  line-height:1.85;
  margin-bottom:24px;
  flex-grow:1;
  max-width:42ch;             /* عرض قراءة مريح للنص الموسَّط */
  margin-inline:auto;
}
.service-link {
  font-size:.88rem;
  font-weight:700;
  color:var(--green-800);
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
}
.service-link svg { width:14px; height:14px; transition:transform .25s; }
.service-card:hover .service-link svg { transform:translateX(-4px); }

/* البطاقة الرئيسية المُبرَزة (التقاضي) — كبيرة بعمودين */
.service-card.featured {
  background:linear-gradient(135deg, var(--green-800), var(--green-900));
  color:var(--white);
  border-color:var(--green-700);
  grid-column:span 2;
  grid-row:span 1;
  padding:48px 40px;
  position:relative;
  justify-content:center;
}
.service-card.featured::before {
  content:'';
  position:absolute;
  top:0; right:0;
  width:0; height:4px;
  background:var(--gold-500);
  transition:width .35s ease;
}
.service-card.featured:hover {
  border-color:var(--gold-500);
  transform:translateY(-4px);
  box-shadow:0 20px 40px -16px rgba(17,94,89,.45);
}
.service-card.featured:hover::before { width:100%; }
.service-card.featured::after {
  content:'';
  position:absolute;
  top:-80px;
  left:-80px;
  width:240px;
  height:240px;
  background:radial-gradient(circle, var(--gold-500) 0%, transparent 60%);
  opacity:.1;
  pointer-events:none;
  transition:.4s;
}
.service-card.featured:hover::after { opacity:.18; }
.service-card.featured .service-name {
  color:var(--white);
  font-size:1.55rem;
  position:relative;
  z-index:1;
}
.service-card.featured .service-desc {
  color:rgba(255,255,255,.85);
  position:relative;
  z-index:1;
  max-width:54ch;
}
.service-card.featured .service-link {
  color:var(--gold-500);
  position:relative;
  z-index:1;
}
.service-card.featured .service-icon {
  background:rgba(245,158,11,.15);
  border-color:rgba(245,158,11,.4);
  color:var(--gold-500);
  position:relative;
  z-index:1;
  width:68px;
  height:68px;
}
.service-card.featured .service-icon svg { width:32px; height:32px; }

@media(max-width:1000px) {
  .services-grid { grid-template-columns:repeat(2, 1fr); gap:18px; }
  .service-card.featured { grid-column:span 2; }
}
@media(max-width:600px) {
  .services-grid { grid-template-columns:1fr; }
  .service-card,
  .service-card.featured { grid-column:span 1; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   إشارة الخدمات المساندة — رابط بسيط بدل صناديق
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.services-aux {
  margin:40px auto 0;
  max-width:780px;
  padding:22px 32px;
  background:var(--white);
  border:1px solid var(--line);
  border-right:3px solid var(--gold-500);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  text-align:center;
}
.services-aux-text {
  font-size:.98rem;
  color:var(--text-soft);
  line-height:1.7;
}
.services-aux-text strong {
  color:var(--green-900);
  font-weight:800;
  margin-left:6px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم من نحن — تخطيط متوسط بعمود واحد
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.about {
  background:var(--bg);
}
.about-centered {
  max-width:920px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.about-content {
  max-width:780px;
  margin-bottom:40px;
}
.about-content p {
  font-size:1.05rem;
  color:var(--text-soft);
  line-height:1.95;
  margin-bottom:18px;
}
.about-content p:last-child { margin-bottom:0; }

.about-features {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  width:100%;
  max-width:820px;
  margin-bottom:48px;
}
.about-feature {
  padding:28px 24px;
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  transition:.25s;
}
.about-feature:hover {
  border-color:var(--gold-400);
  transform:translateY(-3px);
  box-shadow:0 12px 28px -14px rgba(14,63,56,.18);
}
.about-feature-icon {
  width:52px; height:52px;
  border-radius:12px;
  background:var(--gold-50);
  border:1px solid var(--gold-400);
  color:var(--green-800);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.about-feature-icon svg { width:24px; height:24px; }
.about-feature h4 {
  font-size:1.1rem;
  font-weight:800;
  margin-bottom:10px;
  color:var(--green-900);
}
.about-feature p {
  font-size:.94rem;
  color:var(--text-soft);
  margin:0;
  line-height:1.8;
}

/* بطاقة الحماية الرسمية — موسّطة أسفل من نحن */
.saip-card-centered {
  width:100%;
  max-width:680px;
  background:linear-gradient(135deg, var(--green-800), var(--green-900));
  border-radius:18px;
  padding:44px 36px;
  color:var(--white);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.saip-card-centered::before {
  content:'';
  position:absolute;
  top:-80px;
  left:50%;
  transform:translateX(-50%);
  width:320px;
  height:280px;
  background:radial-gradient(circle, var(--gold-500) 0%, transparent 60%);
  opacity:.12;
  pointer-events:none;
}
.saip-card-centered .saip-seal {
  width:80px;
  height:80px;
  border-radius:50%;
  background:rgba(245,158,11,.12);
  border:2px solid var(--gold-500);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold-500);
  margin-bottom:20px;
  position:relative;
  z-index:1;
}
.saip-card-centered .saip-seal svg { width:42px; height:42px; }
.saip-card-centered .saip-tag {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(245,158,11,.15);
  border:1px solid rgba(245,158,11,.35);
  color:var(--gold-400);
  padding:6px 16px;
  border-radius:99px;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.04em;
  margin-bottom:18px;
  position:relative;
  z-index:1;
}
.saip-card-centered .saip-tag::before {
  content:'';
  width:6px; height:6px;
  border-radius:50%;
  background:var(--gold-500);
}
.saip-card-centered .saip-text {
  font-size:1rem;
  line-height:1.9;
  color:rgba(255,255,255,.88);
  margin:0;
  position:relative;
  z-index:1;
  max-width:560px;
}

@media(max-width:760px) {
  .about-features { grid-template-columns:1fr; }
  .saip-card-centered { padding:36px 24px; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم الموسوعة — مدمَج وبارز
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.encyclopedia {
  background:var(--bg-soft);
}
.enc-card {
  background:linear-gradient(135deg, var(--green-900), var(--green-800));
  color:var(--white);
  border-radius:20px;
  padding:64px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  position:relative;
  overflow:hidden;
  box-shadow:0 24px 60px -24px rgba(14,63,56,.4);
}
.enc-card::before {
  content:'';
  position:absolute;
  top:-150px;
  left:-100px;
  width:400px;
  height:400px;
  background:radial-gradient(circle, var(--gold-500) 0%, transparent 60%);
  opacity:.12;
  pointer-events:none;
}
.enc-tag {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(201,169,97,.15);
  border:1px solid rgba(201,169,97,.3);
  padding:6px 16px;
  border-radius:99px;
  font-size:.78rem;
  margin-bottom:20px;
  font-weight:600;
  color:var(--gold-400);
}
.enc-tag::before {
  content:'';
  width:6px; height:6px;
  background:var(--gold-500);
  border-radius:50%;
}
.enc-card h2 {
  font-size:clamp(1.8rem, 3vw, 2.4rem);
  font-weight:800;
  line-height:1.3;
  margin-bottom:18px;
  color:var(--white);
  letter-spacing:-.018em;
}
.enc-card h2 em { color:var(--gold-500); font-style:normal; }
.enc-card .desc {
  font-size:1rem;
  line-height:1.85;
  color:rgba(255,255,255,.82);
  margin-bottom:28px;
}
.enc-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.enc-stats {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.enc-stat {
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  padding:24px;
  transition:.3s;
  text-align:center;
}
.enc-stat:hover { border-color:var(--gold-500); background:rgba(245,158,11,.08); transform:translateY(-2px); }
.enc-stat-icon {
  width:48px;
  height:48px;
  margin:0 auto 14px;
  border-radius:12px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.3);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold-500);
  transition:.3s;
}
.enc-stat:hover .enc-stat-icon {
  background:rgba(245,158,11,.2);
  border-color:var(--gold-500);
}
.enc-stat-icon svg { width:24px; height:24px; }
.enc-stat .n {
  font-size:1.5rem;
  font-weight:800;
  color:var(--gold-500);
  line-height:1;
  margin-bottom:8px;
  letter-spacing:-.01em;
}
.enc-stat .l {
  font-size:.88rem;
  color:rgba(255,255,255,.78);
  line-height:1.5;
}

@media(max-width:880px) {
  .enc-card { grid-template-columns:1fr; padding:40px 28px; gap:40px; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم القيادة والفريق
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.leadership {
  background:var(--bg);
}
/* بطاقة المدير العام مُبرَزة */
.gm-card {
  background:linear-gradient(135deg, var(--white), var(--bg-soft));
  border:1px solid var(--line);
  border-radius:18px;
  padding:48px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:48px;
  align-items:center;
  margin-bottom:48px;
  position:relative;
  overflow:hidden;
}
.gm-card::before {
  content:'';
  position:absolute;
  top:0; right:0;
  width:6px; height:100%;
  background:linear-gradient(to bottom, var(--gold-500), var(--green-800));
}
.gm-photo {
  width:200px; height:200px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--green-700), var(--green-900));
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  border:4px solid var(--gold-500);
  flex-shrink:0;
}
.gm-photo svg {
  width:75%; height:90%;
  color:rgba(255,255,255,.5);
  margin-bottom:-30px;
}
.gm-info-eyebrow {
  font-size:.78rem;
  font-weight:700;
  color:var(--gold-600);
  letter-spacing:.05em;
  margin-bottom:10px;
}
.gm-name {
  font-size:1.9rem;
  font-weight:800;
  color:var(--green-900);
  margin-bottom:6px;
  letter-spacing:-.018em;
}
.gm-title {
  font-size:1.05rem;
  color:var(--green-800);
  font-weight:600;
  margin-bottom:18px;
}
.gm-bio {
  font-size:.96rem;
  color:var(--text-soft);
  line-height:1.85;
  margin-bottom:18px;
  max-width:600px;
}
.gm-creds {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.gm-creds span {
  font-size:.75rem;
  font-weight:600;
  padding:5px 12px;
  background:var(--gold-50);
  color:var(--gold-600);
  border:1px solid var(--gold-400);
  border-radius:99px;
}

/* فريق الشركاء */
.team-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.partner {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  transition:all .25s ease;
}
.partner:hover {
  border-color:var(--green-800);
  transform:translateY(-2px);
  box-shadow:0 12px 32px -12px rgba(14,63,56,.15);
}
.partner-photo {
  aspect-ratio:1/1;
  background:linear-gradient(135deg, var(--bg-soft), var(--green-50));
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.partner-photo svg {
  width:65%;
  height:90%;
  color:var(--green-800);
  opacity:.4;
  margin-bottom:-12px;
}
.partner-info {
  padding:24px;
  border-top:1px solid var(--line);
}
.partner-name {
  font-size:1.1rem;
  font-weight:800;
  margin-bottom:4px;
  color:var(--green-900);
}
.partner-role {
  font-size:.88rem;
  color:var(--text-soft);
  margin-bottom:14px;
}
.partner-skills {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding-top:12px;
  border-top:1px solid var(--line-soft);
}
.partner-skills span {
  font-size:.72rem;
  padding:3px 10px;
  background:var(--bg-soft);
  color:var(--text-soft);
  border-radius:99px;
  font-weight:500;
}

@media(max-width:880px) {
  .gm-card { grid-template-columns:1fr; gap:32px; padding:36px 28px; text-align:center; }
  .gm-photo { margin:0 auto; }
  .gm-creds { justify-content:center; }
  .team-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:560px) { .team-grid { grid-template-columns:1fr; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   تطبيق الجوال — مأخوذ من الموقع الحالي ومحسَّن
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.app {
  background:var(--bg-soft);
}
.app-grid {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:80px;
  align-items:center;
}
.app-phone {
  display:flex;
  justify-content:center;
}
.phone-mockup {
  width:240px;
  aspect-ratio:9/19;
  background:var(--green-900);
  border:8px solid #1F2724;
  border-radius:42px;
  position:relative;
  overflow:hidden;
  box-shadow:0 32px 64px -24px rgba(14,63,56,.4);
}
.phone-mockup::before {
  content:'';
  position:absolute;
  top:8px; left:50%;
  transform:translateX(-50%);
  width:80px; height:6px;
  background:#1F2724;
  border-radius:3px;
  z-index:2;
}
.phone-content {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, var(--green-900) 0%, var(--green-800) 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:32px;
}
.phone-logo {
  width:80px; height:80px;
  background:var(--gold-500);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:2rem;
  color:var(--green-900);
  margin-bottom:20px;
}
.phone-title {
  color:var(--white);
  font-weight:800;
  font-size:1.05rem;
  text-align:center;
  margin-bottom:6px;
}
.phone-sub {
  color:rgba(255,255,255,.6);
  font-size:.78rem;
  text-align:center;
}

.app-text h2 {
  font-size:clamp(1.8rem, 3vw, 2.4rem);
  font-weight:800;
  line-height:1.25;
  margin-bottom:18px;
  color:var(--green-900);
}
.app-text > p {
  font-size:1rem;
  color:var(--text-soft);
  line-height:1.85;
  margin-bottom:24px;
}
.app-features {
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:28px 0;
}
.app-feature {
  display:flex;
  align-items:flex-start;
  gap:14px;
  font-size:.95rem;
  color:var(--text-soft);
}
.app-feature::before {
  content:'✓';
  width:24px; height:24px;
  background:var(--gold-50);
  color:var(--gold-600);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:.78rem;
  flex-shrink:0;
  border:1px solid var(--gold-400);
}
.app-stores {
  display:flex;
  gap:12px;
  margin-top:24px;
  flex-wrap:wrap;
}
.app-store {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 20px;
  background:var(--green-900);
  color:var(--white);
  border-radius:10px;
  transition:.25s;
}
.app-store:hover { background:var(--green-800); transform:translateY(-1px); }
.app-store .label {
  display:flex;
  flex-direction:column;
  line-height:1.15;
}
.app-store .label small { font-size:.66rem; opacity:.7; }
.app-store .label span { font-weight:700; font-size:.95rem; }

@media(max-width:880px) {
  .app-grid { grid-template-columns:1fr; gap:48px; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   المقالات القانونية
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.insights {
  background:var(--bg);
}
.insights-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}
.article {
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  transition:all .25s ease;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}
.article:hover {
  border-color:var(--gold-500);
  transform:translateY(-3px);
  box-shadow:0 12px 32px -12px rgba(14,63,56,.15);
}
.article-img {
  aspect-ratio:16/10;
  background:linear-gradient(135deg, var(--green-800), var(--green-900));
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.article-img.alt { background:linear-gradient(135deg, var(--green-900), var(--gold-600)); }
.article-img.alt2 { background:linear-gradient(135deg, var(--gold-600), var(--green-700)); }
.article-img-text {
  color:var(--white);
  font-weight:800;
  font-size:1.4rem;
  text-align:center;
  padding:20px;
  letter-spacing:-.01em;
  line-height:1.4;
}
.article-img-text small {
  display:block;
  color:var(--gold-400);
  font-size:.78rem;
  font-weight:600;
  margin-top:6px;
  letter-spacing:.04em;
}
.article-body {
  padding:24px;
  display:flex;
  flex-direction:column;
  flex-grow:1;
}
.article-meta {
  display:flex;
  gap:12px;
  font-size:.78rem;
  color:var(--text-mute);
  margin-bottom:12px;
  align-items:center;
}
.article-meta .cat {
  color:var(--green-800);
  font-weight:700;
  background:var(--green-50);
  padding:2px 10px;
  border-radius:99px;
}
.article h3 {
  font-size:1.1rem;
  font-weight:800;
  line-height:1.4;
  margin-bottom:10px;
  color:var(--green-900);
}
.article p {
  font-size:.92rem;
  color:var(--text-soft);
  line-height:1.75;
  margin-bottom:16px;
  flex-grow:1;
}
.article-link {
  font-size:.86rem;
  font-weight:700;
  color:var(--gold-600);
  margin-top:auto;
}

@media(max-width:880px) { .insights-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .insights-grid { grid-template-columns:1fr; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   آراء العملاء
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.testimonials {
  background:var(--bg-soft);
}
.testimonials-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.testimonial {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:14px;
  padding:32px;
  position:relative;
  display:flex;
  flex-direction:column;
}
.testimonial::before {
  content:'"';
  position:absolute;
  top:18px;
  right:28px;
  font-size:4rem;
  line-height:1;
  font-family:'Georgia', serif;
  color:var(--gold-500);
  opacity:.3;
}
.testimonial-text {
  font-size:.95rem;
  color:var(--text-soft);
  line-height:1.85;
  margin-bottom:24px;
  position:relative;
  z-index:1;
  flex-grow:1;
}
.testimonial-meta {
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.testimonial-avatar {
  width:46px; height:46px;
  border-radius:50%;
  background:var(--green-800);
  color:var(--gold-500);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1rem;
  flex-shrink:0;
}
.testimonial-name {
  font-weight:700;
  font-size:.95rem;
  color:var(--green-900);
}
.testimonial-role {
  font-size:.82rem;
  color:var(--text-mute);
}

@media(max-width:880px) { .testimonials-grid { grid-template-columns:1fr; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم تواصل معنا — المقر الرئيسي + خريطة
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact-hq {
  background:linear-gradient(135deg, var(--green-900), var(--green-800));
  color:var(--white);
  padding:96px 0;
  position:relative;
  overflow:hidden;
}
.contact-hq::before {
  content:'';
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
  width:120%; height:200%;
  background:radial-gradient(ellipse, var(--gold-500) 0%, transparent 50%);
  opacity:.06;
  pointer-events:none;
}
.contact-hq .section-head { position:relative; z-index:1; }
.contact-hq .section-eyebrow {
  color:var(--gold-500);
}
.contact-hq .section-eyebrow::before {
  background:var(--gold-500);
}

.contact-hq-grid {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:32px;
  position:relative;
  z-index:1;
  align-items:stretch;
}
.contact-hq-info { display:flex; }
.contact-hq-card {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(245,158,11,.22);
  backdrop-filter:blur(8px);
  border-radius:18px;
  padding:36px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.contact-hq-row {
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.contact-hq-icon {
  width:44px; height:44px;
  border-radius:10px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.3);
  color:var(--gold-500);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.contact-hq-icon svg { width:20px; height:20px; }
.contact-hq-label {
  font-size:.74rem;
  font-weight:700;
  color:var(--gold-400);
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.contact-hq-value {
  font-size:1rem;
  color:var(--white);
  font-weight:600;
  line-height:1.5;
  display:block;
}
.contact-hq-tel { font-weight:700; letter-spacing:.02em; }
a.contact-hq-value:hover { color:var(--gold-400); }
.contact-hq-link {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  font-size:.85rem;
  font-weight:600;
  color:var(--gold-500);
  transition:.2s;
}
.contact-hq-link:hover { color:var(--gold-400); }
.contact-hq-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.1);
}
.contact-hq-meta {
  display:flex;
  gap:24px;
  font-size:.82rem;
  color:rgba(255,255,255,.7);
  flex-wrap:wrap;
}
.contact-hq-meta span {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.contact-hq-meta span::before {
  content:'';
  width:6px; height:6px;
  border-radius:50%;
  background:var(--gold-500);
}

.contact-hq-map {
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(245,158,11,.22);
  min-height:440px;
  background:rgba(255,255,255,.04);
  position:relative;
}
.contact-hq-map iframe {
  display:block;
  width:100%;
  height:100%;
  min-height:440px;
  filter:saturate(1.05);
}

@media(max-width:880px) {
  .contact-hq-grid { grid-template-columns:1fr; }
  .contact-hq-card { padding:28px; }
  .contact-hq { padding:64px 0; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   قسم وسائل التواصل الاجتماعي البارز
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.social-hub {
  position:relative;
  z-index:1;
  margin-top:48px;
  padding-top:40px;
  border-top:1px solid rgba(245,158,11,.18);
}
.social-hub-head {
  text-align:center;
  margin-bottom:28px;
}
.social-hub-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.78rem;
  font-weight:700;
  color:var(--gold-500);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.social-hub-eyebrow::before,
.social-hub-eyebrow::after {
  content:'';
  width:24px;
  height:1px;
  background:var(--gold-500);
  opacity:.5;
}
.social-hub-title {
  font-size:clamp(1.3rem, 2.2vw, 1.65rem);
  font-weight:800;
  color:var(--white);
  line-height:1.4;
  margin-bottom:8px;
}
.social-hub-sub {
  font-size:.95rem;
  color:rgba(255,255,255,.7);
  line-height:1.7;
}
.social-hub-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  max-width:840px;
  margin:0 auto;
}
.social-hub-card {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(245,158,11,.22);
  border-radius:14px;
  padding:22px 20px;
  display:flex;
  align-items:center;
  gap:14px;
  transition:all .25s ease;
  text-decoration:none;
  color:inherit;
  position:relative;
  overflow:hidden;
}
.social-hub-card::before {
  content:'';
  position:absolute;
  top:0; right:0;
  width:0; height:3px;
  background:var(--gold-500);
  transition:width .3s ease;
}
.social-hub-card:hover {
  background:rgba(255,255,255,.08);
  border-color:var(--gold-500);
  transform:translateY(-3px);
  box-shadow:0 12px 28px -12px rgba(0,0,0,.4);
}
.social-hub-card:hover::before { width:100%; }
.social-hub-icon {
  width:48px; height:48px;
  border-radius:12px;
  background:rgba(245,158,11,.15);
  border:1px solid rgba(245,158,11,.35);
  color:var(--gold-500);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:.25s;
}
.social-hub-icon svg { width:22px; height:22px; }
.social-hub-card:hover .social-hub-icon {
  background:var(--gold-500);
  color:var(--green-900);
  border-color:var(--gold-500);
}
.social-hub-text {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.social-hub-name {
  font-size:.74rem;
  font-weight:700;
  color:var(--gold-400);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.social-hub-handle {
  font-size:.95rem;
  font-weight:700;
  color:var(--white);
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:760px) {
  .social-hub-grid { grid-template-columns:1fr; }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   التذييل
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.footer {
  background:var(--green-900);
  color:rgba(255,255,255,.7);
  padding:64px 0 28px;
}
.footer-top {
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.2fr;
  gap:48px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer .brand-text .name { color:var(--white); }
.footer .brand-text .sub { color:var(--gold-400); }
.footer-brand p {
  margin:20px 0;
  font-size:.94rem;
  line-height:1.85;
  max-width:340px;
}
.footer-contact {
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:.9rem;
}
.footer-contact a:hover { color:var(--gold-400); }
.footer-contact .item {
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.footer-contact .item-label {
  color:var(--gold-400);
  font-weight:600;
  font-size:.78rem;
  min-width:50px;
}
.footer h5 {
  font-size:.85rem;
  font-weight:800;
  margin-bottom:20px;
  color:var(--white);
  letter-spacing:.02em;
}
.footer ul li { margin-bottom:10px; }
.footer ul a {
  font-size:.92rem;
  color:rgba(255,255,255,.7);
  transition:color .2s;
}
.footer ul a:hover { color:var(--gold-400); }

.newsletter input {
  width:100%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  padding:12px 16px;
  border-radius:8px;
  color:var(--white);
  font-family:inherit;
  font-size:.92rem;
  outline:none;
  margin-bottom:12px;
  transition:.2s;
}
.newsletter input::placeholder { color:rgba(255,255,255,.4); }
.newsletter input:focus { border-color:var(--gold-500); background:rgba(255,255,255,.08); }
.newsletter button {
  width:100%;
  background:var(--gold-500);
  color:var(--green-900);
  padding:12px;
  font-weight:700;
  border-radius:8px;
  font-family:inherit;
  font-size:.92rem;
  transition:.25s;
}
.newsletter button:hover { background:var(--gold-400); }
.newsletter small {
  display:block;
  margin-top:12px;
  font-size:.74rem;
  color:rgba(255,255,255,.5);
  line-height:1.6;
}

.footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:28px;
  font-size:.84rem;
  color:rgba(255,255,255,.5);
  flex-wrap:wrap;
  gap:16px;
}
.social {
  display:flex;
  gap:10px;
}
.social a {
  width:38px; height:38px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.7);
  transition:.2s;
}
.social a:hover {
  background:var(--gold-500);
  color:var(--green-900);
  border-color:var(--gold-500);
}

@media(max-width:880px) { .footer-top { grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:560px) { .footer-top { grid-template-columns:1fr; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   شارة المرجع - يمكن إخفاؤها
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.dev-note {
  position:fixed;
  bottom:20px;
  left:20px;
  background:var(--white);
  border:1px solid var(--line);
  border-right:3px solid var(--gold-500);
  padding:14px 18px;
  border-radius:8px;
  font-size:.78rem;
  color:var(--text-soft);
  max-width:280px;
  box-shadow:0 8px 24px rgba(14,63,56,.12);
  z-index:200;
}
.dev-note b { color:var(--green-900); display:block; margin-bottom:6px; font-size:.84rem; }
.dev-note code {
  background:var(--bg-soft);
  padding:1px 6px;
  border-radius:4px;
  font-size:.72rem;
  color:var(--green-800);
  font-weight:600;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   توسيط شامل لجميع العناصر في التابلت والجوال
   (تطبيقاً للقاعدة: التوسيط أنظف ويُحسِّن ترتيب العناصر)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media(max-width:980px) {
  /* الهيرو */
  .hero-grid { text-align:center; }
  .hero-main { align-items:center; }
  .hero-eyebrow { margin-inline:auto; }
  .hero h1, .hero .lead { text-align:center; }
  .hero-actions { justify-content:center; }
  .hero-card { text-align:center; }
  .hero-card-label { margin-inline:auto; }

  /* من نحن — التخطيط أصلاً متوسط، لا يحتاج قواعد إضافية */
  .about-content p { text-align:center; }

  /* الموسوعة */
  .enc-card { text-align:center; }
  .enc-card > div:first-child { display:flex; flex-direction:column; align-items:center; }
  .enc-tag { margin-inline:auto; }
  .enc-card h2, .enc-card .desc { text-align:center; }
  .enc-actions { justify-content:center; }

  /* المدونة - رؤوس الأقسام */
  .news-head { flex-direction:column; gap:18px; text-align:center; align-items:center; }
  .news-head .left h3 { justify-content:center; }

  /* بطاقات الأخبار والمقالات */
  .news-card, .article { text-align:center; }
  .news-body, .article-body { text-align:center; }
  .news-meta, .article-meta { justify-content:center; }

  /* تواصل معنا */
  .contact-hq-card { text-align:center; align-items:center; }
  .contact-hq-row { flex-direction:column; align-items:center; gap:10px; text-align:center; }
  .contact-hq-row > div:last-child { display:flex; flex-direction:column; align-items:center; }
  .contact-hq-actions { justify-content:center; }
  .contact-hq-meta { justify-content:center; }

  /* الخدمات المساندة */
  .services-aux { text-align:center; }

  /* التذييل */
  .footer-top { text-align:center; }
  .footer-brand { display:flex; flex-direction:column; align-items:center; }
  .footer-brand .brand { justify-content:center; }
  .footer-brand p { text-align:center; }
  .footer-contact .item { justify-content:center; flex-wrap:wrap; }
  .footer-bottom { justify-content:center; text-align:center; flex-direction:column; }
  .social { justify-content:center; }
}

@media(max-width:600px) {
  /* تأكيد التوسيط على الجوال */
  .section-head { text-align:center; }
  .footer h5 { text-align:center; }
  .footer ul { text-align:center; }
  .newsletter input, .newsletter button { width:100%; }
}