/* ═══════════════════════════════════════════════════════════
   ضبط — تصحيحات تُحمَّل بعد أنماط الصفحة.
   تُعالج مشكلات كانت موجودة في النسخة الثابتة الأصلية.
   يبقى هذا الملف كما هو عند إعادة توليد ملفات pages/*.css.
   ═══════════════════════════════════════════════════════════ */

/* ── قسم «كيف يعمل النظام» في الرئيسية ─────────────────────
   المشكلة الأصلية:
   1. الشبكة كانت repeat(5,1fr) بينما داخلها 9 عناصر
      (5 خطوات + 4 أسهم)، فكانت تلتف 3+2 وتختلّ المحاذاة.
   2. نص الوصف بشفافية .4 فوق خلفية #073d2d الداكنة
      (تباين ≈4:1) — أقل من الحد المقروء.
   ───────────────────────────────────────────────────────── */

.how-section .steps-grid {
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  gap: 1.25rem;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}

.how-section .step {
  gap: .6rem;
  padding: 1.25rem .75rem 1.5rem;
  border-radius: var(--r-lg);
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  transition: background .2s, border-color .2s, transform .2s;
}

.how-section .step:hover {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(46, 168, 123, .4);
  transform: translateY(-3px);
}

.how-section .step-num {
  border-color: rgba(46, 168, 123, .55);
  color: #7ee0b6;
  background: rgba(29, 158, 117, .18);
}

.how-section .step-icon {
  font-size: 1.65rem;
  line-height: 1;
}

.how-section .step-name {
  font-family: 'Tajawal', sans-serif;
  font-size: .98rem;
  font-weight: 700;
  color: #ffffff;
}

/* تباين ≈9:1 بدل ≈4:1 */
.how-section .step-sub {
  font-size: .82rem;
  color: rgba(255, 255, 255, .72);
  line-height: 1.7;
  max-width: 22ch;
  margin: 0 auto;
}

.how-section .step-connector {
  padding-top: 3.25rem;
  color: rgba(126, 224, 182, .6); /* تباين ≈3.8:1 — فوق حدّ العناصر غير النصية */
  font-size: 1.4rem;
}

.how-section .how-desc {
  color: rgba(255, 255, 255, .72);
}

@media (max-width: 1024px) {
  .how-section .steps-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    row-gap: 1.25rem;
  }
  .how-section .step-connector { display: none; }
}

@media (max-width: 560px) {
  .how-section .steps-grid { grid-template-columns: 1fr; }
  .how-section .step-sub { max-width: none; }
}

/* ═══════════════════════════════════════════════════════════
   مكوّنات تحسين المحتوى (SEO / GEO / AEO)
   تُستخدم في كل المقالات: إجابة مباشرة، خلاصة، تعريف سريع،
   أسئلة شائعة، ومصادر رسمية.
   ═══════════════════════════════════════════════════════════ */

/* ── الإجابة المباشرة: أول ما يقرؤه محرك البحث أو وكيل الذكاء الاصطناعي ── */
.answer-box{background:linear-gradient(135deg,var(--g50),#fff);border:1.5px solid var(--g200);border-right:5px solid var(--g500);border-radius:var(--r-lg);padding:1.4rem 1.6rem;margin:1.75rem 0}
.answer-box .ab-label{display:inline-flex;align-items:center;gap:.4rem;font-family:'Tajawal',sans-serif;font-weight:700;font-size:.78rem;color:var(--g600);letter-spacing:.04em;margin-bottom:.5rem}
.answer-box p{font-size:1.05rem;line-height:1.95;color:var(--n800);font-weight:400;margin:0}
.answer-box p + p{margin-top:.75rem}

/* ── الخلاصة السريعة ── */
.takeaways{background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-lg);padding:1.4rem 1.6rem;margin:1.75rem 0}
.takeaways .tk-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.05rem;color:var(--n900);margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}
.takeaways ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.takeaways li{position:relative;padding-right:1.6rem;font-size:.95rem;line-height:1.8;color:var(--n700)}
.takeaways li::before{content:'✦';position:absolute;right:0;top:0;color:var(--g500);font-weight:700}

/* ── تعريف سريع لمصطلح ── */
.definition{background:#fff;border:1.5px solid var(--n200);border-right:4px solid var(--gold);border-radius:var(--r-md);padding:1rem 1.25rem;margin:1.5rem 0}
.definition .df-term{font-family:'Tajawal',sans-serif;font-weight:900;font-size:.95rem;color:var(--n900);margin-bottom:.3rem}
.definition .df-body{font-size:.93rem;line-height:1.85;color:var(--n700)}
.definition .df-src{display:block;margin-top:.5rem;font-size:.78rem;color:var(--n400)}

/* ── الأسئلة الشائعة (تُقرأ أيضاً كـ FAQPage Schema) ── */
.faq-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}
.faq-item{background:var(--n0);border:1px solid var(--n100);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s}
.faq-item:hover{border-color:var(--g200)}
.faq-q{font-family:'Tajawal',sans-serif;font-weight:700;font-size:1rem;color:var(--n900);padding:1rem 1.25rem;background:var(--n50);border-bottom:1px solid var(--n100)}
.faq-a{padding:1rem 1.25rem;font-size:.95rem;line-height:1.9;color:var(--n700)}
.faq-a p:last-child{margin-bottom:0}

/* ── المصادر الرسمية ── */
.sources{background:#f7fafc;border:1px solid var(--n200);border-radius:var(--r-lg);padding:1.3rem 1.6rem;margin:2rem 0}
.sources .src-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1rem;color:var(--n900);margin-bottom:.75rem}
.sources ol{margin:0;padding-right:1.2rem;display:flex;flex-direction:column;gap:.55rem}
.sources li{font-size:.9rem;line-height:1.8;color:var(--n700)}
.sources a{color:var(--g600);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.sources a:hover{color:var(--g500)}
.sources .src-note{display:block;margin-top:.75rem;font-size:.8rem;color:var(--n400);line-height:1.7}

/* ── جدول عام داخل متن المقال ── */
.article-body table:not(.comp-table){width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.9rem;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-sm)}
.article-body table:not(.comp-table) th{background:var(--g700);color:#fff;padding:.75rem 1rem;text-align:right;font-family:'Tajawal',sans-serif;font-weight:700;font-size:.88rem}
.article-body table:not(.comp-table) td{padding:.7rem 1rem;border-bottom:1px solid var(--n100);text-align:right;vertical-align:top}
.article-body table:not(.comp-table) tr:nth-child(even) td{background:var(--n50)}
.article-body table:not(.comp-table) tr:last-child td{border-bottom:none}

/* ── تمرير أفقي للجداول على الجوال ── */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6rem 0}
.table-scroll table{margin:0!important;min-width:520px}

@media(max-width:640px){
  .answer-box,.takeaways,.sources{padding:1.1rem 1.15rem}
  .answer-box p{font-size:1rem}
}

/* ── سطر إسناد مصدر البيانات تحت أي كتلة أرقام ──
   يجعل الرقم قابلاً للاقتباس لدى محركات الذكاء الاصطناعي،
   لأنه يقرن القيمة بمصدرها بدل تركها ادعاءً معلّقاً. */
.stat-source{display:block;margin:.6rem 0 1.5rem;font-size:.8rem;color:var(--n400);line-height:1.75;border-right:3px solid var(--n200);padding-right:.7rem}
.stat-source strong{color:var(--n600);font-weight:700}
.callout .stat-source{margin-bottom:0}

/* ── سطر «عن الأرقام»: إفصاح على مستوى المقال ── */
.figures-note{background:#fffdf6;border:1px solid #f0dba0;border-right:4px solid var(--gold);border-radius:var(--r-md);padding:1.1rem 1.35rem;margin:2rem 0}
.figures-note .fn-title{font-family:'Tajawal',sans-serif;font-weight:700;font-size:.92rem;color:var(--gold);margin-bottom:.5rem}
.figures-note p{font-size:.88rem;line-height:1.85;color:var(--n700);margin-bottom:.6rem;font-weight:400}
.figures-note p:last-child{margin-bottom:0}
.figures-note a{color:var(--g600);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* ── مركز المعرفة: بطاقة قسم ── */
.kh-intro{max-width:1240px;margin:0 auto;padding:2rem 2rem 0}
.kh-intro p{font-size:1rem;line-height:1.95;color:var(--n700);max-width:840px;margin-bottom:1rem}
.kh-sections{max-width:1240px;margin:0 auto;padding:1.5rem 2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.kh-card{display:flex;gap:.85rem;background:var(--n0);border:1px solid var(--n100);border-radius:var(--r-lg);padding:1.15rem;transition:all .2s;text-decoration:none}
.kh-card:hover{border-color:var(--g200);box-shadow:var(--sh-md);transform:translateY(-2px)}
.kh-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.kh-body{flex:1;min-width:0}
.kh-name{font-family:'Tajawal',sans-serif;font-weight:700;font-size:1rem;color:var(--n900);margin-bottom:.25rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.kh-count{font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:100px;border:1px solid currentColor}
.kh-desc{font-size:.84rem;color:var(--n600);line-height:1.7}
@media(max-width:768px){.kh-intro,.kh-sections{padding-left:1.25rem;padding-right:1.25rem}}

/* ── قاموس المصطلحات ── */
.gl-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0 2rem}
.gl-chip{display:inline-block;font-size:.8rem;font-weight:600;color:var(--n600);background:var(--n50);border:1px solid var(--n100);padding:4px 12px;border-radius:100px;text-decoration:none;transition:all .15s}
.gl-chip:hover{background:var(--g50);border-color:var(--g100);color:var(--g600)}
.gl-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}
.gl-item{background:var(--n0);border:1px solid var(--n100);border-right:4px solid var(--g200);border-radius:var(--r-md);padding:1rem 1.25rem;scroll-margin-top:100px;transition:border-color .2s}
.gl-item:target,.gl-item:hover{border-right-color:var(--g500)}
.gl-term{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.02rem;color:var(--n900);margin-bottom:.35rem}
.gl-def{font-size:.93rem;line-height:1.85;color:var(--n700)}
.gl-def a{color:var(--g600);text-decoration:underline;text-underline-offset:3px;font-weight:600;white-space:nowrap}
.gl-src{display:block;margin-top:.45rem;font-size:.76rem;color:var(--n400)}

/* ── عنقود المحتوى: يربط المقالة بسلسلتها وبالصفحات الأم ── */
.cluster{background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-lg);padding:1.35rem 1.5rem;margin:2.5rem 0}
.cl-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}
.cl-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}
.cl-label{font-size:.78rem;color:var(--n400);margin-bottom:.15rem}
.cl-series{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.05rem;text-decoration:none}
.cl-series:hover{text-decoration:underline;text-underline-offset:3px}
.cl-num{font-weight:600;font-size:.85rem;opacity:.75}
.cl-links{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem}
.cl-links li{position:relative;padding-right:1.1rem}
.cl-links li::before{content:'←';position:absolute;right:0;top:.1rem;color:var(--g400);font-size:.8rem}
.cl-links a{font-size:.88rem;line-height:1.65;color:var(--n700);text-decoration:none}
.cl-links a:hover{color:var(--g600);text-decoration:underline;text-underline-offset:3px}
.cl-foot{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.9rem;border-top:1px solid var(--n100)}
.cl-pill{display:inline-block;font-size:.82rem;font-weight:600;color:var(--n700);background:var(--n0);border:1px solid var(--n200);padding:5px 13px;border-radius:100px;text-decoration:none;transition:all .15s}
.cl-pill:hover{border-color:var(--g400);color:var(--g600);background:var(--g50)}
@media(max-width:640px){.cl-links{grid-template-columns:1fr}.cluster{padding:1.15rem 1.2rem}}

/* ── الشعار المرفوع يحلّ محلّ المربّع والاسم معاً ── */
.nav-logo.has-image{gap:0}
.nav-logo-img{height:42px;width:auto;max-width:220px;object-fit:contain;display:block}
@media(max-width:600px){.nav-logo-img{height:36px;max-width:170px}}

/* ── معرض جولة النظام ── */
.tour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.15rem;margin:1.5rem 0 2.5rem}
.tour-item{margin:0;background:var(--n0);border:1px solid var(--n100);border-radius:var(--r-lg);overflow:hidden;transition:all .2s}
.tour-item:hover{border-color:var(--g200);box-shadow:var(--sh-md);transform:translateY(-2px)}
.tour-shot{display:block;background:var(--n50);border-bottom:1px solid var(--n100);line-height:0}
.tour-img{width:100%;height:auto;display:block}
.tour-item figcaption{padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.tour-name{font-family:'Tajawal',sans-serif;font-weight:700;font-size:.92rem;color:var(--n900)}
.tour-link{font-size:.8rem;font-weight:600;color:var(--g600);text-decoration:none;white-space:nowrap}
.tour-link:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.tour-grid{grid-template-columns:1fr;gap:1rem}}

/* ── الصورة البارزة في رأس المقال ── */
.article-thumb{margin:0 0 2rem;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--n100);box-shadow:var(--sh-md);line-height:0}
.article-thumb img{width:100%;height:auto;display:block}

/* ═══════════════════════════════════════════════════════════
   غلاف الصفحات المُنشأة داخل ووردبريس (page.php)
   الصفحات المستوردة تحمل ترميزها وتنسيقها كاملاً، أما الصفحات
   الجديدة — من نحن، المصطلحات، جولة النظام، سياسة الخصوصية —
   فكانت تُعرض بلا حاوية فتمتدّ من حافة إلى حافة.
   القيم منسوخة من تنسيق متن المقالات ليتطابق المظهر.
   ═══════════════════════════════════════════════════════════ */

.dabt-page-head{background:linear-gradient(135deg,var(--g700),var(--g800));position:relative;overflow:hidden;padding:3.5rem 2rem 3rem}
.dabt-page-head::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 0,rgba(29,158,117,.22),transparent 60%);pointer-events:none}
.dabt-page-head-inner{max-width:840px;margin:0 auto;position:relative;z-index:1}
.dabt-page-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;line-height:1.15;margin:0 0 1rem}
.dabt-page-sub{font-size:1.02rem;line-height:1.9;color:rgba(255,255,255,.75);font-weight:300;margin:0;max-width:70ch}

.dabt-page-thumb{max-width:1000px;margin:-1.5rem auto 0;padding:0 2rem;position:relative;z-index:2;line-height:0}
.dabt-page-thumb img{width:100%;height:auto;border-radius:var(--r-xl);border:1px solid var(--n100);box-shadow:var(--sh-lg)}

.dabt-prose{max-width:840px;margin:0 auto;padding:2.75rem 2rem 4rem;font-size:1.02rem;color:var(--n800);line-height:1.9}
.dabt-prose > h2{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.65rem;color:var(--n900);margin:2.75rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--n100)}
.dabt-prose > h2:first-child{margin-top:0}
.dabt-prose > h3{font-family:'Tajawal',sans-serif;font-weight:700;font-size:1.25rem;color:var(--n900);margin:2rem 0 .75rem}
.dabt-prose p{margin-bottom:1.25rem;font-weight:300;color:var(--n700)}
.dabt-prose ul,.dabt-prose ol{margin:0 0 1.25rem;padding-right:1.4rem}
.dabt-prose li{margin-bottom:.5rem;font-weight:300;color:var(--n700)}
.dabt-prose a{color:var(--g600);text-decoration:underline;text-underline-offset:3px}
.dabt-prose a:hover{color:var(--g500)}
.dabt-prose strong{font-weight:700;color:var(--n900)}
.dabt-prose img{max-width:100%;height:auto;border-radius:var(--r-md)}
.dabt-prose table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.9rem;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-sm)}
.dabt-prose th{background:var(--g700);color:#fff;padding:.75rem 1rem;text-align:right;font-family:'Tajawal',sans-serif;font-weight:700;font-size:.88rem}
.dabt-prose td{padding:.7rem 1rem;border-bottom:1px solid var(--n100);text-align:right;vertical-align:top}
.dabt-prose tr:nth-child(even) td{background:var(--n50)}

/* شبكة الشاشات أعرض من عمود النص لأن اللقطات تحتاج مساحة لتُقرأ */
/* margin-left/transform فيزيائيان لا منطقيان، فيعملان في RTL وLTR معاً */
.dabt-prose .tour-grid{width:min(1180px,calc(100vw - 4rem));margin-left:50%;transform:translateX(-50%)}

@media(max-width:900px){
  .dabt-page-head{padding:2.5rem 1.25rem 2.25rem}
  .dabt-prose{padding:2rem 1.25rem 3rem}
  .dabt-page-thumb{padding:0 1.25rem}
  .dabt-prose .tour-grid{width:auto;margin-inline-start:0;transform:none}
}

/* ═══════════════════════════════════════════════════════════
   روابط القائمة المتنقّلة (mm-links)
   النسخة الثابتة لم تكن فيها قائمة جوال أصلاً، فأضافها القالب
   ولم يكن لروابطها أي تنسيق — كانت تُعرض كقائمة خام.
   القيم مأخوذة من .nav-links و .dd لتتّسق مع الشريط العلوي.
   ═══════════════════════════════════════════════════════════ */

.mm-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.mm-links > li > a{display:block;padding:.7rem .85rem;border-radius:var(--r-sm);font-family:'Tajawal',sans-serif;font-weight:700;font-size:15px;color:var(--n800);text-decoration:none;transition:background .15s,color .15s}
.mm-links > li > a:hover,
.mm-links > li.current-menu-item > a,
.mm-links > li.current-menu-ancestor > a{background:var(--g50);color:var(--g600)}

.mm-links .sub-menu{list-style:none;margin:.15rem 0 .5rem;padding:0 .85rem 0 0;display:flex;flex-direction:column;gap:.1rem;border-right:2px solid var(--n100)}
.mm-links .sub-menu a{display:block;padding:.5rem .85rem;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;color:var(--n600);text-decoration:none;transition:background .15s,color .15s}
.mm-links .sub-menu a:hover,
.mm-links .sub-menu li.current-menu-item > a{background:var(--g50);color:var(--g600)}
/* الفاصل «---» في القائمة يُعرض كخط لا كنص */
.mm-links .sub-menu a[href="#"]:not([href="#"]:only-child){color:var(--n400)}

/* ═══════════════════════════════════════════════════════════
   مكوّنات مشتركة داخل صفحات page.php
   الأزرار والدعوات والتنبيهات معرّفة في ملفات pages/*.css فقط،
   والصفحات المُنشأة داخل ووردبريس لا تُحمّل أياً منها — فكانت
   بلا تنسيق. القواعد هنا مقصورة على .dabt-page حتى لا تتجاوز
   تعريفات الصفحات المستوردة.
   ═══════════════════════════════════════════════════════════ */

.dabt-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Cairo',sans-serif;font-weight:700;border-radius:var(--r-md);cursor:pointer;border:none;transition:all .2s;text-decoration:none;line-height:1}
.dabt-page .btn-sm{font-size:13px;padding:.5rem 1.1rem}
.dabt-page .btn-md{font-size:14px;padding:.65rem 1.5rem}
.dabt-page .btn-lg{font-size:15px;padding:.85rem 2rem}
.dabt-page .btn-primary{background:var(--g500);color:#fff;box-shadow:var(--sh-sm)}
.dabt-page .btn-primary:hover{background:var(--g600)}
.dabt-page .btn-white{background:#fff;color:var(--g700);box-shadow:var(--sh-md)}
.dabt-page .btn-white:hover{background:var(--n50)}
.dabt-page .btn-ghost{background:transparent;color:var(--n600);border:1.5px solid var(--n200)}
.dabt-page .btn-ghost:hover{border-color:var(--g200);color:var(--g600)}

.dabt-page .inline-cta{background:linear-gradient(135deg,var(--g700),var(--g800));border-radius:var(--r-xl);padding:2rem;margin:2.5rem 0;text-align:center;position:relative;overflow:hidden}
.dabt-page .icta-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(29,158,117,.15),transparent 70%)}
.dabt-page .icta-inner{position:relative;z-index:2}
.dabt-page .icta-title{font-family:'Tajawal',sans-serif;font-weight:900;font-size:1.35rem;color:#fff;margin-bottom:.5rem}
.dabt-page .icta-sub{font-size:.88rem;color:rgba(255,255,255,.7);margin-bottom:1.25rem}
.dabt-page .icta-btns{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}

.dabt-page .callout{border-radius:var(--r-lg);padding:1.25rem 1.5rem;margin:2rem 0;display:flex;gap:.85rem}
.dabt-page .callout-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}
.dabt-page .callout-title{font-family:'Tajawal',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:.35rem}
.dabt-page .callout-text{font-size:.88rem;line-height:1.75}
.dabt-page .callout-text p:last-child{margin-bottom:0}
.dabt-page .co-green{background:var(--g50);border:1.5px solid var(--g100)}
.dabt-page .co-green .callout-title{color:var(--g700)}
.dabt-page .co-green .callout-text{color:var(--g600)}
.dabt-page .co-gold{background:var(--gold-bg);border:1.5px solid #f0dba0}
.dabt-page .co-gold .callout-title{color:var(--gold)}
.dabt-page .co-gold .callout-text{color:#7a5000}
.dabt-page .co-red{background:#fff8f8;border:1.5px solid #fecaca}
.dabt-page .co-red .callout-title{color:var(--red)}
.dabt-page .co-red .callout-text{color:#8b1a1a}
.dabt-page .co-blue{background:#eff6ff;border:1.5px solid #bfdbfe}
.dabt-page .co-blue .callout-title{color:var(--blue)}
.dabt-page .co-blue .callout-text{color:#1a3a6b}

/* ═══════════════════════════════════════════════════════════
   ترتيب الطبقات فوق القائمة المتنقّلة
   القائمة نافذة حوارية (z-index 400)، بينما سكربت «أنظمة أخرى
   قد تهمّك» الخارجي يضع نفسه على 2147483000 وأزرار الاتصال على
   450 — فكانت تغطّي عناصر القائمة (اختفى «القطاعات» خلفها).
   الحل: رفع القائمة فوق الجميع وإخفاء العائمات أثناء فتحها.
   ═══════════════════════════════════════════════════════════ */

.mobile-menu.open{z-index:2147483001}

body:has(.mobile-menu.open) #nxfWidget,
body:has(.mobile-menu.open) .float-contact{display:none}