@charset "UTF-8";
/* ==========================================================================
   محمد محسن سعد — محامٍ ومستشار قانوني · نظام الهوية البصرية
   Light Legal Editorial · عربي RTL · Hello Elementor + Elementor Pro

   قاعدة العمل: هذا الملف يتولّى "الشكل" فقط.
   كل النصوص والصور والروابط تُحرَّر من Elementor بدون لمس الكود.

   الهوية مشتقّة من اللوجو مباشرةً:
     الأخضر الداكن #051D1D  ·  الذهبي #F0B800  ·  الأبيض #F2F4F1

   النظام فاتح افتراضيًا. الداكن تشكيل نادر: الفوتر، شريط الاقتباس،
   وبعض الشارات. هذا عكس نظام الديمو الداكن — وهو جوهر هوية هذا الموقع.

   الفهرس
   01  التوكنات
   02  أساسيات وتصحيحات Elementor
   03  التيبوغرافي
   04  الأزرار والروابط
   05  نظام الصور
   06  الهيدر والقائمة
   07  الهيرو + شريط الحقائق
   08  تمهيد / من نحن
   09  الخدمات
   10  شريط الاقتباس
   11  لماذا نحن
   12  آلية العمل
   13  المدونة
   14  الموقع والخريطة
   15  شريط الدعوة + نموذج التواصل
   16  الفوتر
   17  صفحات داخلية
   18  زر واتساب العائم
   19  الحركة وإمكانية الوصول
   20  الاستجابة
   21  الإيقاع الرأسي
   ========================================================================== */

/* ===== 01 — التوكنات ===================================================== */
:root{
  /* ——— من اللوجو مباشرةً ——— */
  --ms-green-900:#051D1D;   /* خلفية اللوجو — الفوتر والنصوص الداكنة */
  --ms-green-800:#0A2A28;
  --ms-green-700:#113A36;
  --ms-green-600:#1C4F49;

  /* الذهبي الساطع: زخرفي فقط (خطوط، حدود، أيقونات، أرقام).
     تباينه على العاجي 1.56:1 — لا يصلح لنصّ مقروء أبدًا. */
  --ms-gold:#F0B800;
  --ms-gold-soft:#FFD766;
  --ms-gold-deep:#6B5000;   /* نصوص ذهبية صغيرة على الفاتح — 7.3:1 على العاجي */
  --ms-gold-num:#8A6900;    /* أرقام وعناوين ذهبية كبيرة — 5.1:1 على الأبيض */

  /* ——— الأسطح الفاتحة: هي الأساس ——— */
  --ms-ivory:#FBFAF6;       /* خلفية الصفحة */
  --ms-sand:#F3F0E8;        /* قسم بديل */
  --ms-paper:#FFFFFF;       /* البطاقات */

  /* ——— الحبر: أخضر مائل، لا رمادي محايد أبدًا ——— */
  --ms-ink:#0B2321;         /* 15.3:1 على العاجي */
  --ms-ink-muted:#4C5E5B;   /*  6.4:1 على العاجي */
  --ms-on-dark:#F2F4F1;     /* أبيض اللوجو */
  --ms-on-dark-muted:rgba(242,244,241,.78);

  /* الخطوط الشعرية */
  --ms-hair:rgba(11,35,33,.12);
  --ms-hair-strong:rgba(11,35,33,.20);
  --ms-hair-dark:rgba(242,244,241,.14);
  --ms-gold-hair:rgba(240,184,0,.34);
  --ms-gold-glow:rgba(240,184,0,.10);

  /* الخطوط */
  --ms-font-body:"Cairo","Segoe UI",Tahoma,sans-serif;
  --ms-font-display:"Amiri","Cairo",Georgia,serif;

  /* مقياس الحجم */
  --ms-fs-eyebrow:.72rem;
  --ms-fs-body:clamp(1rem,.95rem + .25vw,1.125rem);
  --ms-fs-lead:clamp(1.06rem,1rem + .45vw,1.3rem);
  --ms-fs-h3:clamp(1.15rem,1.05rem + .45vw,1.4rem);
  --ms-fs-h2:clamp(1.8rem,1.35rem + 2.1vw,3rem);
  --ms-fs-h1:clamp(1.95rem,1.3rem + 2.9vw,3.6rem);
  --ms-fs-mega:clamp(2.4rem,1.1rem + 6.4vw,6.2rem);

  /* الإيقاع */
  --ms-wrap:1320px;
  --ms-gutter:clamp(20px,4.2vw,64px);
  --ms-sec-y:clamp(76px,8.4vw,148px);
  --ms-ease:cubic-bezier(.22,.61,.36,1);
  --ms-head-h:86px;         /* ارتفاع الهيدر — تقرؤه المراسي */
}

/* ===== 02 — أساسيات وتصحيحات Elementor ================================== */
body{
  background:var(--ms-ivory);
  color:var(--ms-ink);
  font-family:var(--ms-font-body);
  font-size:var(--ms-fs-body);
  line-height:1.95;
  -webkit-font-smoothing:antialiased;
  /* clip بدل hidden: hidden ينشئ حاوية تمرير على body فيتعطّل position:sticky */
  overflow-x:clip;
}
.elementor a{text-decoration:none}
.elementor img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--ms-gold-deep);outline-offset:3px}

/* المراسي لا تختفي خلف الهيدر الثابت */
:target{scroll-margin-top:calc(var(--ms-head-h) + 16px)}

/* تصفير الفجوة الافتراضية بين الودجات (--gap ≈ 20px) على حاوياتنا.
   تتراكم عبر عشرات الحاويات فتُطيل الصفحة بمئات البكسلات. المسافات
   المقصودة تأتي من قواعد gap الصريحة أدناه ومن القسم 21. */
.elementor .ms-c{--gap:0px;gap:0;padding:0}

/* المسافات المقصودة داخل المجموعات الأفقية */
.elementor .ms-hero-actions,
.elementor .ms-cta-actions{gap:14px;flex-wrap:wrap}
.elementor .ms-brand,
.elementor .ms-loc-name{gap:14px}
.elementor .ms-ch{gap:18px}

/* صندوق العرض المحدود — بديلنا عن حاوية Elementor المحدودة (boxed)،
   التي تُدرج .e-con-inner إضافيًا فتكسر أي شبكة CSS نضعها على الحاوية. */
.elementor .ms-wrap{
  width:100%;max-width:var(--ms-wrap);margin-inline:auto;
  padding-inline:var(--ms-gutter);
}

.elementor .ms-sec{padding-block:var(--ms-sec-y);padding-inline:0;position:relative}

/* غلاف الشبكات المؤطَّرة: الغلاف وحده يحمل الهامش الجانبي للصفحة،
   والشبكة بداخله بلا هامش فتنطبق خلفيتها وإطارها على البطاقات تمامًا
   بدل أن يمتدّا عبر الهامش ويظهرا كشريطين رماديين على الجانبين. */
.elementor .ms-framed-wrap{padding-block:0}
.elementor .ms-framed-wrap>.e-con{width:100%}
.elementor .ms-sec--light{background-color:var(--ms-ivory);color:var(--ms-ink)}
.elementor .ms-sec--sand{background-color:var(--ms-sand);color:var(--ms-ink)}
.elementor .ms-sec--paper{background-color:var(--ms-paper);color:var(--ms-ink)}
.elementor .ms-sec--dark{background-color:var(--ms-green-900);color:var(--ms-on-dark)}
.elementor .ms-sec--dark-alt{background-color:var(--ms-green-800);color:var(--ms-on-dark)}

/* شبكات الأقسام (تتجاوز flex الافتراضي للحاوية) */
.elementor .ms-grid{display:grid;align-items:center;gap:clamp(36px,5vw,76px)}
.elementor .ms-grid--62{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
.elementor .ms-grid--55{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.elementor .ms-grid--73{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.elementor .ms-grid--37{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.elementor .ms-grid--top{align-items:start}

/* ترويسة القسم: عنوان يمين + سطر شارح يسار */
.elementor .ms-sechead{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:end;gap:clamp(18px,2.4vw,40px);margin-bottom:clamp(40px,5vw,72px);
}

/* ===== 03 — التيبوغرافي ================================================= */
.ms-eyebrow .elementor-heading-title,
.ms-eyebrow{
  font-family:var(--ms-font-body);font-size:var(--ms-fs-eyebrow);font-weight:600;
  letter-spacing:.28em;line-height:1.6;color:var(--ms-gold-deep);
  display:flex;align-items:center;gap:.85em;
}
/* الخط الذهبي على العنوان فقط. تطبيقه على الغلاف أيضًا يرسم خطّين. */
.ms-eyebrow .elementor-heading-title::before{
  content:"";flex:none;width:clamp(24px,4vw,54px);height:1px;
  background:var(--ms-gold);opacity:1;
}
.ms-sec--dark .ms-eyebrow .elementor-heading-title,
.ms-sec--dark-alt .ms-eyebrow .elementor-heading-title{color:var(--ms-gold)}

.ms-h1 .elementor-heading-title{font-family:var(--ms-font-display);font-weight:700;font-size:var(--ms-fs-h1);line-height:1.36;text-wrap:balance}
.ms-h2 .elementor-heading-title{font-family:var(--ms-font-display);font-weight:700;font-size:var(--ms-fs-h2);line-height:1.42;text-wrap:balance}
.ms-h3 .elementor-heading-title{font-family:var(--ms-font-body);font-weight:700;font-size:var(--ms-fs-h3);line-height:1.6}
.ms-mega .elementor-heading-title{font-family:var(--ms-font-display);font-weight:700;font-size:var(--ms-fs-mega);line-height:1.3;text-wrap:balance}

.ms-lead,.ms-lead p{font-size:var(--ms-fs-lead);font-weight:300;line-height:1.95}
.ms-body p+p{margin-top:1.15em}
.ms-measure{max-width:60ch}
.ms-measure-sm{max-width:48ch}

.ms-on-light,.ms-on-light p{color:var(--ms-ink-muted)}
.ms-on-dark,.ms-on-dark p{color:var(--ms-on-dark-muted)}
.ms-ink .elementor-heading-title{color:var(--ms-ink)}
.ms-gold .elementor-heading-title{color:var(--ms-gold-deep)}
.ms-ivory .elementor-heading-title{color:var(--ms-on-dark)}
.ms-sec--dark .ms-gold .elementor-heading-title,
.ms-sec--dark-alt .ms-gold .elementor-heading-title{color:var(--ms-gold)}

/* فاصل ذهبي رفيع (Divider widget).
   الودجت يتوسّط افتراضيًا ويرث direction:ltr من Elementor، فالخصائص
   المنطقية تنعكس. نستخدم خصائص فيزيائية ليجلس في بداية السطر العربي. */
.elementor .ms-hair .elementor-divider{justify-content:flex-start;padding-block:0}
.elementor .ms-hair .elementor-divider-separator{
  width:56px;flex:none;opacity:1;
  border-top-color:var(--ms-gold)!important;border-top-width:2px!important;
  margin-right:0!important;margin-left:auto!important;
}

/* ===== 04 — الأزرار والروابط ============================================ */
.ms-btn .elementor-button{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  min-height:54px;padding:.9em 2.1em;border-radius:0;
  font-family:var(--ms-font-body);font-size:.95rem;font-weight:600;letter-spacing:.02em;
  border:1px solid transparent;overflow:hidden;isolation:isolate;white-space:nowrap;
  transition:color .45s var(--ms-ease),border-color .45s var(--ms-ease),transform .45s var(--ms-ease);
}
.ms-btn .elementor-button::after{
  content:"";position:absolute;inset:0;z-index:-1;
  transform:scaleX(0);transform-origin:right center;transition:transform .5s var(--ms-ease);
}
.ms-btn .elementor-button:hover{transform:translateY(-2px)}

/* الأساسي: أخضر داكن بنص عاجي — التباين الأعلى على الأرضية الفاتحة */
.ms-btn--primary .elementor-button{background-color:var(--ms-green-900);color:var(--ms-on-dark);border-color:var(--ms-green-900)}
.ms-btn--primary .elementor-button::after{background:var(--ms-green-700)}
.ms-btn--primary .elementor-button:hover{color:var(--ms-on-dark)}
.ms-btn--primary .elementor-button:hover::after{transform:scaleX(1)}

/* الذهبي: أرضية ذهبية بنص أخضر داكن — تباين 10.4:1 */
.ms-btn--gold .elementor-button{background-color:var(--ms-gold);color:var(--ms-green-900);border-color:var(--ms-gold)}
.ms-btn--gold .elementor-button::after{background:var(--ms-gold-soft)}
.ms-btn--gold .elementor-button:hover{color:var(--ms-green-900)}
.ms-btn--gold .elementor-button:hover::after{transform:scaleX(1)}

/* الشبح على الفاتح */
.ms-btn--ghost .elementor-button{background-color:transparent;color:var(--ms-ink);border-color:var(--ms-hair-strong)}
.ms-btn--ghost .elementor-button::after{background:var(--ms-green-900)}
.ms-btn--ghost .elementor-button:hover{color:var(--ms-on-dark);border-color:var(--ms-green-900)}
.ms-btn--ghost .elementor-button:hover::after{transform:scaleX(1)}

/* الشبح على الداكن */
.ms-btn--ghost-dark .elementor-button{background-color:transparent;color:var(--ms-on-dark);border-color:var(--ms-hair-dark)}
.ms-btn--ghost-dark .elementor-button::after{background:var(--ms-gold)}
.ms-btn--ghost-dark .elementor-button:hover{color:var(--ms-green-900);border-color:var(--ms-gold)}
.ms-btn--ghost-dark .elementor-button:hover::after{transform:scaleX(1)}

.ms-btn--sm .elementor-button{min-height:46px;padding:.6em 1.5em;font-size:.85rem}
.ms-btn--block .elementor-button{width:100%}

/* رابط نصي بخط سفلي متحرك */
.ms-tlink a,a.ms-tlink,
.elementor .ms-tlink a,.elementor a.ms-tlink{
  display:inline-flex;align-items:center;gap:.6em;position:relative;padding-bottom:.35em;
  font-size:.88rem;font-weight:600;letter-spacing:.06em;color:inherit;white-space:nowrap;
}
.ms-tlink a::after,a.ms-tlink::after{
  content:"";position:absolute;bottom:0;right:0;left:0;height:1px;background:currentColor;
  opacity:.35;transition:opacity .5s var(--ms-ease);
}
.ms-tlink a:hover::after,a.ms-tlink:hover::after{opacity:1}

/* ===== 05 — نظام الصور ================================================== */
/* الصورة نفسها ودجت Image داخل الحاوية، فتخرج من ووردبريس بـ srcset
   وتحميل كسول. الحاوية تتكفّل بالقَص والمعالجة اللونية الموحّدة.
   لتغيير أي صورة: اختر ودجت الصورة ← Choose Image. لا كود.           */
.ms-photo{position:relative;overflow:hidden;isolation:isolate;background-color:var(--ms-sand)}
.elementor .ms-photo>.elementor-widget-image{position:absolute;inset:0;z-index:1;width:100%;margin:0}
.elementor .ms-photo>.elementor-widget-image>.elementor-widget-container,
.elementor .ms-photo>.elementor-widget-image figure,
.elementor .ms-photo>.elementor-widget-image a{height:100%;margin:0}
.ms-photo img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:var(--ms-pos,50% 35%);
  filter:contrast(1.04) saturate(.90) brightness(1.02);
}
/* المعالجة اللونية: ظل أخضر خفيف + وهج ذهبي جانبي.
   على الأرضية الفاتحة نُبقي التعتيم منخفضًا كي تبقى التفاصيل ظاهرة. */
.ms-photo::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(195deg,rgba(5,29,29,.04) 0%,rgba(5,29,29,.14) 55%,rgba(5,29,29,.40) 100%),
    radial-gradient(86% 64% at 80% 14%,rgba(240,184,0,.14),transparent 62%);
}
.elementor .ms-photo>*:not(.elementor-widget-image){position:relative;z-index:3}

/* حافة حادّة في كل الموقع — أُزيل القوس نهائيًا */
.ms-photo--arch{border:1px solid var(--ms-gold-hair);border-radius:0}
.ms-photo--framed{border:1px solid var(--ms-hair)}

.ms-photo--hero{--ms-pos:50% 18%;aspect-ratio:1/1.16}
.ms-photo--about{--ms-pos:50% 30%;aspect-ratio:5/6;border:1px solid var(--ms-hair)}
.ms-photo--intro{--ms-pos:50% 45%;aspect-ratio:3/4;border:1px solid var(--ms-hair)}
.ms-photo--wide{--ms-pos:50% 45%;aspect-ratio:16/10}

/* خلفية شريط الاقتباس — الحالة الداكنة الوحيدة في نظام الصور */
.ms-photo--statement{--ms-pos:50% 50%;position:absolute;inset:0;z-index:0}
.ms-photo--statement img{filter:contrast(1.10) saturate(.45) brightness(.62)}
.ms-photo--statement::after{
  background:
    linear-gradient(180deg,rgba(5,29,29,.86) 0%,rgba(5,29,29,.80) 34%,rgba(5,29,29,.90) 62%,rgba(5,29,29,.95) 100%),
    radial-gradient(74% 60% at 50% 48%,rgba(240,184,0,.12),transparent 66%);
}

/* صور بطاقات المقالات: تعتيم أخف كي تبقى الصورة مقروءة */
.elementor .ms-post-thumb.ms-photo{aspect-ratio:16/10;overflow:hidden}
.elementor .ms-post-thumb.ms-photo img{object-position:50% 50%}
.elementor .ms-post-thumb.ms-photo::after{
  background:linear-gradient(190deg,rgba(5,29,29,.04),rgba(5,29,29,.28));
}

.ms-ratio-45{aspect-ratio:1/1.16}
.ms-ratio-34{aspect-ratio:3/4}
.ms-ratio-56{aspect-ratio:5/6}
.ms-ratio-1610{aspect-ratio:16/10}

/* ===== 06 — الهيدر والقائمة ============================================= */
/* الهيدر بأرضية اللوجو نفسها (#051D1D) صلبةً بلا شفافية — فتذوب حوافّ
   صورتَي الشعار فيه بلا أي حدّ ظاهر.
   لا backdrop-filter هنا عمدًا: الخاصية تُنشئ كتلة حاوية لأي عنصر
   position:fixed بداخلها، وكانت تحبس قائمة الجوال داخل ارتفاع الهيدر. */
.ms-header{
  background-color:var(--ms-green-900)!important;
  border-bottom:1px solid transparent;
  transition:border-color .4s var(--ms-ease),box-shadow .4s var(--ms-ease);
}
.ms-header.elementor-sticky--effects{
  border-bottom-color:var(--ms-gold-hair);
  box-shadow:0 18px 40px -30px rgba(0,0,0,.85);
}

/* Elementor يمنح كل ودجت داخل الحاوية width:100%، فيتنافس الشعار
   والقائمة والزر على العرض ويتكدّس النص. نحدّد سلوك كل عنصر صراحة. */
.elementor .ms-header-inner{
  display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;
  gap:clamp(14px,2.6vw,44px);min-height:var(--ms-head-h);
  transition:min-height .4s var(--ms-ease);
}
.elementor .ms-header.elementor-sticky--effects .ms-header-inner{min-height:70px}

/* سطح المكتب: أيقونة الميزان في بداية السطر (يمينًا)، والكاليجرافي في
   نهايته (يسارًا)، والقائمة بينهما. زر الحجز مخفيّ هنا ويظهر داخل
   قائمة الجوال فقط. */
@media (min-width:1025px){
  /* شبكة بثلاثة أعمدة وطرفان متساويان (1fr) — فتقع القائمة في منتصف
     الشاشة تمامًا مهما اختلف عرض مجموعة الهوية عن عرض الزر.
     مع flex كانت القائمة تتمركز داخل المساحة المتبقية لا داخل الشاشة. */
  .elementor .ms-header-inner{
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    gap:clamp(16px,2.4vw,40px);
  }
  .elementor .ms-header-inner>.ms-brand{grid-column:1;justify-self:start;width:auto}
  .elementor .ms-header-inner>.ms-nav{grid-column:2;justify-self:center;width:auto;min-width:0}
  .elementor .ms-header-inner>.ms-header-cta{grid-column:3;justify-self:end;width:auto}
}

/* أيقونة الميزان — مقطوعة من اللوجو بأرضيته، فتلتحم بأرضية الهيدر */
.elementor .ms-mark{width:54px;height:54px;flex:none;padding:0;border:0;margin:0;position:relative}
.elementor .ms-mark img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.ms-mark .elementor-widget-container,.ms-mark figure{height:100%;margin:0}

/* اسم المحامي بخط الثلث — الصورة نفسها من اللوجو */
.elementor .ms-wordmark{flex:none;margin:0;line-height:0}
.elementor .ms-wordmark img{height:46px;width:auto;max-width:none;object-fit:contain;display:block}
.ms-wordmark .elementor-widget-container,.ms-wordmark figure{margin:0;line-height:0}
.ms-footer .ms-wordmark img{height:52px}

/* قائمة سطح المكتب.
   ملاحظة بنيوية: قائمة سطح المكتب والمنسدلة كلتاهما <ul class="elementor-nav-menu">،
   فأي قاعدة صفّ أفقي بدون تحديد --main تُطبَّق على المنسدلة أيضًا فتتداخل. */
.ms-nav .elementor-nav-menu--main ul.elementor-nav-menu{
  display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;
  gap:clamp(14px,2.2vw,36px);
}
.ms-nav .elementor-nav-menu--main>ul>li>a.elementor-item,
.ms-nav .elementor-nav-menu>li>a.elementor-item{
  position:relative;padding:.55em .1em;font-family:var(--ms-font-body);
  font-size:.94rem;font-weight:600;color:var(--ms-on-dark);white-space:nowrap;
  transition:color .35s var(--ms-ease);
}
.ms-nav .elementor-nav-menu--main>ul>li>a.elementor-item::after,
.ms-nav .elementor-nav-menu>li>a.elementor-item::after{
  content:"";position:absolute;bottom:0;right:0;left:0;height:2px;background:var(--ms-gold);
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ms-ease);
}
.ms-nav .elementor-nav-menu>li>a.elementor-item:hover,
.ms-nav .elementor-nav-menu>li>a.elementor-item.elementor-item-active{color:var(--ms-gold)}
.ms-nav .elementor-nav-menu>li>a.elementor-item:hover::after,
.ms-nav .elementor-nav-menu>li>a.elementor-item.elementor-item-active::after{transform:scaleX(1)}

/* القائمة الفرعية (الخدمات الست) على سطح المكتب.
   محصورة في min-width:1025px عمدًا: بدون الحصر كانت هذه القاعدة تُطبَّق
   أيضًا على حاوية قائمة الجوال (كلاهما elementor-nav-menu--dropdown)
   وتتغلّب عليها بأولوية أعلى، فتسرق حشوها وتضع لها إطارًا وظلًّا. */
@media (min-width:1025px){
  /* لوح داكن بخطّ ذهبي علوي وحافة حادّة — امتداد لأرضية الهيدر لا صندوق
     غريب عنها. كل عنصر يكشف علامة ذهبية صغيرة عند المرور بالمؤشر. */
  .ms-nav .elementor-nav-menu--main .sub-menu{
    background-color:var(--ms-green-800);
    border:1px solid var(--ms-gold-hair);border-top:2px solid var(--ms-gold);
    box-shadow:0 34px 64px -30px rgba(0,0,0,.75);
    padding:8px 0;min-width:268px;
  }
  .ms-nav .elementor-nav-menu--main .sub-menu li+li{border-top:1px solid rgba(242,244,241,.07)}
  .ms-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item{
    position:relative;display:flex;align-items:center;
    font-family:var(--ms-font-body);font-size:.93rem;font-weight:500;
    color:var(--ms-on-dark-muted);padding:.82em 1.35em .82em 2.4em;
    padding-inline:2.4em .82em;
    transition:color .3s var(--ms-ease),background-color .3s var(--ms-ease),padding .3s var(--ms-ease);
  }
  /* علامة القائمة: شرطة ذهبية تنمو من الصفر */
  .ms-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item::before{
    content:"";position:absolute;inset-inline-start:1.1em;top:50%;
    width:14px;height:2px;background:var(--ms-gold);
    transform:translateY(-50%) scaleX(0);transform-origin:inline-start;
    transition:transform .3s var(--ms-ease);
  }
  .ms-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover::before,
  .ms-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active::before{
    transform:translateY(-50%) scaleX(1);
  }
  .ms-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover,
  .ms-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active{
    color:var(--ms-gold);background-color:var(--ms-green-700);
  }
}

/* زر القائمة (الهامبرغر) */
.ms-nav .elementor-menu-toggle{
  width:48px;height:48px;border:1px solid var(--ms-hair-dark);border-radius:0;
  color:var(--ms-on-dark);background:transparent;
}

/* ===== 07 — الهيرو + شريط الحقائق ======================================= */
/* الهيرو: صورة بعرض الشاشة كاملًا في الخلفية، وفوقها تدرّج من الأسود
   يمينًا (تحت النصوص، فتُقرأ بأعلى تباين) إلى الأخضر الداكن يسارًا
   (فتبقى الصورة ظاهرة). التدرّج لا ينعكس مع اتجاه الصفحة — الاتجاهات
   هنا فيزيائية، وهو المقصود. */
.ms-hero{
  position:relative;overflow:hidden;isolation:isolate;
  background-color:var(--ms-green-900);color:var(--ms-on-dark);
  display:flex;align-items:center;
  min-height:clamp(540px,78vh,800px);
  /* حشو رأسي صريح: بدونه تلتصق الأزرار بحافّة القسم التالي */
  padding-block:clamp(72px,9vw,128px);
}
.elementor .ms-hero>.elementor-widget-image.ms-hero-bg{
  position:absolute;inset:0;z-index:0;width:100%;margin:0;
}
.ms-hero-bg .elementor-widget-container,
.ms-hero-bg figure,
.ms-hero-bg a{height:100%;margin:0;display:block}
.ms-hero-bg img{
  width:100%;height:100%;display:block;
  object-fit:cover;object-position:32% 46%;
  filter:contrast(1.05) saturate(.88);
}
.ms-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to left,
    rgba(0,0,0,.93) 0%,
    rgba(0,0,0,.86) 24%,
    rgba(2,18,18,.64) 50%,
    rgba(5,29,29,.36) 76%,
    rgba(5,29,29,.20) 100%);
}
.elementor .ms-hero>.ms-hero-inner{position:relative;z-index:2;width:100%}
/* النص في النصف الأيمن فوق الطرف الأسود */
.elementor .ms-hero-copy{max-width:min(60ch,56%)}

.ms-hero-name .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;letter-spacing:0;color:var(--ms-on-dark);
  font-size:clamp(1.45rem,1.1rem + 1.3vw,2.1rem);line-height:1.5;
}
.ms-hero-role .elementor-heading-title{
  position:relative;display:inline-flex;align-items:center;
  font-family:var(--ms-font-body);font-size:var(--ms-fs-eyebrow);font-weight:600;
  letter-spacing:.24em;color:var(--ms-gold);padding-bottom:1.6em;
}
.ms-hero-role .elementor-heading-title::after{
  content:"";position:absolute;bottom:.7em;right:0;width:clamp(60px,14vw,140px);height:2px;
  background:linear-gradient(to left,var(--ms-gold),transparent);
}
.ms-hero-headline .elementor-heading-title{color:var(--ms-on-dark)}
.ms-hero-headline .elementor-heading-title b,
.ms-hero-headline .elementor-heading-title strong{color:var(--ms-gold);font-weight:inherit}

/* شريط الحقائق — فاتح: يفصل الهيرو الداكن عمّا بعده بدل أن يلتحم به */
.ms-strip{background-color:var(--ms-green-900);border-block:1px solid var(--ms-green-700);position:relative;z-index:3}
/* التسميات أدناه تُكتب بـ .ms-strip-item لرفع الأولوية فوق قواعد
   النسخة الداكنة التي تليها في الملف. */
.ms-strip--light{background-color:var(--ms-paper);border-block:1px solid var(--ms-hair)}
.ms-strip--light .ms-strip-item .ms-strip-label .elementor-heading-title{color:var(--ms-ink)}
.ms-strip--light .ms-strip-item .ms-strip-sub .elementor-heading-title{color:var(--ms-gold-deep)}
.elementor .ms-strip--light .ms-strip-item+.ms-strip-item::before{
  background-image:linear-gradient(to bottom,transparent,var(--ms-hair-strong),transparent);
}
.elementor .ms-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.elementor .ms-strip-item{padding:clamp(22px,2.6vw,34px) clamp(12px,2vw,28px);text-align:center;position:relative}
/* Elementor يحجز ::before للحاوية كطبقة خلفية ويفرض height/width:100%،
   فيتمدّد الفاصل على كامل الارتفاع. height:auto يعيد الاحتكام إلى top/bottom. */
.elementor .ms-strip-item+.ms-strip-item::before{
  content:"";position:absolute;top:26%;bottom:26%;right:0;left:auto;
  width:1px;height:auto;
  background-image:linear-gradient(to bottom,transparent,var(--ms-gold-hair),transparent);
}
.ms-strip-item .ms-strip-label .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;line-height:1.5;color:var(--ms-on-dark);
  font-size:clamp(1rem,.9rem + .5vw,1.28rem);justify-content:center;
}
.ms-strip-item .ms-strip-sub .elementor-heading-title{
  font-family:var(--ms-font-body);font-size:.68rem;letter-spacing:.2em;color:var(--ms-gold);
  justify-content:center;
}

/* ===== 08 — تمهيد / من نحن ============================================== */
.ms-intro-headline .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;line-height:1.4;color:var(--ms-ink);
  font-size:clamp(1.7rem,1.1rem + 2.6vw,3.2rem);text-wrap:balance;
}
/* شارة على الصورة — أخضر داكن، التشكيل الداكن النادر داخل قسم فاتح.
   تُكتب بـ .ms-photo> لرفع الأولوية فوق القاعدة العامة في القسم 05
   (‎.ms-photo>*:not(.elementor-widget-image)‎) التي تفرض position:relative
   بأولوية أعلى، فكانت الشارة تجلس في مجرى النص أعلى الصورة بدل ركنها. */
.elementor .ms-photo>.ms-about-badge{
  position:absolute;bottom:-1px;left:-1px;z-index:3;width:fit-content;max-width:78%;
  background-color:var(--ms-green-900);border:1px solid var(--ms-gold-hair);
  padding:1.1em 1.6em;
}
.ms-about-badge .ms-badge-title .elementor-heading-title{
  font-family:var(--ms-font-display);font-size:1.05rem;color:var(--ms-gold);line-height:1.5;
}
.ms-about-badge .ms-badge-sub,
.ms-about-badge .ms-badge-sub p{font-size:.78rem;color:var(--ms-on-dark-muted)}

/* ===== 09 — الخدمات ===================================================== */
/* شبكة بفواصل شعرية: الفجوة 1px والخلفية تحتها هي الخط الفاصل */
.elementor .ms-svc-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background-color:var(--ms-hair);border:1px solid var(--ms-hair);
}
.elementor .ms-svc{
  position:relative;display:flex;flex-direction:column;gap:1.1em;
  background-color:var(--ms-paper);padding:clamp(28px,3vw,44px);
  transition:background-color .5s var(--ms-ease),transform .5s var(--ms-ease),box-shadow .5s var(--ms-ease);
}
.ms-svc::before{
  content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--ms-gold);
  transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ms-ease);
}
.elementor .ms-svc:hover{
  background-color:var(--ms-paper);transform:translateY(-4px);z-index:2;
  box-shadow:0 30px 60px -38px rgba(5,29,29,.45);
}
.ms-svc:hover::before{transform:scaleX(1)}
.elementor .ms-svc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ms-svc-num .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;line-height:1;color:var(--ms-gold-num);
  font-size:clamp(2rem,1.4rem + 1.6vw,2.9rem);font-variant-numeric:tabular-nums;
}
.ms-svc-title .elementor-heading-title{color:var(--ms-ink)}
.ms-svc-text,.ms-svc-text p{font-size:.95rem;color:var(--ms-ink-muted);line-height:1.9}
.ms-svc-link a{color:var(--ms-gold-deep)}

/* ===== 10 — شريط الاقتباس =============================================== */
.ms-statement{
  position:relative;overflow:hidden;min-height:260px;
  background-color:var(--ms-green-900);color:var(--ms-on-dark);
  display:flex;align-items:center;justify-content:center;
}
.ms-statement .ms-statement-inner{
  position:relative;z-index:2;text-align:center;
  padding-block:clamp(36px,5vw,56px);margin-block:auto;width:100%;
}
.ms-statement .ms-mega .elementor-heading-title{
  color:var(--ms-on-dark);justify-content:center;
  font-size:clamp(1.25rem,2.9vw,2.5rem);line-height:1.5;
}
.ms-statement .ms-mega--gold .elementor-heading-title{color:var(--ms-gold)}
.ms-quote-by .elementor-heading-title{
  font-family:var(--ms-font-body);font-size:clamp(.72rem,1vw,.82rem);font-weight:600;
  letter-spacing:.24em;color:var(--ms-gold);justify-content:center;margin-top:1.1em;
}

/* ===== 11 — لماذا نحن =================================================== */
.elementor .ms-why-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--ms-hair)}
.elementor .ms-why{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(20px,3vw,48px);align-items:baseline;
  padding:clamp(24px,3vw,38px) 0;border-bottom:1px solid var(--ms-hair);
}
.ms-why::after{
  content:"";position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--ms-gold);
  transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ms-ease);
}
.ms-why:hover::after{transform:scaleX(1)}
.ms-why-num .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;line-height:1;color:var(--ms-gold-num);
  font-size:clamp(1.6rem,1.1rem + 2vw,2.7rem);font-variant-numeric:tabular-nums;
}
.ms-why-title .elementor-heading-title{color:var(--ms-ink)}
.ms-why-text,.ms-why-text p{font-size:.95rem;color:var(--ms-ink-muted);line-height:1.9}

/* العمود التعريفي يبقى مثبّتًا بينما تمرّ المبادئ إلى جواره */
@media (min-width:1025px){
  .elementor .ms-why-intro{position:sticky;top:calc(70px + clamp(24px,4vw,56px));align-self:start}
}

/* ===== 12 — آلية العمل ================================================== */
.elementor .ms-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background-color:var(--ms-hair)}
/* بطاقات بيضاء على أرضية القسم العاجية، والفواصل الشعرية من خلفية الشبكة */
.elementor .ms-step{
  position:relative;background-color:var(--ms-paper);
  padding:clamp(28px,3vw,44px) clamp(20px,2.4vw,34px);
  transition:background-color .5s var(--ms-ease),box-shadow .5s var(--ms-ease);
}
.elementor .ms-steps{border:1px solid var(--ms-hair)}
.elementor .ms-step:hover{background-color:var(--ms-sand)}
.ms-step-node{display:flex;align-items:center;gap:.9em;margin-bottom:1.6em}
.ms-step-node i{display:block;width:10px;height:10px;flex:none;border:1px solid var(--ms-gold);border-radius:50%;position:relative}
.ms-step-node i::after{content:"";position:absolute;inset:2px;background:var(--ms-gold);border-radius:50%;transform:scale(0);transition:transform .5s var(--ms-ease)}
.ms-step:hover .ms-step-node i::after{transform:scale(1)}
.ms-step-node b{display:block;height:1px;flex:1;background:linear-gradient(to left,var(--ms-gold-hair),transparent)}
.ms-step-num .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;line-height:1;color:var(--ms-gold-num);
  font-size:clamp(1.7rem,1.2rem + 1.7vw,2.6rem);font-variant-numeric:tabular-nums;
}
.ms-step-title .elementor-heading-title{color:var(--ms-ink)}
.ms-step-text,.ms-step-text p{font-size:.93rem;color:var(--ms-ink-muted);line-height:1.9}

/* ===== 13 — المدونة ===================================================== */
.elementor .ms-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px)}
.elementor .ms-post{
  display:flex;flex-direction:column;gap:0;
  border:1px solid var(--ms-hair);background:var(--ms-paper);
  transition:border-color .5s var(--ms-ease),transform .5s var(--ms-ease),box-shadow .5s var(--ms-ease);
}
.elementor .ms-post:hover{
  border-color:var(--ms-gold-hair);transform:translateY(-5px);
  box-shadow:0 34px 60px -44px rgba(5,29,29,.5);
}
.elementor .ms-post-body{display:flex;flex-direction:column;gap:.9em;padding:clamp(22px,2.4vw,32px);flex:1}
.ms-post-cat .elementor-heading-title{font-family:var(--ms-font-body);font-size:.68rem;font-weight:600;letter-spacing:.2em;color:var(--ms-gold-deep)}
.ms-post-title .elementor-heading-title{color:var(--ms-ink);line-height:1.65}
.ms-post-text,.ms-post-text p{font-size:.93rem;color:var(--ms-ink-muted);line-height:1.9;flex:1}
.ms-post-link a{color:var(--ms-gold-deep)}

/* ودجت Posts الديناميكي — يرث نفس الشكل */
.ms-post-loop .elementor-post{
  border:1px solid var(--ms-hair);background:var(--ms-paper);
  transition:border-color .5s var(--ms-ease),transform .5s var(--ms-ease),box-shadow .5s var(--ms-ease);
}
.ms-post-loop .elementor-post:hover{
  border-color:var(--ms-gold-hair);transform:translateY(-5px);
  box-shadow:0 34px 60px -44px rgba(5,29,29,.5);
}
.ms-post-loop .elementor-post__text{padding:clamp(20px,2.2vw,28px)}
.ms-post-loop .elementor-post__title a{color:var(--ms-ink);font-weight:700;font-family:var(--ms-font-body)}
.ms-post-loop .elementor-post__title a:hover{color:var(--ms-gold-deep)}
.ms-post-loop .elementor-post__excerpt p{color:var(--ms-ink-muted);font-size:.93rem;line-height:1.9}
.ms-post-loop .elementor-post__read-more{color:var(--ms-gold-deep);font-weight:600;letter-spacing:.06em}
.ms-post-loop .elementor-post__meta-data{color:var(--ms-ink-muted);font-size:.78rem;letter-spacing:.08em}
.ms-post-loop .elementor-post__thumbnail__link{margin-bottom:0}

/* ترقيم الصفحات */
.elementor .elementor-pagination .page-numbers{
  display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 .6em;
  border:1px solid var(--ms-hair);color:var(--ms-ink);font-weight:600;font-size:.9rem;
  transition:border-color .35s var(--ms-ease),color .35s var(--ms-ease),background-color .35s var(--ms-ease);
}
.elementor .elementor-pagination .page-numbers:hover{border-color:var(--ms-gold);color:var(--ms-gold-deep)}
.elementor .elementor-pagination .page-numbers.current{background-color:var(--ms-green-900);border-color:var(--ms-green-900);color:var(--ms-on-dark)}

/* ===== 14 — الموقع والخريطة ============================================= */
.elementor .ms-loc-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--ms-hair)}
.elementor .ms-loc{
  position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;
  gap:20px;padding:clamp(20px,2.4vw,30px) 0;border-bottom:1px solid var(--ms-hair);
}
.ms-loc::after{
  content:"";position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--ms-gold);
  transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ms-ease);
}
.ms-loc:hover::after{transform:scaleX(1)}
.ms-loc-name .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;color:var(--ms-ink);
  font-size:clamp(1.3rem,1rem + 1.2vw,1.95rem);line-height:1.5;
}
.ms-loc-idx .elementor-heading-title{font-family:var(--ms-font-display);font-size:.9rem;color:var(--ms-gold-deep);font-variant-numeric:tabular-nums}
.ms-loc .ms-tlink a{color:var(--ms-ink-muted);font-size:.8rem}
.ms-loc:hover .ms-tlink a{color:var(--ms-gold-deep)}

/* الخريطة بألوانها الطبيعية داخل إطار ذهبي رفيع */
.elementor .ms-map{position:relative;border:1px solid var(--ms-gold-hair);overflow:hidden;background-color:var(--ms-sand)}
.elementor .ms-map .ms-map-embed,
.elementor .ms-map iframe{display:block;width:100%;height:clamp(340px,42vw,520px);border:0;filter:none}

/* ===== 15 — شريط الدعوة + نموذج التواصل ================================= */
/* قسم مستقل بأرضية رملية، وبطاقة بيضاء 960px في المنتصف. لون فقط، بلا صورة. */
.elementor .ms-cta{
  background-color:var(--ms-sand);
  padding-block:clamp(56px,7.5vw,96px);
  min-height:0;display:block;border:0;
}
.elementor .ms-cta .ms-cta-bar{
  position:relative;max-width:960px;margin-inline:auto;min-height:250px;
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;
  gap:clamp(24px,4vw,64px);
  padding:clamp(28px,3.4vw,48px);
  background-color:var(--ms-paper);
  border:1px solid var(--ms-hair);
}
/* خط ذهبي علوي — يربط البطاقة بالهوية بلا ضوضاء */
.elementor .ms-cta .ms-cta-bar::before{
  content:"";position:absolute;top:-1px;right:-1px;left:-1px;height:3px;background:var(--ms-gold);
}
.elementor .ms-cta-copy{display:flex;flex-direction:column;gap:.3em;flex:1 1 auto;width:auto;min-width:0;max-width:62ch}
.ms-cta-title .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;color:var(--ms-ink);
  font-size:clamp(1.2rem,2.1vw,1.85rem);line-height:1.5;text-wrap:balance;
}
.ms-cta-lead .elementor-heading-title{
  font-family:var(--ms-font-display);color:var(--ms-gold-deep);
  font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.6;margin:0;
}
.elementor .ms-cta .ms-cta-actions{flex:0 0 auto;width:auto;margin-top:0;flex-wrap:nowrap}

/* قنوات التواصل — الأيقونة مثبّتة في بداية الصف والنص يبدأ بعدها.
   الاعتماد على حساب flex وحده كان يدفع الأيقونة خارج الصندوق. */
.elementor .ms-ch-list{display:grid;gap:1px;background-color:var(--ms-hair);border:1px solid var(--ms-hair)}
.elementor .ms-ch{
  position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  gap:1.1em;background-color:var(--ms-paper);
  padding:clamp(18px,2vw,24px);padding-inline-start:86px;
  transition:background-color .45s var(--ms-ease);
}
.elementor .ms-ch:hover{background-color:var(--ms-sand)}
.elementor .ms-ch>.e-con{flex:1 1 auto!important;width:auto;min-width:0}
.ms-ch-title .elementor-heading-title{font-family:var(--ms-font-body);font-size:.95rem;font-weight:700;color:var(--ms-ink)}
.ms-ch-value,.ms-ch-value p{font-size:.88rem;color:var(--ms-ink-muted);direction:ltr;text-align:right;overflow-wrap:anywhere}

/* أيقونات التواصل الاجتماعي: مربّع بحدّ رفيع بدل ألوان المنصّات.
   ودجت Social Icons يفرض ألوانه وأبعاده بأولوية أعلى. */
.elementor .ms-social .elementor-social-icons-wrapper{display:flex;justify-content:flex-start;gap:10px}
.elementor .ms-social .elementor-social-icon{
  width:46px;height:46px;border-radius:0!important;font-size:22px;
  background-color:transparent!important;
  border:1px solid var(--ms-hair-strong);
  color:var(--ms-ink)!important;
  transition:border-color .45s var(--ms-ease),color .45s var(--ms-ease),transform .45s var(--ms-ease);
}
.elementor .ms-social .elementor-social-icon i{font-size:22px!important}
.elementor .ms-social .elementor-social-icon svg{width:22px!important;height:22px!important;fill:currentColor}
.elementor .ms-social .elementor-social-icon:hover{
  border-color:var(--ms-gold);color:var(--ms-gold-deep)!important;transform:translateY(-3px);
}
.elementor .ms-social--dark .elementor-social-icon{
  border-color:var(--ms-hair-dark);color:var(--ms-on-dark-muted)!important;
}
.elementor .ms-social--dark .elementor-social-icon:hover{color:var(--ms-gold)!important;border-color:var(--ms-gold)}

/* نموذج Elementor Pro — على أرضية بيضاء بإطار رفيع */
.elementor .ms-form{background-color:var(--ms-paper);border:1px solid var(--ms-hair);padding:clamp(26px,3.2vw,46px);position:relative}
.elementor .ms-form::before{content:"";position:absolute;top:-1px;right:-1px;left:-1px;height:3px;background:var(--ms-gold)}
.ms-form .ms-form-title .elementor-heading-title{
  font-family:var(--ms-font-display);font-weight:700;color:var(--ms-ink);
  font-size:clamp(1.25rem,1rem + 1vw,1.7rem);
}
.ms-form .ms-form-note,.ms-form .ms-form-note p{font-size:.86rem;color:var(--ms-ink-muted)}
.ms-form .elementor-field-group>label.elementor-field-label{
  font-family:var(--ms-font-body);font-size:.76rem;font-weight:600;letter-spacing:.14em;
  color:var(--ms-gold-deep);margin-bottom:.5em;
}
/* Elementor يولّد أنماطه الخاصة للحقول بأولوية أعلى — نفرض ألواننا هنا */
.ms-form .elementor-field-group input.elementor-field,
.ms-form .elementor-field-group textarea.elementor-field,
.ms-form .elementor-field-group select.elementor-field,
.ms-form .elementor-field-group .elementor-field-textual{
  font-family:var(--ms-font-body);font-size:.95rem;
  color:var(--ms-ink)!important;
  background-color:var(--ms-ivory)!important;
  border:1px solid var(--ms-hair-strong)!important;
  border-radius:0!important;
  padding:.85em 1em;min-height:52px;box-shadow:none;
  transition:border-color .4s var(--ms-ease),background-color .4s var(--ms-ease);
}
.ms-form .elementor-field-group .elementor-select-wrapper::before{color:var(--ms-gold-deep)}
.ms-form .elementor-field-group textarea.elementor-field{min-height:118px;line-height:1.8}
.ms-form .elementor-field-group .elementor-field-textual:focus,
.ms-form .elementor-field-group .elementor-field:focus{
  border-color:var(--ms-gold)!important;background-color:var(--ms-paper)!important;box-shadow:none;outline:none;
}
.ms-form .elementor-field-group .elementor-field::placeholder{color:var(--ms-ink-muted);opacity:.65}
.ms-form select.elementor-field option{background-color:var(--ms-paper);color:var(--ms-ink)}
.elementor .ms-form .elementor-field-group.elementor-field-type-submit{margin-top:1.6em}
.ms-form .elementor-button[type="submit"]{
  width:100%;min-height:54px;border-radius:0;
  background-color:var(--ms-green-900);color:var(--ms-on-dark);
  font-weight:600;letter-spacing:.02em;border:1px solid var(--ms-green-900);
  transition:background-color .45s var(--ms-ease),transform .45s var(--ms-ease);
}
.ms-form .elementor-button[type="submit"]:hover{background-color:var(--ms-green-700);transform:translateY(-2px)}
.ms-form .elementor-message{font-size:.9rem;color:var(--ms-ink)}
.ms-form .elementor-message.elementor-message-success{color:var(--ms-gold-deep);font-weight:600}
.ms-form-privacy,.ms-form-privacy p{display:flex;gap:.7em;align-items:flex-start;font-size:.8rem;color:var(--ms-ink-muted);line-height:1.8}

/* ===== 16 — الفوتر ====================================================== */
.ms-footer{background-color:var(--ms-green-900);border-top:3px solid var(--ms-gold);color:var(--ms-on-dark)}
.elementor .ms-foot-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.05fr);
  gap:clamp(28px,3.2vw,52px);align-items:start;
  padding-block:clamp(56px,6.5vw,92px);
}
/* كل الأعمدة تبدأ من اليمين */
.elementor .ms-foot-grid>.e-con{align-items:flex-start;text-align:start}
.ms-foot-title .elementor-heading-title{
  font-family:var(--ms-font-body);font-size:.86rem;font-weight:600;
  letter-spacing:.2em;color:var(--ms-gold);margin-bottom:0;
}
.elementor .ms-foot-grid .ms-foot-title{margin-bottom:1.7em!important;width:100%}
.ms-foot-desc,.ms-foot-desc p{font-size:.92rem;color:var(--ms-on-dark-muted);line-height:1.95;max-width:44ch}
.elementor .ms-footer .ms-foot-desc{margin-bottom:2.4em}

/* روابط الفوتر: خط الهوفر بعرض الكلمة فقط لا العمود كله.
   ودجت Icon List يفرض ألوانه وعرضه بأولوية أعلى. */
.elementor .ms-foot-nav,.elementor .ms-foot-contact{width:100%}
.elementor .ms-foot-nav .elementor-icon-list-items{display:flex;flex-direction:column;align-items:flex-start;gap:.7em;text-align:start}
.elementor .ms-foot-nav .elementor-icon-list-item{width:auto;margin:0}
.elementor .ms-foot-nav .elementor-icon-list-item a{
  display:inline-flex;width:auto;position:relative;padding:0 0 3px;
  color:var(--ms-on-dark-muted)!important;font-size:.94rem;
  transition:color .4s var(--ms-ease);
}
.elementor .ms-foot-nav .elementor-icon-list-item a .elementor-icon-list-text{color:inherit!important}
.elementor .ms-foot-nav .elementor-icon-list-item a::after{
  content:"";position:absolute;bottom:0;right:0;left:0;height:1px;background:var(--ms-gold);
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ms-ease);
}
.elementor .ms-foot-nav .elementor-icon-list-item a:hover{color:var(--ms-on-dark)!important}
.elementor .ms-foot-nav .elementor-icon-list-item a:hover::after{transform:scaleX(1)}

.elementor .ms-foot-contact .elementor-icon-list-items{display:flex;flex-direction:column;gap:.75em;align-items:flex-start;text-align:start}
.elementor .ms-foot-contact .elementor-icon-list-text{color:var(--ms-on-dark-muted)!important;direction:ltr;text-align:right;font-size:.94rem;overflow-wrap:anywhere}
.elementor .ms-foot-contact .elementor-icon-list-item:hover .elementor-icon-list-text{color:var(--ms-gold)!important}
.ms-foot-nav .elementor-icon-list-icon,
.ms-foot-contact .elementor-icon-list-icon{display:none}

.elementor .ms-foot-brand .ms-social,
.elementor .ms-contact-copy .ms-social{width:100%}
.elementor .ms-footer .ms-foot-brand .ms-social{margin-top:2.6em}

/* سطر الحقوق: واحد كامل في المنتصف */
.elementor .ms-foot-bottom{
  border-top:1px solid var(--ms-hair-dark);padding-block:clamp(20px,2.4vw,28px);
  display:flex;justify-content:center;text-align:center;
}
.ms-foot-bottom,.ms-foot-bottom p,
.elementor .ms-foot-copy,.elementor .ms-foot-copy p{
  font-size:.8rem;color:rgba(242,244,241,.55);text-align:center;width:100%;
}

/* الشعار داخل الفوتر: على أرضية داكنة — نفس أرضية اللوجو الأصلية */
.ms-footer .ms-brand-name .elementor-heading-title{color:var(--ms-on-dark)}
.ms-footer .ms-brand-sub .elementor-heading-title{color:var(--ms-gold)}

/* ===== 17 — الصفحات الداخلية ============================================ */
/* هيرو مختصر: شريط أخضر داكن بعنوان الصفحة وفتات الخبز */
.elementor .ms-page-hero{
  background-color:var(--ms-green-900);color:var(--ms-on-dark);
  padding-block:clamp(56px,7vw,96px);position:relative;overflow:hidden;
}
.elementor .ms-page-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 90% at 88% 10%,rgba(240,184,0,.14),transparent 60%);
}
.elementor .ms-page-hero>*{position:relative;z-index:2}
.ms-page-hero .ms-h1 .elementor-heading-title{color:var(--ms-on-dark)}
.ms-page-hero .ms-eyebrow .elementor-heading-title{color:var(--ms-gold)}
.ms-crumbs,.ms-crumbs p{font-size:.78rem;letter-spacing:.1em;color:var(--ms-on-dark-muted)}
.ms-crumbs a{color:var(--ms-gold)}
.ms-crumbs a:hover{color:var(--ms-gold-soft)}

/* قائمة البنود — ما الذي نتولاه داخل كل تخصّص */
.elementor .ms-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background-color:var(--ms-hair);border:1px solid var(--ms-hair)}
.elementor .ms-bullet{
  position:relative;background-color:var(--ms-paper);
  padding:clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px);
  padding-inline-start:56px;
  font-size:.96rem;color:var(--ms-ink);line-height:1.8;
  transition:background-color .4s var(--ms-ease);
}
.elementor .ms-bullet:hover{background-color:var(--ms-sand)}
/* العلامة: قوس ذهبي صغير في بداية السطر */
.elementor .ms-bullet::before{
  content:"";position:absolute;inset-inline-start:22px;top:calc(.9em + 2px);
  width:12px;height:12px;flex:none;
  border:2px solid var(--ms-gold);border-radius:0;
}

/* الأسئلة الشائعة — عناصر <details> أصلية، بلا جافاسكربت */
.elementor .ms-faq{border-top:1px solid var(--ms-hair)}
.elementor .ms-faq details{border-bottom:1px solid var(--ms-hair);background:transparent}
.elementor .ms-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:clamp(18px,2.2vw,26px) 0;cursor:pointer;list-style:none;
  font-family:var(--ms-font-body);font-size:1.02rem;font-weight:700;color:var(--ms-ink);
  transition:color .35s var(--ms-ease);
}
.elementor .ms-faq summary::-webkit-details-marker{display:none}
.elementor .ms-faq summary::after{
  content:"";flex:none;width:14px;height:14px;
  border-inline-end:2px solid var(--ms-gold);border-bottom:2px solid var(--ms-gold);
  transform:rotate(45deg);transform-origin:center;transition:transform .35s var(--ms-ease);
}
.elementor .ms-faq details[open] summary{color:var(--ms-gold-deep)}
.elementor .ms-faq details[open] summary::after{transform:rotate(-135deg)}
.elementor .ms-faq .ms-faq-a{padding-bottom:clamp(18px,2.2vw,26px);font-size:.95rem;color:var(--ms-ink-muted);line-height:1.95;max-width:70ch}

/* المقال المفرد */
.elementor .ms-article{max-width:76ch;margin-inline:auto}
.elementor .ms-article h2,.elementor .ms-article h3{font-family:var(--ms-font-display);color:var(--ms-ink);line-height:1.5;margin-block:1.6em .6em}
.elementor .ms-article h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}
.elementor .ms-article h3{font-size:clamp(1.15rem,1rem + .7vw,1.45rem)}
.elementor .ms-article p{color:var(--ms-ink-muted);line-height:2.05;margin-bottom:1.15em}
.elementor .ms-article ul,.elementor .ms-article ol{color:var(--ms-ink-muted);line-height:2.05;padding-inline-start:1.4em;margin-bottom:1.15em}
.elementor .ms-article li{margin-bottom:.4em}
.elementor .ms-article a{color:var(--ms-gold-deep);border-bottom:1px solid var(--ms-gold-hair)}
.elementor .ms-article blockquote{
  border-inline-start:3px solid var(--ms-gold);padding-inline-start:1.4em;
  margin-block:1.8em;font-family:var(--ms-font-display);font-size:1.15rem;color:var(--ms-ink);
}

/* ===== 18 — زر واتساب العائم ============================================ */
.mms-wa{
  position:fixed;z-index:9000;inset-inline-end:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);
  display:inline-flex;align-items:center;justify-content:center;
  width:60px;height:60px;padding:0;border-radius:50%;
  background-color:#1EA65A;color:#FFFFFF;
  box-shadow:0 16px 30px -12px rgba(5,29,29,.55);
  transition:transform .4s var(--ms-ease),background-color .4s var(--ms-ease);
}
.mms-wa:hover{transform:translateY(-3px) scale(1.04);background-color:#17924E;color:#FFFFFF}
.mms-wa:focus-visible{outline:2px solid var(--ms-gold);outline-offset:3px}
.mms-wa__icon{
  flex:none;width:32px;height:32px;background-color:currentColor;
  -webkit-mask:var(--ms-wa-ico) center/24px 24px no-repeat;
          mask:var(--ms-wa-ico) center/24px 24px no-repeat;
  --ms-wa-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 19.6l1.1-3.8a7.7 7.7 0 111.9 1.8l-3 1.1z'/%3E%3Cpath d='M9.4 9.1c.2 1.9 1.9 3.6 3.8 3.9l.8-1 1.7.8v1.1c0 .5-.5.9-1 .8a7 7 0 01-6-6c-.1-.5.3-1 .8-1h1.1l.8 1.7z'/%3E%3C/svg%3E");
}
@media (max-width:680px){
  .mms-wa{width:54px;height:54px}
  .mms-wa__icon{width:29px;height:29px}
}

/* ===== 18b — نص قارئ الشاشة ورابط التخطي ================================
   السمة الأصلية تُخفي هذه العناصر بإزاحتها آلاف البكسلات خارج الشاشة.
   وهي مطلقة الموضع بالنسبة للكتلة الحاوية الأولى، فلا يطالها
   overflow-x:clip الموضوع على body — والنتيجة في الاتجاه العربي
   تمرير أفقي بعرض عشرات البكسلات على اللوحي والجوال.
   البديل: تصغيرها إلى 1×1 بلا إزاحة — تبقى مقروءة لقارئ الشاشة
   وتظهر كاملة عند التركيز بلوحة المفاتيح كما يجب لرابط التخطي.
   ======================================================================== */
.screen-reader-text,
.skip-link.screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  inset-block-start:0;inset-inline-start:0;
}
.skip-link.screen-reader-text:focus,
.screen-reader-text:focus{
  z-index:10001;width:auto;height:auto;margin:0;overflow:visible;
  clip:auto;clip-path:none;white-space:normal;
  inset-block-start:12px;inset-inline-start:12px;
  padding:.8em 1.4em;
  background-color:var(--ms-green-900);color:var(--ms-on-dark);
  font-family:var(--ms-font-body);font-size:.9rem;font-weight:600;
  border:2px solid var(--ms-gold);
}

/* ===== 19 — الحركة وإمكانية الوصول ====================================== */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}
/* حركة دخول بلا جافاسكربت وبلا إخفاء.
   تُحرّك الإزاحة فقط — لا الشفافية — فتبقى الصفحة مقروءة بالكامل لحظة
   التحميل، وهو ما تكسره حركات Elementor الافتراضية (elementor-invisible). */
@keyframes ms-rise{from{transform:translateY(20px)}to{transform:none}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .ms-svc,.ms-post,.ms-step,.ms-why,.ms-loc,.ms-sechead,.ms-bullet,
    .ms-grid>.e-con,.ms-cta-bar,.ms-statement-inner{
      animation:ms-rise linear both;
      animation-timeline:view();
      animation-range:entry 0% entry 38%;
    }
  }
}
@media (prefers-reduced-motion:reduce){
  /* حركات Elementor لا تحترم هذا الإعداد افتراضيًا — نعطّلها هنا */
  .elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important}
  .animated,.elementor-animation-grow,.elementor-motion-effects-element{animation:none!important;transition:none!important;transform:none!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
/* أهداف لمس مريحة */
@media (pointer:coarse){
  .ms-tlink a,a.ms-tlink{min-height:44px}
  .elementor .ms-ch{min-height:72px}
}
.ms-sec--dark :focus-visible,.ms-page-hero :focus-visible,.ms-footer :focus-visible{outline-color:var(--ms-gold)}

/* ===== 20 — الاستجابة =================================================== */
@media (max-width:1280px){
  .ms-nav .elementor-nav-menu>li>a.elementor-item{font-size:.9rem}
}

/* لوحي — بنية أعمدة ومسافات خاصة به، وليس سطح مكتب مضغوطًا */
@media (max-width:1024px){
  :root{--ms-sec-y:clamp(64px,7.6vw,96px);--ms-head-h:76px}
  .elementor .ms-grid--62,
  .elementor .ms-grid--55,
  .elementor .ms-grid--73,
  .elementor .ms-grid--37,
  .elementor .ms-sechead{grid-template-columns:1fr;align-items:start;gap:clamp(28px,5vw,48px)}
  .elementor .ms-sechead{gap:16px}
  .elementor .ms-svc-grid{grid-template-columns:repeat(2,1fr)}
  .elementor .ms-steps{grid-template-columns:repeat(2,1fr)}
  .elementor .ms-posts{grid-template-columns:repeat(2,1fr)}
  .elementor .ms-posts>.ms-post:last-child{grid-column:1/-1}
  .elementor .ms-foot-grid{grid-template-columns:repeat(3,1fr)}
  .elementor .ms-foot-grid>*:first-child{grid-column:1/-1}
  .ms-ratio-45,.ms-ratio-34,.ms-ratio-56{aspect-ratio:16/11}
  /* في الأقسام النصّ-وصورة: الصورة أولًا ثم النص */
  .elementor .ms-grid--73>.ms-photo--intro{order:-1}

  /* نص الهيرو يأخذ العرض كاملًا: حصره في 56% منطقي على الشاشة العريضة
     حيث يجلس فوق الطرف الأسود، لكنه على الجوال يخنق السطر في ~196px. */
  .elementor .ms-hero-copy{max-width:100%}
  /* وعلى الشاشة الضيّقة يصير التدرّج رأسيًا فيبقى النص مقروءًا فوقه */
  .ms-hero::after{
    background:linear-gradient(to bottom,
      rgba(5,29,29,.52) 0%,
      rgba(2,18,18,.80) 26%,
      rgba(0,0,0,.88) 60%,
      rgba(0,0,0,.92) 100%);
  }

  /* الهيدر: شعار وحده + زر قائمة في الطرف المقابل */
  .elementor .ms-header-inner{
    display:flex;flex-direction:row;align-items:center;justify-content:space-between;
    gap:12px;min-height:var(--ms-head-h);
  }
  /* width:auto لازم صراحةً: Elementor يمنح كل حاوية width:100%، فيصير
     الشعار بعرض الصف كاملًا ويُدفع زرّ القائمة خارج الشاشة — وهو سبب
     التمرير الأفقي على اللوحي والجوال. */
  .elementor .ms-header-inner>.ms-brand{flex:0 1 auto;width:auto;order:1;min-width:0}
  .elementor .ms-header-inner>.ms-nav{flex:0 0 auto;width:auto;order:2;margin-inline-start:auto}
  .elementor .ms-mark{width:46px;height:46px}
  .elementor .ms-wordmark img{height:32px}
  .ms-nav .elementor-menu-toggle{margin-inline-start:0;width:50px;height:50px}
  .elementor .ms-header-inner>.ms-header-cta{display:none}

  /* القائمة المفتوحة: طبقة بملء الشاشة بروابط كبيرة */
  .ms-nav .elementor-nav-menu--dropdown{
    position:fixed!important;inset:var(--ms-head-h) 0 0 0;
    width:100%!important;max-height:none!important;height:calc(100dvh - var(--ms-head-h));
    background-color:var(--ms-green-900)!important;
    border-top:2px solid var(--ms-gold);box-shadow:none;
    padding:clamp(20px,6vw,44px) var(--ms-gutter) 120px;
    overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;
  }
  .ms-nav .elementor-nav-menu--dropdown ul.elementor-nav-menu{
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
    justify-content:flex-start!important;align-items:stretch!important;gap:0!important;width:100%;
  }
  .ms-nav .elementor-nav-menu--dropdown ul.elementor-nav-menu li{width:100%}
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item{
    font-family:var(--ms-font-display);font-weight:700;
    font-size:clamp(1.5rem,7.5vw,2.2rem)!important;line-height:1.6!important;
    color:var(--ms-on-dark)!important;background:transparent!important;
    padding:.62em 0!important;border-bottom:1px solid var(--ms-hair-dark);text-align:start;
  }
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item:hover,
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{color:var(--ms-gold)!important}
  .ms-nav .elementor-nav-menu--dropdown a.elementor-sub-item{
    font-family:var(--ms-font-body)!important;font-size:1rem!important;font-weight:500!important;
    color:var(--ms-on-dark-muted)!important;padding:.55em 0 .55em 1.4em!important;
    padding-inline-start:1.4em!important;border-bottom:1px solid var(--ms-hair-dark);
  }

  /* القائمة الفرعية (ul.sub-menu) تحمل هي أيضًا الصنف elementor-nav-menu--dropdown،
     فكانت تتحوّل إلى طبقة ثابتة بملء الشاشة تغطي الروابط الرئيسية.
     نعيدها عنصرًا عاديًا داخل التدفق، وElementor يتحكّم في إظهارها وإخفائها. */
  .ms-nav .elementor-nav-menu--dropdown.sub-menu{
    position:static!important;inset:auto!important;width:auto!important;height:auto!important;
    padding:0!important;border:0!important;background:transparent!important;
    overflow:visible!important;
  }

  /* سهم فتح «الخدمات»: مربع خطّي بنفس لغة زرّ القائمة، يدور عند الفتح.
     الخدمات مغلقة افتراضيًا ويتحكّم Elementor في فتحها بالنقر على السهم. */
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item .sub-arrow{
    display:inline-flex;align-items:center;justify-content:center;
    margin-inline-start:auto;flex:0 0 auto;
    width:44px;height:44px;padding:0;
    border:1px solid var(--ms-gold-hair);color:var(--ms-gold);
    transition:background-color .3s var(--ms-ease),border-color .3s var(--ms-ease);
  }
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item .sub-arrow svg{
    width:14px;height:14px;fill:currentColor;transition:transform .35s var(--ms-ease);
  }
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item[aria-expanded="true"] .sub-arrow{
    background-color:var(--ms-gold);color:var(--ms-green-900);border-color:var(--ms-gold);
  }
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item[aria-expanded="true"] .sub-arrow svg{transform:rotate(180deg)}
  .ms-nav .elementor-nav-menu--dropdown a.elementor-item.has-submenu{align-items:center}
  /* الحالة الافتراضية مغلقة؛ smartmenus يبدّل aria-expanded على الرابط الأب */
  .ms-nav .elementor-nav-menu--dropdown a.has-submenu:not([aria-expanded="true"])+.sub-menu{display:none!important}
  .ms-nav .elementor-nav-menu--dropdown a.has-submenu[aria-expanded="true"]+.sub-menu{display:block!important}

  /* عند فتح القائمة: زر الحجز مثبّت أسفلها بعرض كامل */
  .elementor .ms-header-inner:has(.elementor-menu-toggle[aria-expanded="true"])>.ms-header-cta{
    display:block;position:fixed;z-index:10000;
    inset-inline:var(--ms-gutter);top:auto!important;bottom:clamp(26px,7vw,48px)!important;width:auto;
  }
  .elementor .ms-header-cta .elementor-button{
    width:100%;min-height:56px;background-color:var(--ms-gold);color:var(--ms-green-900);
    border-color:var(--ms-gold);font-size:1rem;
  }
  /* backdrop-filter ينشئ حاوية تموضع لـ position:fixed، فيُحسب الزر من
     الهيدر بدل الشاشة. نعطّله ما دامت القائمة مفتوحة فقط. */

  /* امنع تمرير الصفحة خلف القائمة المفتوحة */
  body:has(.elementor-menu-toggle[aria-expanded="true"]){overflow:hidden}
  /* زر واتساب لا يزاحم القائمة المفتوحة */
  body:has(.elementor-menu-toggle[aria-expanded="true"]) .mms-wa{display:none}
}

@media (max-width:834px){
  .elementor .ms-strip-grid{grid-template-columns:repeat(2,1fr)}
  .ms-strip-item:nth-child(3)::before{display:none}
  .ms-strip-item:nth-child(3),.ms-strip-item:nth-child(4){border-top:1px solid var(--ms-hair-dark)}
  /* شريط الدعوة يتكدّس رأسيًا ويتحرّر الارتفاع */
  .elementor .ms-cta .ms-cta-bar{
    min-height:0;max-width:100%;flex-direction:column;align-items:flex-start;gap:26px;
  }
  .elementor .ms-cta .ms-cta-actions{width:100%}
}

@media (max-width:680px){
  :root{--ms-sec-y:clamp(56px,12vw,76px);--ms-fs-body:1rem}
  body{line-height:1.9}
  .elementor .ms-svc-grid{grid-template-columns:1fr}
  .elementor .ms-posts{grid-template-columns:1fr}
  .elementor .ms-foot-grid{grid-template-columns:1fr}
  .elementor .ms-bullets{grid-template-columns:1fr}
  .elementor .ms-why{grid-template-columns:1fr;gap:.4em}
  .elementor .ms-loc{flex-direction:column;align-items:flex-start;gap:10px}
  .elementor .ms-steps{grid-template-columns:1fr}
  .elementor .ms-step{padding-inline-start:clamp(20px,2.4vw,34px)}
  .ms-btn .elementor-button{width:100%}
  .ms-ratio-45,.ms-ratio-34,.ms-ratio-56{aspect-ratio:4/3}
  .elementor .ms-photo>.ms-about-badge{position:static;max-width:none;width:auto;margin-top:-1px}
  .elementor .ms-mark{width:44px;height:44px}
}

@media (max-width:430px){
  :root{--ms-gutter:20px}
  /* شريط الحقائق: عنصران في كل صف */
  .elementor .ms-strip-grid{grid-template-columns:repeat(2,1fr)}
  .ms-strip-item:nth-child(odd)::before{display:none}
  .ms-strip-item:nth-child(even)::before{display:block}
  .ms-strip-item:nth-child(3),.ms-strip-item:nth-child(4){border-top:1px solid var(--ms-hair-dark)}
  /* الاقتباس يبقى في المنتصف على كل المقاسات */
  .elementor .ms-statement .ms-statement-inner{text-align:center}
  .elementor .ms-statement .ms-mega .elementor-heading-title,
  .elementor .ms-statement .ms-quote-by .elementor-heading-title{justify-content:center;text-align:center}
}

@media (max-width:360px){
  :root{--ms-gutter:16px}
}

/* ===== 21 — الإيقاع الرأسي ==============================================
   الفجوة الافتراضية للحاوية (20px موحّدة) صُفِّرت في القسم 02، فتُعاد
   المسافات المقصودة هنا بقيم مختارة لكل موضع.
   ======================================================================== */
.elementor .elementor-widget-text-editor p{margin:0}
.elementor .ms-body p+p{margin-top:1.15em}

/* الهيرو */
.elementor .ms-hero.ms-sec{padding-block:clamp(56px,7vw,104px) 0}
.elementor .ms-hero-name{margin-bottom:.5em}
.elementor .ms-hero-headline{margin-bottom:.7em}
.elementor .ms-hero-copy>.elementor-widget-text-editor{margin-bottom:2.2em}

/* شريط الحقائق */
.elementor .ms-strip-sub{margin-top:.35em}

/* التمهيد */
.elementor .ms-intro-headline{margin-bottom:.75em}
.elementor .ms-intro-copy>.ms-hair{margin-bottom:2em}

/* من نحن */
.elementor .ms-about-copy>.ms-h2{margin-block:.5em .7em}
.elementor .ms-about-copy>.elementor-widget-text-editor+.elementor-widget-text-editor{margin-top:1.15em}
.elementor .ms-about-copy>.ms-btn{margin-top:2em}
.elementor .ms-badge-sub{margin-top:.1em}

/* التسميات الصغيرة (ms-eyebrow) فوق أي عنوان — مسافة موحّدة في كل
   الأقسام. بدونها تلتصق التسمية بالعنوان الكبير تحتها. */
.elementor .e-con .ms-eyebrow.elementor-widget{margin-block-end:clamp(16px,1.5vw,26px)}

/* ترويسة القسم */
.elementor .ms-sechead .ms-h2{margin-top:0}

/* الخدمات */
.elementor .ms-svc-text{margin-top:-.35em}
.elementor .ms-svc-link{margin-top:.4em}

/* لماذا نحن */
.elementor .ms-why-intro>.ms-h2{margin-block:.5em .6em}
.elementor .ms-why-title{margin-bottom:.3em}

/* آلية العمل */
.elementor .e-con .ms-step-node-wrap.elementor-widget{margin-block-end:1.6em}
.elementor .ms-step-num{margin-bottom:.42em}
.elementor .ms-step-title{margin-bottom:.45em}

/* المدونة */
.elementor .ms-post-link{margin-top:.3em}

/* الموقع */
.elementor .ms-loc-intro>.ms-h2{margin-block:.5em .6em}
.elementor .ms-loc-intro>.elementor-widget-text-editor{margin-bottom:2.4em}

/* تواصل معنا + النموذج */
.elementor .ms-contact-copy>.ms-h2{margin-block:.5em .6em}
.elementor .ms-ch-list{margin-top:2.2em}
.elementor .ms-contact-copy>.ms-social{margin-top:1.6em}
.elementor .ms-form-title{margin-bottom:.35em}
.elementor .e-con .ms-form-note.elementor-widget{margin-block-end:1.8em}
.elementor .ms-form-privacy{margin-top:1.4em}

/* الصفحات الداخلية */
.elementor .ms-page-hero .ms-h1{margin-block:.4em .5em}
.elementor .ms-page-hero .ms-crumbs{margin-top:.2em}
.elementor .ms-bullets{margin-top:.6em}

/* الفوتر */
.elementor .ms-foot-brand>.ms-brand{margin-bottom:1.4em}

/* روابط بطاقات التواصل: تأخذ لون النص وتُظهر التفاعل عند المرور فقط */
.ms-ch-value a{color:inherit;text-decoration:none;display:inline-block}
.ms-ch-value a:hover,.ms-ch-value a:focus-visible{color:var(--ms-gold-deep,var(--ms-ink));text-decoration:underline}

/* أهداف اللمس: زر «اقرأ المقال» بارتفاع مريح على الجوال */
.elementor-post__read-more{display:inline-flex;align-items:center;min-height:44px}

/* سهم «الخدمات» على سطح المكتب: علامة صغيرة هادئة بجوار النص */
@media (min-width:1025px){
  .ms-nav .elementor-nav-menu--main a.elementor-item .sub-arrow{margin-inline-start:.45em;display:inline-flex;align-items:center}
  .ms-nav .elementor-nav-menu--main a.elementor-item .sub-arrow svg{width:10px;height:10px;fill:currentColor;transition:transform .3s var(--ms-ease)}
  .ms-nav .elementor-nav-menu--main li:hover>a.elementor-item .sub-arrow svg{transform:rotate(180deg)}
}

/* الهيدر وقائمة الموبايل فوق كل الأقسام (الهيرو وما فيه من طبقات وصور).
   الحاوية الأم تنشئ سياق تراصّ عاليًا، فتبقى القائمة الثابتة داخله فوق أي قسم. */
.elementor-location-header{position:relative;z-index:100000}
.elementor .ms-header{z-index:100000!important}