/* إضافات صغيرة تعوّض عن سكربتات إلمنتور المحذوفة */
html { scroll-behavior: smooth; }
body { margin: 0; }

/* الحركات: مخفي حتى تظهر في الشاشة */
[data-anim] { visibility: hidden; }
.animated { animation-duration: 0.9s; animation-fill-mode: both; }

/* شريط الشركاء */
.e-n-carousel.swiper { overflow: hidden; }
.marquee-track { display: flex; flex-wrap: nowrap; width: max-content; animation: marquee-rtl var(--marquee-dur, 40s) linear infinite; }
.marquee-track .swiper-slide { flex: 0 0 var(--slide-w, 238px); width: var(--slide-w, 238px); margin-inline-end: var(--gap, 10px); }
@keyframes marquee-rtl {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
  [data-anim] { visibility: visible; }
}

/* الأكورديون */
.elementskit-accordion .collapse:not(.show) { display: none; }
.elementskit-accordion .collapse.show { display: block; }

/* مبدّل اللغة */
.lang-switch { position: fixed; bottom: 18px; inset-inline-start: 18px; z-index: 9999; background: #0b2a4a; color: #fff; padding: 8px 14px; border-radius: 999px; font: 600 14px/1 inherit; text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.lang-switch:hover { background: #12406f; color: #fff; }

/* الإنجليزية: اتجاه شريط الشركاء */
html[dir="ltr"] .marquee-track { animation-name: marquee-ltr; }
@keyframes marquee-ltr {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* الأجهزة اللوحية (768 - 1024): الهيدر بقائمته الأفقية الكاملة في صف واحد (الأصل كان يعرض قائمة الجوال فقط) */
@media (min-width: 768px) and (max-width: 1024px) {
  header.elementor-location-header { background: #1e262e; }
  header.elementor-location-header > .elementor-hidden-tablet.elementor-hidden-mobile { display: var(--display, flex) !important; }
  header.elementor-location-header > .elementor-hidden-desktop { display: none !important; }
  /* هيرو الصفحة الرئيسية: نسخة الجوال هي الوحيدة المصممة للأجهزة الأصغر، ويبدأ مباشرة تحت الهيدر */
  .elementor-element-2603516.elementor-hidden-tablet { display: var(--display, flex) !important; }
  .elementor-element-348554e { margin-top: 0 !important; --margin-top: 0px !important; min-height: min(88vh, 820px) !important; --min-height: min(88vh, 820px) !important; }
  header.elementor-location-header > .elementor-hidden-tablet { padding-inline: 0 !important; --padding-left: 0px !important; --padding-right: 0px !important; }

  header.elementor-location-header > .elementor-hidden-tablet > .e-con-inner { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 24px; }
  header.elementor-location-header > .elementor-hidden-tablet > .e-con-inner > .e-con:first-child { flex: 0 0 auto; width: auto; }
  header.elementor-location-header > .elementor-hidden-tablet > .e-con-inner > .e-con:last-child { flex: 1 1 auto; width: auto; min-width: 0; justify-content: flex-end; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-image,
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-image img { width: 180px !important; max-width: 180px !important; height: auto !important; }
  header.elementor-location-header > .elementor-hidden-tablet .e-con .e-con { width: auto; flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; justify-content: space-between; gap: 12px; padding: 10px 16px; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-icon-list { width: auto; flex: 0 0 auto; min-width: max-content; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-icon-list .elementor-icon-list-items { min-width: max-content; margin-inline: 0 !important; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-items { flex-wrap: nowrap; justify-content: space-around; gap: 0; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-item { white-space: nowrap; padding-inline: 8px !important; margin: 0 !important; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-item > a { padding-inline: 4px; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-text { font-size: 15px; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-elementskit-button { width: auto; flex: 0 0 auto; }
  header.elementor-location-header > .elementor-hidden-tablet .ekit-btn-wraper a { padding: 10px 18px; font-size: 14px; white-space: nowrap; }
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-text { font-size: 13px; }
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-item { padding-inline: 4px !important; }
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-items { flex-wrap: wrap; }
}
@media (min-width: 768px) and (max-width: 899px) {
  header.elementor-location-header > .elementor-hidden-tablet > .e-con-inner { gap: 10px; padding: 12px 12px; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-image,
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-image img { width: 120px !important; max-width: 120px !important; }
  header.elementor-location-header > .elementor-hidden-tablet .e-con .e-con { padding: 8px 10px; gap: 8px; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-item { padding-inline: 3px !important; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-text { font-size: 13.5px; }
  header.elementor-location-header > .elementor-hidden-tablet .ekit-btn-wraper a { padding: 8px 12px; font-size: 13px; }
  /* الإنجليزية: الكلمات أطول، فالشعار في صف والقائمة في صف تحته */
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet > .e-con-inner { flex-wrap: wrap; justify-content: center; }
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet > .e-con-inner > .e-con:last-child { flex: 1 1 100%; width: 100%; }
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-text { font-size: 13px; }
}
@media (min-width: 900px) and (max-width: 1024px) {
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-image,
  header.elementor-location-header > .elementor-hidden-tablet .elementor-widget-image img { width: 210px !important; max-width: 210px !important; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-text { font-size: 16px; }
  html[lang="en"] header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-text { font-size: 15px; }
}

/* الشاشات المتوسطة (1025 - 1366، مثل آيباد أفقي): القائمة في صف واحد بلا التفاف ولا شريط أبيض علوي */
@media (min-width: 1025px) and (max-width: 1366px) {
  header.elementor-2052 { background: #1e262e; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-items { flex-wrap: nowrap; }
  header.elementor-location-header > .elementor-hidden-tablet .elementor-icon-list-item { white-space: nowrap; }
  header.elementor-location-header > .elementor-hidden-tablet .e-con .e-con { width: auto; flex-wrap: nowrap; }
}

/* الإنجليزية: عناصر القائمة أطول من العربية، نمنع التفافها (القائمة عبارة عن icon-list) */
@media (min-width: 1025px) {
  html[lang="en"] .elementor-element-37db8a0 .elementor-icon-list-items { flex-wrap: nowrap; }
  html[lang="en"] .elementor-element-37db8a0 .elementor-icon-list-item { white-space: nowrap; }
  html[lang="en"] .elementor-element-b78dc31 { --width: auto; width: auto; flex: 0 0 auto; }
}


/* الأسئلة الشائعة بالعربية: السهم يسار السؤال (ترتيب ملفات CSS كان يعكسه فيتداخل مع النص) */
html[dir="rtl"] .ekit-wid-con .elementskit-accordion .ekit_accordion_icon_group { left: 0; right: auto; margin-left: 30px; margin-right: 0; }
html[dir="rtl"] .ekit-wid-con .elementskit-accordion .ekit-accordion-title { padding-left: 10px; padding-right: 0; }

/* صفحة التواصل: نضغط الفراغات الكبيرة في عمود المعلومات فلا يتمدد كرت النموذج بمساحة فارغة */
.elementor-element-d834e74 { margin-top: 20px !important; }
.elementor-element-1ace187 { margin-top: 28px !important; }
.elementor-element-ceb5e6d, .elementor-element-efdb581 { height: auto; }

/* عنوان الصفحة الصغير الذي يضيفه القالب فوق المحتوى: يظهر مكرراً ولا يناسب التصميم، فنخفيه (الصفحات لها عناوينها) */
article > .hero-section { display: none; }

/* صفحة المدونة: عنوانها الوحيد، نعرضه بتنسيق عناوين الموقع (أزرق كبير) */
body.blog article > .hero-section { display: block; padding: 40px 0 8px; }
body.blog article > .hero-section .page-title { font-family: Somar-Bold, sans-serif; font-weight: 500; font-size: 35px; line-height: 1.5; color: #0062ff; margin: 0; text-align: start; }
@media (max-width: 767px) { body.blog article > .hero-section .page-title { font-size: 28px; } }

/* زر واتساب العائم */
.wa-float { position: fixed; bottom: 20px; inset-inline-end: 20px; z-index: 9998; display: flex; align-items: center; gap: 10px; height: 58px; padding: 9px 20px 9px 9px; border-radius: 999px; background: #fff; color: #1e262e; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; border: 1px solid rgba(30,38,46,.08); box-shadow: 0 10px 28px rgba(0,0,0,.18); transition: transform .18s ease, box-shadow .18s ease; }
[dir="rtl"] .wa-float { padding: 9px 9px 9px 20px; }
.wa-float:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,0,0,.24); color: #1e262e; }
.wa-float:focus-visible { outline: 3px solid #0062ff; outline-offset: 3px; }
.wa-float .wa-ico { position: relative; width: 40px; height: 40px; border-radius: 50%; background: #25d366; display: grid; place-items: center; flex: none; }
.wa-float .wa-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25d366; animation: wa-pulse 2.4s ease-out infinite; }
.wa-float .wa-txt { white-space: nowrap; }
@keyframes wa-pulse { 0% { transform: scale(1); opacity: .65; } 70%, 100% { transform: scale(1.7); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .wa-float .wa-ico::after { animation: none; display: none; } .wa-float { transition: none; } }
@media (max-width: 640px) {
  .wa-float, [dir="rtl"] .wa-float { width: 58px; height: 58px; padding: 0; justify-content: center; background: #25d366; border: 0; bottom: 16px; inset-inline-end: 16px; }
  .wa-float .wa-txt { display: none; }
  .wa-float .wa-ico { background: transparent; width: 58px; height: 58px; }
  .wa-float .wa-ico::after { border-color: #25d366; }
}
@media print { .wa-float { display: none; } }