@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root {
  --t-primary: #386f9c;
  --t-accent: #e9a021;
  --t-cta: #e9a021;
  --t-cta_hover: #BF831B;
  --t-cta_text: #0D1B2A;
  --t-hero_bg_1: #1F3D56;
  --t-hero_bg_2: #386f9c;
  --t-hero_text: #FFFFFF;
  --t-section_bg: #FFFFFF;
  --t-alt_bg: #F7F9FB;
  --t-title_color: #1F3D56;
  --t-subtitle_color: #386f9c;
  --t-body_color: #5A7892;
  --t-card_bg: #FFFFFF;
  --t-card_ln: #E7EEF3;
  --t-card_sh: 0 4px 20px rgba(31,61,86,0.08);
  --t-accent_light: #FDF6E9;
  --t-success: #059669;
  --t-radius_card: 16px;
  --t-radius_btn: 10px;
  --t-radius_sm: 8px;
  --t-header_shadow: 0 1px 3px rgba(31,61,86,0.10);
}

body { font-family: 'Tajawal', system-ui, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Tajawal', system-ui, sans-serif; }

/* site.css */
/* ═══════════════════════════════════════════════════════════════════════
   TEKWEN — site.css
   الأنماط المشتركة لمواقع المراكز المنشورة + معاينة الباني
   يُدمج عند النشر: theme tokens → site.css → variant CSS (الأخير يفوز)

   ── الفهرس ──────────────────────────────────────────────────────────────
   01. أساسيات (Reset / خطوط / Container)
   02. الهيدر (Header) — سطح المكتب
   03. الأقسام: قاعدة عامة + عناوين + Rich content
   04. أنيميشن الظهور (Scroll animation)
   05. محتوى مقسوم (Content Split)
   06. المنتجات والبطاقات (Products / Cards)
   07. قسم الملفات (Files)
   08. الفوتر (Footer) — تواصل / سوشيال / شعار / Tekwen
   09. الفيديو والعناوين العامة (Video / Section head)
   10. الأسطر الجديدة في النصوص (pre-line)
   11. الاستجابة (Responsive — media queries مجمّعة)
   ════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');


/* ═══════════════════════════════════════════════════════════════════════
   01. أساسيات
   ═══════════════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; }

body {
  font-family: 'Tajawal', system-ui, sans-serif;
  direction: rtl;
  color: var(--t-body_color, #64748B);
  background: var(--t-section_bg, #ffffff);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  /* Sticky footer — يبقى الفوتر أسفل الصفحة دائماً */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

.wbp-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(16px, 5vw, 48px);
}


/* ═══════════════════════════════════════════════════════════════════════
   02. الهيدر (Header)
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-header {
  width: 100%;
  z-index: 1000;
  transition: background .3s, box-shadow .3s;
}

.wbp-header[data-sticky="Y"] { position: sticky; top: 0; }

.wbp-header[data-style="light"] {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--t-card_ln, #E2E8F0);
  box-shadow: var(--t-header_shadow, 0 1px 3px rgba(0,0,0,.06));
}

.wbp-header[data-style="dark"] { background: var(--t-hero_bg_1, #0D1B2A); }

.wbp-header[data-style="blur"] {
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--t-card_ln, #E2E8F0);
}

.wbp-header__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 68px;
}

/* الشعار + اسم المركز */
.wbp-header__logo {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
}

.wbp-header__logo-img {
  height: 38px;
  width: auto;
  object-fit: contain;
}

.wbp-header__logo-name {
  font-size: 18px;
  font-weight: 900;
  color: var(--t-title_color, #0D1B2A);
  letter-spacing: -.2px;
  /* التفاف على سطرين للأسماء الطويلة */
  white-space: normal;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.wbp-header[data-style="dark"] .wbp-header__logo-name { color: #fff; }

.wbp-header[data-style="dark"] .wbp-header__logo-img { filter: brightness(0) invert(1); }

/* التنقّل */
.wbp-header__nav {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
  justify-content: center;
}

.wbp-header__nav-link {
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--t-subtitle_color, #334155);
  text-decoration: none;
  transition: all .18s;
  white-space: nowrap;
  position: relative;
}

.wbp-header__nav-link:hover,
.wbp-header__nav-link.is-active {
  background: var(--t-accent_light, #EFF6FF);
  color: var(--t-primary, #1B3A5C);
}

.wbp-header[data-style="dark"] .wbp-header__nav-link { color: rgba(255,255,255,.8); }

.wbp-header[data-style="dark"] .wbp-header__nav-link:hover {
  background: rgba(255,255,255,.1);
  color: #fff;
}

/* ─────────────────────────────────────────────────────────────────
   إصلاح أسبقية : الرابط النشط في الهيدر الداكن
   ─────────────────────────────────────────────────────────────────
   .wbp-header[data-style="dark"] .wbp-header__nav-link   = (0,3,0)
   .wbp-header__nav-link.is-active                        = (0,2,0)
   فالقاعدة الداكنة تغلب، فيرث الرابط النشط  color:rgba(255,255,255,.8)
   بينما تُبقي قاعدة is-active الخلفية  --t-accent_light  (كريمية).
   النتيجة: نص أبيض على كريمي — غير مقروء.
   هذه القاعدة (0,4,0) تُعيد اللون الداكن على الخلفية الكريمية.
   ملاحظة: :hover أعلاه يضبط خلفيته بنفسه (شفافة بيضاء) فيبقى #fff
   صحيحاً له — الخلل في is-active وحده.
   (النمط "الشفاف" أُلغي بالكامل: كان يفترض هيرو داكناً — افتراض لا يصحّ
    فوق هيرو فاتح — وكان position:absolute فيه يُبطل التثبيت أيضاً.)
   ───────────────────────────────────────────────────────────────── */
.wbp-header[data-style="dark"] .wbp-header__nav-link.is-active,
.wbp-header[data-style="blur"] .wbp-header__nav-link.is-active {
  background: var(--t-accent_light, #EFF6FF);
  color: var(--t-primary, #1B3A5C);
}

.wbp-header__nav-link.has-dropdown {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.wbp-header__nav-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 200px;
  background: #fff;
  border: 1px solid var(--t-card_ln, #E2E8F0);
  border-radius: var(--t-radius_card, 16px);
  box-shadow: 0 8px 32px rgba(13,27,42,.12);
  padding: 8px;
  display: none;
  z-index: 100;
}

.wbp-header__nav-link.has-dropdown:hover .wbp-header__nav-dropdown,
.wbp-header__nav-dropdown:hover { display: block; }

/* جسر بين الزر والقائمة لمنع اختفائها */
.wbp-header__nav-link.has-dropdown::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 12px;
}

.wbp-header__dropdown-item {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--t-title_color, #0D1B2A);
  text-decoration: none;
  transition: background .15s;
}

.wbp-header__dropdown-item:hover { background: var(--t-alt_bg, #F8FAFC); }

/* زر الدخول (CTA) */
.wbp-header__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 22px;
  border-radius: var(--t-radius_btn, 10px);
  font-size: 14px;
  font-weight: 800;
  background: var(--t-cta, #1B3A5C);
  color: var(--t-cta_text, #fff);
  text-decoration: none;
  border: 0;
  transition: all .2s;
  flex-shrink: 0;
  white-space: nowrap;
}

.wbp-header__cta:hover {
  background: var(--t-cta_hover, #122a45);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

/* زر القائمة (الجوال) — يظهر في media query */
.wbp-header__menu-btn {
  display: none;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--t-card_ln, #E2E8F0);
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
}

.wbp-header__menu-btn span {
  width: 20px;
  height: 2px;
  background: var(--t-title_color, #0D1B2A);
  border-radius: 1px;
  display: block;
  transition: all .2s;
}


/* ═══════════════════════════════════════════════════════════════════════
   03. الأقسام: قاعدة عامة + عناوين + Rich content
   ═══════════════════════════════════════════════════════════════════════ */
section, .wbp-section { position: relative; width: 100%; }

.wbp-section-title {
  font-size: clamp(24px, 3.5vw, 38px);
  font-weight: 900;
  letter-spacing: -.4px;
  color: var(--t-title_color, #0D1B2A);
  margin: 0 0 8px;
  line-height: 1.25;
}

.wbp-section-sub {
  font-size: 16px;
  color: var(--t-body_color, #64748B);
  line-height: 1.75;
  margin: 0;
}

/* عنوان القسم العام (Section Heading) */
.wbp-section-head { text-align: center; margin-bottom: clamp(24px,3vw,40px); }
.wbp-section-head__title {
  font-size: clamp(22px,3vw,36px); font-weight: 900;
  color: var(--t-title_color, #0D1B2A); margin: 0 0 10px;
}
.wbp-section-head__sub {
  font-size: 16px; color: var(--t-body_color, #64748B); margin: 0;
}

/* Rich content */
.wbp-rich-content h1,.wbp-rich-content h2,
.wbp-rich-content h3,.wbp-rich-content h4 {
  color: var(--t-title_color, #0D1B2A);
  font-weight: 800;
  margin: 1.4em 0 .5em;
  line-height: 1.3;
}
.wbp-rich-content p    { margin-bottom: 1em; }
.wbp-rich-content ul, .wbp-rich-content ol { padding-right: 24px; margin-bottom: 1em; }
.wbp-rich-content li   { margin-bottom: .4em; }
.wbp-rich-content a    { color: var(--t-primary, #1B3A5C); text-decoration: underline; }
.wbp-rich-content strong { color: var(--t-title_color, #0D1B2A); }
.wbp-rich-content img  { border-radius: 12px; margin: 1em 0; }
.wbp-rich-content blockquote {
  border-right: 4px solid var(--t-primary, #1B3A5C);
  padding-right: 18px;
  margin-right: 0;
  font-style: italic;
  color: var(--t-subtitle_color, #334155);
}


/* ═══════════════════════════════════════════════════════════════════════
   04. أنيميشن الظهور
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-animate {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
}
.wbp-animate.is-visible { opacity: 1; transform: translateY(0); }


/* ═══════════════════════════════════════════════════════════════════════
   05. محتوى مقسوم (Content Split)
   ملاحظة: قواعد شكل الصورة كانت مكرّرة/متعارضة في الملف القديم — وُحّدت هنا.
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-content-split {
  padding: clamp(28px, 4vw, 48px) 0;   /* مخفّض من 48-80px لتقليل الفراغ */
}

.wbp-content-split[data-bg="alt"]  { background: var(--t-alt_bg, #F8FAFC); }
.wbp-content-split[data-bg="dark"] { background: var(--t-hero_bg_1, #0D1B2A); }

/* ترتيب النص/الصورة حسب الموضع */
.wbp-content-split__inner[data-position="left"] .wbp-content-split__text    { order: 2; }
.wbp-content-split__inner[data-position="left"] .wbp-content-split__img-wrap { order: 1; }

/* الصورة — قاعدة أساسية (العرض يُضبط inline عبر حجم الصورة) */
.wbp-content-split__img {
  max-height: 360px;          /* سقف يمنع تضخّم ارتفاع القسم */
  object-fit: contain;
  display: block;             /* لعمل margin-inline:auto عند التوسيط */
}

/* أشكال الصورة (data-style) — مجموعة موحّدة واحدة */
.wbp-content-split__img[data-style="rounded"] {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wbp-content-split__img[data-style="square"] {
  border-radius: var(--t-radius_card, 16px);
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wbp-content-split__img[data-style="rectangle"] {
  border-radius: var(--t-radius_card, 16px);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.wbp-content-split__img[data-style="none"] {
  border-radius: 0;
  box-shadow: none;
}


/* ═══════════════════════════════════════════════════════════════════════
   06. المنتجات والبطاقات (Products / Cards)
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-products { padding: 64px 0; }

.wbp-products[data-bg="white"] { background: #fff; }
.wbp-products[data-bg="alt"]   { background: var(--t-alt_bg, #F8FAFC); }
.wbp-products[data-bg="dark"]  { background: var(--t-hero_bg_1, #0D1B2A); }
.wbp-products[data-bg="dark"] .wbp-products__title { color: #fff; }
.wbp-products[data-bg="dark"] .wbp-products__sub   { color: rgba(255,255,255,.7); }

/* رأس القسم */
.wbp-products__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.wbp-products__title {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 900;
  color: var(--t-title_color, #0D1B2A);
  line-height: 1.3;
  margin: 0;
}

.wbp-products__sub {
  font-size: 15px;
  color: var(--t-body_color, #64748B);
  margin: 6px 0 0;
}

.wbp-products__view-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border: 1.5px solid var(--t-primary, #1B3A5C);
  border-radius: var(--t-radius_btn, 10px);
  font-size: 13px;
  font-weight: 700;
  color: var(--t-primary, #1B3A5C);
  text-decoration: none;
  transition: .18s;
  white-space: nowrap;
  flex-shrink: 0;
}

.wbp-products__view-all:hover { background: var(--t-primary, #1B3A5C); color: #fff; }
.wbp-products__view-all .fa { font-size: 11px; }

/* الشبكة */
.wbp-products__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

/* ── البطاقة ── */
.wbp-pcard {
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: var(--t-radius_card, 16px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .22s cubic-bezier(.4,0,.2,1),
              box-shadow .22s cubic-bezier(.4,0,.2,1);
  position: relative;
}

.wbp-pcard:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
}

.wbp-pcard--featured {
  border-color: var(--t-accent, #F0C040);
  box-shadow: 0 0 0 1.5px var(--t-accent, #F0C040);
}

/* صورة الغلاف */
.wbp-pcard__cover {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #eef0f4;
  flex-shrink: 0;
}

.wbp-pcard__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}

.wbp-pcard:hover .wbp-pcard__cover img { transform: scale(1.06); }

.wbp-pcard__cover-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg,
    var(--t-alt_bg, #f1f3f7),
    var(--t-card_ln, #e2e8f0));
}

.wbp-pcard__cover-placeholder .fa {
  font-size: 42px;
  color: var(--t-body_color, #94a3b8);
  opacity: .5;
}

/* Badge النوع */
.wbp-pcard__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .2px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.wbp-pcard__badge .fa { font-size: 10px; }
.wbp-pcard__badge--course   { background: rgba(37,99,235,.15);  color: #2563eb; }
.wbp-pcard__badge--program  { background: rgba(124,58,237,.15); color: #7c3aed; }
.wbp-pcard__badge--training { background: rgba(5,150,105,.15);  color: #059669; }
.wbp-pcard__badge--bundle   { background: rgba(217,119,6,.15);  color: #d97706; }

/* Featured ribbon */
.wbp-pcard--featured .wbp-pcard__cover::after {
  content: '\f005  مميز';
  font-family: 'FontApex', 'Tajawal', sans-serif;
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--t-accent, #F0C040);
  color: var(--t-primary, #1B3A5C);
  font-size: 10px;
  font-weight: 900;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: .2px;
}

/* محتوى البطاقة */
.wbp-pcard__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 18px 18px;
  gap: 6px;
}

.wbp-pcard__title {
  font-size: 16px;
  font-weight: 800;
  color: var(--t-title_color, #0D1B2A);
  line-height: 1.45;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wbp-pcard__desc {
  font-size: 13px;
  color: var(--t-body_color, #64748B);
  line-height: 1.65;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* اسم المدرب في البطاقة */
.wbp-pcard__trainer {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0 10px;
  font-size: 13px;
  color: var(--t-subtitle_color, #334155);
}
.wbp-pcard__trainer .fa {
  font-size: 12px;
  color: var(--t-accent, #C39A42);
}
.wbp-pcard__trainer-name {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wbp-pcard__trainer-more {
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  color: var(--t-accent, #C39A42);
  background: var(--t-accent_light, #F7EFDD);
  border-radius: 10px;
  padding: 1px 7px;
}

/* Chips — معلومات المنتج/الدفعة */
.wbp-pcard__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 4px;
}

.wbp-pcard__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  background: var(--t-alt_bg, #F8FAFC);
  border: 1px solid var(--t-card_ln, #E2E8F0);
  color: var(--t-subtitle_color, #334155);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.wbp-pcard__chip .fa { font-size: 11px; color: var(--t-body_color, #94a3b8); }

.wbp-pcard__chip--warn {
  background: rgba(251,191,36,.1);
  border-color: rgba(217,119,6,.2);
  color: #92400e;
}
.wbp-pcard__chip--warn .fa { color: #d97706; }

.wbp-pcard__chip--danger {
  background: rgba(239,68,68,.08);
  border-color: rgba(239,68,68,.2);
  color: #b91c1c;
}
.wbp-pcard__chip--danger .fa { color: #dc2626; }

/* مساحة مرنة */
.wbp-pcard__spacer { flex: 1; min-height: 10px; }

/* Footer البطاقة */
.wbp-pcard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--t-card_ln, #E2E8F0);
  margin-top: 4px;
}
.wbp-pcard__footer--no-price { justify-content: flex-end; }

/* السعر */
.wbp-pcard__price {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 900;
  color: var(--t-primary, #1B3A5C);
}
.wbp-pcard__price .fa { font-size: 12px; opacity: .6; }
.wbp-pcard__price--free { color: #059669; font-size: 14px; }
.wbp-pcard__price--inquiry {
  color: var(--t-body_color, #64748B);
  font-size: 13px;
  font-weight: 700;
}

/* زر التفاصيل */
.wbp-pcard__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: var(--t-radius_btn, 10px);
  background: var(--t-cta, #1B3A5C);
  color: var(--t-cta_text, #fff);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: .2s;
  flex-shrink: 0;
  border: 0;
}

.wbp-pcard__cta:hover {
  background: var(--t-accent, #F0C040);
  color: var(--t-primary, #1B3A5C);
  transform: translateX(-2px);
}
.wbp-pcard__cta .fa { font-size: 11px; transition: transform .18s; }
.wbp-pcard__cta:hover .fa { transform: translateX(-3px); }

/* حالة فارغة */
.wbp-products__empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 64px 20px;
  color: var(--t-body_color, #94a3b8);
}
.wbp-products__empty .fa {
  font-size: 52px;
  display: block;
  margin: 0 auto 16px;
  opacity: .4;
}
.wbp-products__empty p { font-size: 16px; font-weight: 700; }


/* ═══════════════════════════════════════════════════════════════════════
   07. قسم الملفات (Files)
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-files { padding: 56px 0; }
.wbp-files[data-bg="white"] { background: #fff; }
.wbp-files[data-bg="alt"]   { background: var(--t-alt_bg, #F8FAFC); }
.wbp-files[data-bg="dark"]  { background: var(--t-hero_bg_1, #0D1B2A); }
.wbp-files[data-bg="dark"] .wbp-files__title { color: #fff; }
.wbp-files[data-bg="dark"] .wbp-files__sub   { color: rgba(255,255,255,.7); }

.wbp-files__head { margin-bottom: 32px; }

.wbp-files__title {
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 900;
  color: var(--t-title_color, #0D1B2A);
  margin: 0 0 8px;
}

.wbp-files__sub {
  font-size: 15px;
  color: var(--t-body_color, #64748B);
  margin: 0;
}

.wbp-files__list { display: flex; flex-direction: column; }

/* بطاقة الملف */
.wbp-file-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 12px;
  border-bottom: 1px solid var(--t-card_ln, #E2E8F0);
  text-decoration: none;
  color: inherit;
  border-radius: 0;
  transition: background .18s, border-radius .18s, padding .18s;
  cursor: pointer;
}
.wbp-file-item:first-child { border-top: 1px solid var(--t-card_ln, #E2E8F0); }
.wbp-file-item:hover {
  background: var(--t-alt_bg, #F8FAFC);
  border-radius: var(--t-radius_sm, 8px);
  padding: 18px 16px;
}

/* أيقونة نوع الملف */
.wbp-file-item__icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .5px;
  background: var(--t-primary, #1B3A5C);
}
.wbp-file-item__icon--pdf  { background: #dc2626; }
.wbp-file-item__icon--docx,
.wbp-file-item__icon--doc  { background: #2563eb; }
.wbp-file-item__icon--xlsx,
.wbp-file-item__icon--xls  { background: #059669; }
.wbp-file-item__icon--pptx,
.wbp-file-item__icon--ppt  { background: #d97706; }
.wbp-file-item__icon--other { background: var(--t-primary, #1B3A5C); }

/* محتوى الملف */
.wbp-file-item__body { flex: 1; min-width: 0; }
.wbp-file-item__name {
  font-size: 15px;
  font-weight: 700;
  color: var(--t-title_color, #0D1B2A);
  margin: 0 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wbp-file-item__meta { font-size: 12px; color: var(--t-body_color, #94a3b8); }

/* زر التحميل */
.wbp-file-item__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: var(--t-radius_btn, 10px);
  border: 1.5px solid var(--t-primary, #1B3A5C);
  color: var(--t-primary, #1B3A5C);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
  transition: .18s;
  background: transparent;
}
.wbp-file-item:hover .wbp-file-item__btn { background: var(--t-primary, #1B3A5C); color: #fff; }
.wbp-file-item__btn .fa { font-size: 11px; }


/* ═══════════════════════════════════════════════════════════════════════
   08. الفوتر (Footer)
   ═══════════════════════════════════════════════════════════════════════ */
/* الفوتر يبقى أسفل الصفحة (مع body flex أعلاه) */
body > [data-section-type="FOOTER"] { margin-top: auto; }

/* عمود التواصل */
.wbp-footer-std__contact-list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 12px;
}
.wbp-footer-std__contact-item {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 14px; color: rgba(255,255,255,.65);
}
.wbp-footer-std__contact-item a {
  color: rgba(255,255,255,.65); text-decoration: none; transition: color .15s;
}
.wbp-footer-std__contact-item a:hover { color: #fff; }
.wbp-footer-std__contact-icon {
  color: rgba(255,255,255,.4); font-size: 14px;
  margin-top: 2px; flex-shrink: 0; width: 16px; text-align: center;
}
.wbp-footer-std__contact-item--addr { align-items: flex-start; line-height: 1.6; }

/* زر الخريطة */
.wbp-footer-std__map-link {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 14px; padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px; font-size: 13px;
  color: rgba(255,255,255,.7); text-decoration: none;
  transition: all .2s;
}
.wbp-footer-std__map-link:hover {
  background: rgba(255,255,255,.1); color: #fff;
  border-color: rgba(255,255,255,.4);
}

/* شعار الفوتر */
.wbp-footer-std__logo-img {
  max-height: 40px; max-width: 140px;
  object-fit: contain; display: block; margin-bottom: 12px;
  filter: brightness(0) invert(1); /* أبيض على الخلفية الداكنة */
}

/* أيقونات التواصل الاجتماعي (تشمل fab للبراندات) */
.wbp-footer-std__social-link .fa,
.wbp-footer-std__social-link .fab { font-size: 16px; }

/* رابط بوابة الإدارة */
.wbp-footer-std__admin-link { opacity: .45; transition: opacity .2s; }
.wbp-footer-std__admin-link:hover { opacity: 1 !important; }

/* توقيع Tekwen */
.wbp-footer-std__tekwen {
  text-align: center;
  padding: 10px 0 18px;
  margin-top: 0;
}
.wbp-footer-std__tekwen-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.35);
  text-decoration: none;
  transition: color .2s;
  letter-spacing: .3px;
}
.wbp-footer-std__tekwen-link:hover { color: rgba(255,255,255,.7); }
.wbp-footer-std__tekwen-heart {
  color: #a78bfa;
  display: inline-block;
  animation: tkw-heart 1.4s ease-in-out infinite;
}
.wbp-footer-std__tekwen-name {
  color: #a78bfa;
  font-weight: 800;
  letter-spacing: .5px;
}
@keyframes tkw-heart {
  0%   { transform: translateX(0);    }
  20%  { transform: translateX(4px);  }
  40%  { transform: translateX(-4px); }
  60%  { transform: translateX(3px);  }
  80%  { transform: translateX(-3px); }
  100% { transform: translateX(0);    }
}


/* ═══════════════════════════════════════════════════════════════════════
   09. الفيديو والخلفيات العامة
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  border-radius: var(--t-radius_card, 16px);
  overflow: hidden;
  background: #000;
}
.wbp-video-wrap iframe,
.wbp-video-wrap video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.wbp-video-block[data-bg="alt"]  { background: var(--t-alt_bg, #F8F5FF); }
.wbp-video-block[data-bg="dark"] { background: var(--t-hero_bg_1, #0D0520); }
.wbp-video-block[data-bg="dark"] .wbp-section-head__title { color: #fff; }
.wbp-video-block[data-bg="dark"] .wbp-section-head__sub   { color: rgba(255,255,255,.6); }


/* ═══════════════════════════════════════════════════════════════════════
   10. الأسطر الجديدة في النصوص (Enter → سطر فعلي)
   white-space: pre-line يعرض \n دون تحويله لـ <br>. لكل حقول textarea.
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-content-split__body,   /* محتوى مقسوم — body_ar */
.wbp-products-smart__sub,   /* المنتجات — subtitle_ar */
.wbp-faq-accordion__sub,    /* الأسئلة الشائعة — subtitle_ar */
.wbp-cta-dark__sub,         /* دعوة للإجراء — subtitle_ar */
.wbp-footer-std__desc {     /* الفوتر — desc_ar */
  white-space: pre-line;
}

/* ═══════════════════════════════════════════════════════════════════════
   إخفاء الأزرار الفارغة (يطابق سلوك الباني — الزر بلا نص لا يظهر)
   ═══════════════════════════════════════════════════════════════════════ */
.wbp-content-split__btn:empty,
.wbp-hero-simple__btn:empty,
a[data-wb-field="btn_label_ar"]:empty,
a[data-wb-field="btn1_label_ar"]:empty,
a[data-wb-field="btn2_label_ar"]:empty {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════
   11. الاستجابة (Responsive)
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* الهيدر */
  .wbp-header__logo-name { font-size: 15px; max-width: 38vw; }

  .wbp-header__nav {
    display: none;
    position: absolute;
    top: 68px;
    right: 0; left: 0;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    border-bottom: 1px solid var(--t-card_ln, #E2E8F0);
    padding: 12px 20px 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    gap: 2px;
  }
  .wbp-header__nav.is-open { display: flex; }
  .wbp-header__nav-link { width: 100%; }
  .wbp-header__nav-link.has-dropdown { flex-direction: column; align-items: flex-start; }
  .wbp-header__nav-dropdown {
    position: static;
    box-shadow: none;
    border: 0;
    padding-right: 16px;
    display: block;
    border-right: 2px solid var(--t-card_ln, #E2E8F0);
    border-radius: 0;
    margin-top: 4px;
  }

  /* الدخول للطرف + زر القائمة بعده */
  .wbp-header__cta {
    margin-inline-start: auto;
    padding: 8px 16px;
    font-size: 13px;
  }
  .wbp-header__menu-btn { display: flex; margin-inline-start: 4px; }

  /* المنتجات */
  .wbp-products { padding: 40px 0; }
  /* عمودان لا عمود واحد.
     كانت 1fr هنا، فأي جهاز ≤900px (الأيباد 768، والأيباد الأفقي 1024 لا)
     يرى بطاقة عملاقة واحدة في الصف. البطاقة الواحدة تحتاج 280px،
     فعند 768px يتسع عمودان بمريح (~350px لكل بطاقة).
     العمود الواحد يبدأ من ≤600px — الجوال — في الكتلة أسفل الملف. */
  .wbp-products__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .wbp-products__head { flex-direction: column; align-items: flex-start; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .wbp-products__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  /* الجوال وحده يستحق عموداً واحداً */
  .wbp-products__grid { grid-template-columns: 1fr; }

  .wbp-file-item__btn span:not(.fa) { display: none; }
  .wbp-file-item__btn { padding: 8px 12px; }
  .wbp-file-item__name { font-size: 14px; }
}/* ══════════════════════════════════════════════════════════════════════
   الملف 71 — CSS نمط الهيدر بشريطين (data-layout="stacked")
   ────────────────────────────────────────────────────────────────────
   يُضاف لـ site.css (أو BUILD_TENANT_CSS). لا يمسّ single (الحالي).

   البنية: header > container > inner > [logo · nav · cta · burger]
   في stacked نعيد ترتيبها بـ flex-wrap لسطرين:
     سطر 1 (علوي): logo + اسم + cta + burger — خلفية بديل
     سطر 2 (سفلي): nav كامل العرض — خلفية أساسي

   الموبايل/التابلت (<=980px): يعود single-like — شعار+اسم+دخول+همبرغر
   في سطر، والقائمة تختفي خلف الهمبرغر.
   ══════════════════════════════════════════════════════════════════════ */

/* ═══ نمط الشريطين (ديسكتوب) ═══ */
.wbp-header[data-layout="stacked"] .wbp-header__inner {
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0;
}

/* الشعار أكبر في stacked */
/* الشعار (الصورة) يكبر — نضبط height لا max (الأصل height:38px يغلب) */
.wbp-header[data-layout="stacked"] .wbp-header__logo-img {
  height: 88px !important;       /* الأصل 38px — نضاعفه ونيّف */
  max-height: none !important;
  max-width: 320px;
  width: auto;
}
/* اسم المركز يبقى معتدلاً (لا نكبّره — طلبك: الصورة لا النص) */
.wbp-header[data-layout="stacked"] .wbp-header__logo-name {
  font-size: 19px;
  font-weight: 800;
  order: 1;                    /* بجانب الشعار في الشريط العلوي */
  align-self: center;
  margin-inline-start: 12px;
}

/* السطر العلوي أطول (ضعف الضعف) — يتنفّس الشعار الكبير */
.wbp-header[data-layout="stacked"] .wbp-header__inner {
  min-height: 132px;             /* زيادة الضعف عن السابق */
  padding-block: 20px;
}

/* الشعار يمين، الدخول يسار (RTL) — يملآن السطر العلوي */
.wbp-header[data-layout="stacked"] .wbp-header__logo {
  order: 1;
  padding: 4px 0;
}
.wbp-header[data-layout="stacked"] .wbp-header__cta {
  order: 2;
  margin-inline-start: auto;     /* يدفعه لأقصى اليسار في RTL */
}

/* القائمة تنزل لسطر ثانٍ كامل العرض — أطول بنصف */
.wbp-header[data-layout="stacked"] .wbp-header__nav {
  order: 3;
  flex-basis: 100%;
  margin: 0;
  padding: 0;
  min-height: 58px;              /* زيادة ~النصف على ارتفاع الروابط */
  align-items: center;
}

/* خلفية السطر العلوي = البديل (نلوّن inner، وnav يكسر للأساسي) */
.wbp-header[data-layout="stacked"] {
  background: var(--t-alt_bg, #F4F8F9) !important;
}
/* inner نفسه بالخلفية البديلة — يغطّي السطرين (علوي + دخول/همبرغر) */
.wbp-header[data-layout="stacked"] .wbp-header__inner {
  background: var(--t-alt_bg, #F4F8F9);
}
/* السطر السفلي (nav) = اللون الأساسي، ممتدّ كامل العرض */
.wbp-header[data-layout="stacked"] .wbp-header__nav {
  background: var(--t-primary, #0B4A57);
  /* يمتدّ خارج container ليملأ العرض */
  margin-inline: calc(-50vw + 50%);
  padding-inline: calc(50vw - 50%);
}
/* روابط القائمة على الأساسي = نصّ فاتح */
.wbp-header[data-layout="stacked"] .wbp-header__nav-link,
.wbp-header[data-layout="stacked"] .wbp-header__nav-link > span,
.wbp-header[data-layout="stacked"] .wbp-header__nav > a {
  color: #fff !important;
}
/* ★ العنصر النشط : بلا مربع/لون مختلف — خط سفلي عريض بلون التمييز */
/* النشط العادي (رابط مفرد) : خط على العنصر. has-dropdown مستثناة
   (خطّها على span أدناه) لئلا يظهر خطّان. */
.wbp-header[data-layout="stacked"] .wbp-header__nav-link.is-active:not(.has-dropdown),
.wbp-header[data-layout="stacked"] .wbp-header__nav > a.is-active {
  background: transparent !important;
  color: #fff !important;
  font-weight: 700;
  border-bottom: 3px solid var(--t-accent, #e9a021) !important;
  border-radius: 0 !important;
  padding-bottom: 5px;
}
/* has-dropdown النشطة : لا خلفية، النصّ أبيض (الخط على span أدناه) */
.wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown.is-active {
  background: transparent !important;
}
.wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown.is-active > span {
  color: #fff !important;
}
/* القائمة المنسدلة النشطة (has-dropdown.is-active) : الخط تحت النصّ (span) */
.wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown.is-active > span {
  border-bottom: 3px solid var(--t-accent, #e9a021) !important;
  padding-bottom: 5px;
  font-weight: 700;
}
.wbp-header[data-layout="stacked"] .wbp-header__nav-link:hover,
.wbp-header[data-layout="stacked"] .wbp-header__nav-link:hover > span,
.wbp-header[data-layout="stacked"] .wbp-header__nav > a:hover {
  background: transparent !important;   /* يلغي accent_light الأصلي */
  color: #fff !important;
}
/* hover : خط سفلي بلون التمييز (نفس نمط النشط) */
.wbp-header[data-layout="stacked"] .wbp-header__nav-link:not(.has-dropdown):hover,
.wbp-header[data-layout="stacked"] .wbp-header__nav > a:hover {
  border-bottom: 3px solid var(--t-accent, #e9a021) !important;
  border-radius: 0 !important;
  padding-bottom: 5px;
}
/* hover على قائمة منسدلة : الخط تحت النصّ (span) */
.wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown:hover > span {
  border-bottom: 3px solid var(--t-accent, #e9a021) !important;
  padding-bottom: 5px;
}
/* القوائم المنسدلة تبقى على خلفية فاتحة (كالحالي) */
.wbp-header[data-layout="stacked"] .wbp-header__nav-dropdown {
  background: #fff;
}
.wbp-header[data-layout="stacked"] .wbp-header__nav-dropdown a {
  color: var(--t-body_color, #475569) !important;
}

/* الهمبرغر مخفيّ في ديسكتوب stacked */
.wbp-header[data-layout="stacked"] .wbp-header__menu-btn {
  display: none;
  order: 2;
}

/* ═══ الموبايل/التابلت (<=980px) : يعود single-like ═══ */
/* overlay وزر الإغلاق مخفيّان على الديسكتوب (يظهران في الموبايل فقط) */
.wbp-header__overlay { display: none; }
.wbp-header__drawer-close { display: none; }
@media (max-width: 980px) {
  .wbp-header__overlay { display: block; }
}

/* ═══════════════════════════════════════════════════════════════════
   الموبايل/التابلت (<=980px) — نمط stacked
   البنية الفعلية لـ inner: [logo, name, nav, cta, burger] (5 أشقّاء)
   nav = drawer (position:fixed، مُستثنى من الشبكة).
   القسمان:
     ┌──────────────┬───────────┐  ← خلفية بديل (فاتح)
     │ الشعار يمين  │ الدخول يسر │  الصف 1
     ├──────────────┼───────────┤  ← خلفية أساسي (داكن)
     │ الاسم يمين   │همبرغر يسر  │  الصف 2
     └──────────────┴───────────┘
   الخلفية: linear-gradient على inner (نصف علوي بديل، نصف سفلي أساسي).
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 980px) {
  .wbp-header[data-layout="stacked"] { z-index: 3000; }

  /* الحاوية بلا padding جانبي — الشريط يمتدّ للحواف */
  .wbp-header[data-layout="stacked"] .wbp-container {
    padding-inline: 0;
    max-width: 100%;
  }

  /* ── inner : عمود واحد، صفّان (شعار/دخول) ثم (bottom) ── */
  .wbp-header[data-layout="stacked"] .wbp-header__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    background: var(--t-alt_bg, #F4F8F9);
  }

  /* [الصف 1] الشعار يمين */
  .wbp-header[data-layout="stacked"] .wbp-header__logo {
    order: 1;
    margin: 0;
    padding: 12px 16px;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__logo-img {
    height: 60px !important;      /* أكبر */
    max-width: 180px;
    width: auto;
  }
  /* [الصف 1] الدخول يسار */
  .wbp-header[data-layout="stacked"] .wbp-header__cta {
    order: 2;
    margin-inline-start: auto;
    margin-inline-end: 16px;
    white-space: nowrap;
  }

  /* nav (drawer) خارج التدفّق */
  .wbp-header[data-layout="stacked"] .wbp-header__nav {
    order: 3;
  }

  /* ── [الصف 2] حاوية bottom : الاسم + الهمبرغر — شريط أساسي متّصل ── */
  .wbp-header[data-layout="stacked"] .wbp-header__bottom {
    order: 4;
    flex-basis: 100%;              /* سطر كامل */
    display: flex;
    align-items: stretch;          /* الاسم يملأ الارتفاع (الخلفية كاملة) */
    justify-content: space-between;/* الاسم يمين، الهمبرغر يسار */
    background: var(--t-primary, #0B4A57);
    width: 100%;
  }
  /* الاسم يمين، يتمدّد */
  .wbp-header[data-layout="stacked"] .wbp-header__bottom .wbp-header__logo-name {
    flex: 1 1 auto;
    display: flex !important;      /* يغلب -webkit-box العام */
    align-items: center;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal;
    color: #fff !important;
    padding: 14px 20px;           /* منطقة أوسع للاسم */
    margin: 0;
    max-width: none !important;   /* يُلغي max-width:38vw العام (كان يمنع التمدّد) */
    -webkit-line-clamp: unset !important;   /* يُلغي القصّ لسطرين */
    overflow: visible !important;
  }
  /* الهمبرغر يسار */
  .wbp-header[data-layout="stacked"] .wbp-header__bottom .wbp-header__menu-btn {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* لا margin:auto — كان يمتصّ المساحة فيمنع تمدّد الاسم */
    align-self: center;           /* بحجمه الطبيعي، موسّط (لا يُمطّ) */
    margin-block: 12px;           /* هامش علوي وسفلي */
    margin-inline-end: 16px;      /* هامش بينه والحافة اليسرى */
    padding: 6px 10px;            /* هامش داخلي متوازن حول الأيقونة */
  }
  .wbp-header[data-layout="stacked"] .wbp-header__menu-btn span {
    background: #fff !important;
  }

  /* ── nav = drawer منزلق ── */
  .wbp-header[data-layout="stacked"] .wbp-header__nav {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: 82%;
    max-width: 340px;
    height: 100vh;
    margin: 0;
    padding: 0;
    background: var(--t-primary, #0B4A57);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform .28s ease;
    z-index: 3001;
    box-shadow: -4px 0 24px rgba(0,0,0,.25);
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav.is-open {
    transform: translateX(0);
  }

  /* overlay */
  .wbp-header__overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s;
    z-index: 2999;
  }
  .wbp-header__overlay.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  /* زر الإغلاق ✕ */
  .wbp-header[data-layout="stacked"] .wbp-header__drawer-close {
    display: block;
    align-self: flex-start;
    background: none;
    border: none;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    padding: 14px 20px;
    cursor: pointer;
  }

  /* ═══ عناصر القائمة — تصميم موحّد ═══ */
  .wbp-header[data-layout="stacked"] .wbp-header__nav > a,
  .wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: right;
    padding: 16px 24px !important;
    color: rgba(255,255,255,.92) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, color .15s;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav > a,
  .wbp-header[data-layout="stacked"] .wbp-header__nav > .wbp-header__nav-link {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav > a:hover,
  .wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown > span:hover {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav > a.is-active {
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    border-right: 4px solid var(--t-accent, #e9a021) !important;
    font-weight: 700;
  }

  /* accordion */
  .wbp-header[data-layout="stacked"] .wbp-header__nav-dropdown {
    position: static;
    display: none;
    background: rgba(0,0,0,.22);
    box-shadow: none;
    margin: 0;
    padding: 0;
    min-width: 0;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown.is-expanded .wbp-header__nav-dropdown {
    display: block;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav-dropdown a {
    display: block;
    padding: 14px 40px !important;
    color: rgba(255,255,255,.75) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    font-size: 14px;
    transition: background .15s, color .15s;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav-dropdown a:last-child {
    border-bottom: 0 !important;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav-dropdown a:hover {
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__nav-link.has-dropdown.is-expanded > span {
    color: var(--t-accent, #e9a021) !important;
    background: rgba(255,255,255,.04) !important;
  }

  /* الهمبرغر يصير X */
  .wbp-header[data-layout="stacked"] .wbp-header__menu-btn.is-open span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }
  .wbp-header[data-layout="stacked"] .wbp-header__menu-btn.is-open span:nth-child(2) {
    opacity: 0;
  }
  .wbp-header[data-layout="stacked"] .wbp-header__menu-btn.is-open span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
  .wbp-header[data-layout="stacked"] .wbp-header__menu-btn span {
    transition: transform .2s, opacity .2s;
  }
}



/* ═══ stacked ديسكتوب فقط : حاوية bottom تتفكّك (لا شريط ثانٍ) ═══
   ⚠ يجب تقييدها بـ min-width — بدونها display:contents يتسرّب
   للموبايل فيُلغي حاوية القسم الثاني (الاسم/الهمبرغر ينهاران للصفّ الأول). */
@media (min-width: 981px) {
  .wbp-header[data-layout="stacked"] .wbp-header__bottom {
    display: contents;
  }
}

/* ═══ stacked : تصحيح تداخل data-style ═══ */
/* الخلفية العلوية بديل (فاتح) دائماً — نُلغي قلب الشعار في dark */
.wbp-header[data-layout="stacked"][data-style="dark"] .wbp-header__logo-img {
  filter: none;
}
.wbp-header[data-layout="stacked"][data-style="dark"] .wbp-header__logo-name {
  color: var(--t-title_color, #0D1B2A);
}
/* اسم الشعار داكن على الديسكتوب فقط (البديل الفاتح).
   الموبايل: الاسم على الخلفية الأساسية الداكنة → أبيض (داخل media). */
@media (min-width: 981px) {
  .wbp-header[data-layout="stacked"] .wbp-header__logo-name {
    color: var(--t-title_color, #0D1B2A) !important;
  }
}
/* variant */

.wbp-faq-accordion {
  padding: clamp(48px,6vw,80px) 0;
  background: var(--t-section_bg, #fff);
}
.wbp-faq-accordion[data-bg="alt"] { background: var(--t-alt_bg, #F8FAFC); }
.wbp-faq-accordion__head { text-align: center; margin-bottom: 40px; }
.wbp-faq-accordion__title {
  font-size: clamp(24px,3.5vw,38px); font-weight: 900;
  color: var(--t-title_color, #0D1B2A); margin: 0 0 12px;
}
.wbp-faq-accordion__sub {
  font-size: 16px; color: var(--t-body_color, #64748B); margin: 0;
}
.wbp-faq-accordion__list { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.wbp-faq-item {
  background: var(--t-card_bg, #fff);
  border: 1px solid var(--t-card_ln, #E2E8F0);
  border-radius: var(--t-radius_card, 16px);
  overflow: hidden; cursor: pointer;
  transition: box-shadow .2s;
}
.wbp-faq-item:hover { box-shadow: 0 4px 16px rgba(0,0,0,.07); }
.wbp-faq-item__q {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 20px; gap: 12px;
  font-size: 15px; font-weight: 700; color: var(--t-title_color, #0D1B2A);
}
.wbp-faq-item__icon {
  font-size: 20px; font-weight: 300; flex-shrink: 0;
  color: var(--t-primary, #1B3A5C); transition: transform .2s;
}
.wbp-faq-item.is-open .wbp-faq-item__icon { transform: rotate(45deg); }
.wbp-faq-item__a {
  max-height: 0; overflow: hidden;
  transition: max-height .3s ease, padding .3s;
  font-size: 14px; color: var(--t-body_color, #64748B); line-height: 1.7;
  padding: 0 20px;
}
.wbp-faq-item.is-open .wbp-faq-item__a { max-height: 400px; padding: 0 20px 18px; }

/* variant */
/* FILES_LIST_CARDS */
.wbp-files--cards { padding: 48px 0; }
.wbp-files--cards[data-bg="white"] { background: #fff; }
.wbp-files--cards[data-bg="alt"]   { background: var(--t-alt_bg,#F8FAFC); }
.wbp-files--cards[data-bg="dark"]  { background: var(--t-hero_bg_1,#0D1B2A); }
.wbp-files--cards[data-bg="dark"] .wbp-files__title { color:#fff; }
.wbp-files--cards[data-bg="dark"] .wbp-files__sub   { color:rgba(255,255,255,.7); }
.wbp-files--cards[data-bg="dark"] .wbp-fcard__title { color:#fff; }

.wbp-files__list--cards { display:flex; flex-direction:column; gap:20px; }

.wbp-fcard { }

.wbp-fcard__title {
  font-size:16px; font-weight:700;
  color:var(--t-title_color,#1a1a2e);
  margin-bottom:8px;
  display:flex; align-items:center; gap:8px;
}

.wbp-fcard__box {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
  position:relative;
  overflow:hidden;
  background:#fff;
  transition:box-shadow .2s;
}
.wbp-fcard__box::before {
  content:"";
  position:absolute;
  right:0; top:0; bottom:0;
  width:5px;
  background:var(--t-primary,#6b2d5e);
  border-radius:0 10px 10px 0;
}
.wbp-fcard__box:hover { box-shadow:0 4px 16px rgba(0,0,0,.1); }

/* أيقونة دائرية رمادية */
.wbp-fcard__icon {
  width:56px; height:56px;
  border-radius:50%;
  background:#e8e8ee;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  font-size:24px;
  color:#555;
  transition:background .2s, color .2s;
}
/* ألوان حسب النوع */
.wbp-fcard__icon--pdf  { color:#8b3a3a; }
.wbp-fcard__icon--docx,
.wbp-fcard__icon--doc  { color:#2c5282; }
.wbp-fcard__icon--xlsx,
.wbp-fcard__icon--xls  { color:#276749; }
.wbp-fcard__icon--pptx,
.wbp-fcard__icon--ppt  { color:#7b341e; }
/* تأثير hover */
.wbp-fcard__box:hover .wbp-fcard__icon {
  background:var(--t-primary,#6b2d5e);
  color:#fff;
}

/* معلومات */
.wbp-fcard__info {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  flex:1;
}
.wbp-fcard__view {
  font-size:14px; font-weight:600;
  color:var(--t-title_color,#1a1a2e);
}
.wbp-fcard__meta {
  font-size:12px; color:#9ca3af;
  direction:ltr; text-align:left;
}

@media (max-width:600px) {
  .wbp-fcard__title { font-size:14px; }
  .wbp-fcard__view  { font-size:13px; }
  .wbp-fcard__icon  { width:44px; height:44px; font-size:20px; }
}
/* variant */

.wbp-products-smart {
  padding: clamp(48px,6vw,80px) 0;
  background: var(--t-section_bg, #fff);
}
.wbp-products-smart[data-bg="alt"]  { background: var(--t-alt_bg, #F8FAFC); }
.wbp-products-smart[data-bg="dark"] { background: var(--t-hero_bg_1, #0D1B2A); }
.wbp-products-smart__head {
  display: flex; justify-content: space-between; align-items: flex-end;
  margin-bottom: 32px; gap: 16px; flex-wrap: wrap;
}
.wbp-products-smart__title {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 900; color: var(--t-title_color, #0D1B2A);
  margin: 0 0 8px;
}
.wbp-products-smart__sub {
  font-size: 15px; color: var(--t-body_color, #64748B); margin: 0;
}
.wbp-products-smart__view-all {
  font-size: 14px; font-weight: 700;
  color: var(--t-accent, #0EA5E9);
  text-decoration: none; white-space: nowrap;
}
.wbp-products-smart__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}
.wbp-pcard {
  background: var(--t-card_bg, #fff);
  border: 1px solid var(--t-card_ln, #E2E8F0);
  border-radius: var(--t-radius_card, 16px);
  overflow: hidden;
  display: flex; flex-direction: column;
  box-shadow: var(--t-card_sh, 0 4px 20px rgba(0,0,0,.05));
  transition: transform .2s, box-shadow .2s;
}
.wbp-pcard:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,.1);
}
.wbp-pcard__cover {
  position: relative; aspect-ratio: 16/9; overflow: hidden;
}
.wbp-pcard__cover img {
  width: 100%; height: 100%; object-fit: cover;
}
.wbp-pcard__cover-placeholder {
  width: 100%; height: 100%;
  background: var(--t-alt_bg, #F8FAFC);
  display: flex; align-items: center; justify-content: center;
  font-size: 40px;
}
.wbp-pcard__type-badge {
  position: absolute; top: 10px; right: 10px;
  background: var(--t-primary, #1B3A5C);
  color: #fff; font-size: 11px; font-weight: 800;
  padding: 3px 10px; border-radius: 20px;
}
.wbp-pcard__type-badge--program { background: var(--t-accent, #0EA5E9); }
.wbp-pcard__type-badge--training { background: var(--t-success, #059669); }
.wbp-pcard__type-badge--bundle { background: #7C3AED; }
.wbp-pcard__body {
  padding: 18px; display: flex; flex-direction: column; flex: 1;
}
.wbp-pcard__title {
  font-size: 16px; font-weight: 800;
  color: var(--t-title_color, #0D1B2A); margin: 0 0 8px;
  line-height: 1.4;
}
.wbp-pcard__sub {
  font-size: 13px; color: var(--t-body_color, #64748B);
  margin: 0 0 12px; line-height: 1.6;
}
.wbp-pcard__spacer { flex: 1; }
.wbp-pcard__footer {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; padding-top: 12px;
  border-top: 1px solid var(--t-card_ln, #E2E8F0);
}
.wbp-pcard__price {
  font-size: 16px; font-weight: 900;
  color: var(--t-primary, #1B3A5C);
}
.wbp-pcard__cta {
  display: inline-flex; align-items: center;
  background: var(--t-cta, #1B3A5C); color: var(--t-cta_text, #fff);
  padding: 8px 16px; border-radius: var(--t-radius_btn, 10px);
  font-size: 13px; font-weight: 800;
  text-decoration: none; transition: background .15s;
}
.wbp-pcard__cta:hover { background: var(--t-cta_hover, #122a45); }
/* Hero card */
.wbp-pcard--hero {
  position: relative; min-height: 320px;
  grid-column: 1 / -1;
}
.wbp-pcard--hero .wbp-pcard__bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
}
.wbp-pcard--hero .wbp-pcard__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 60%);
}
.wbp-pcard--hero .wbp-pcard__body {
  position: relative; z-index: 1;
  padding: 24px; margin-top: auto;
}
.wbp-pcard--hero .wbp-pcard__title { color: #fff; font-size: 22px; }
.wbp-pcard--hero .wbp-pcard__sub   { color: rgba(255,255,255,.7); }

/* variant */

/* ══ الافتراضي = داكن ══ */
.wbp-footer-std { background: var(--t-hero_bg_1, #0D1B2A); color: rgba(255,255,255,.7); padding: clamp(40px,6vw,64px) 0 0; }

/* ══ متدرج : hero_bg_1 → hero_bg_2 — الخلفية الداكنة الوحيدة الأخرى ══ */
.wbp-footer-std[data-bg="gradient"] { background: linear-gradient(160deg, var(--t-hero_bg_1,#0D1B2A) 0%, var(--t-hero_bg_2,#1B3A5C) 100%); }

.wbp-footer-std__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.wbp-footer-std__grid[data-cols="4"] { grid-template-columns: 2fr 1fr 1fr 1fr; }
.wbp-footer-std__logo-name { font-size: 20px; font-weight: 900; color: #fff; display: block; margin-bottom: 12px; }
.wbp-footer-std__desc { font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.55); margin: 0 0 20px; }
.wbp-footer-std__social { display: flex; gap: 10px; }
.wbp-footer-std__social-link { width: 36px; height: 36px; background: rgba(255,255,255,.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .15s; }
.wbp-footer-std__social-link:hover { background: rgba(255,255,255,.2); }
.wbp-footer-std__col-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #fff; margin-bottom: 16px; }
.wbp-footer-std__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.wbp-footer-std__links a { color: rgba(255,255,255,.55); font-size: 14px; text-decoration: none; transition: color .15s; }
.wbp-footer-std__links a:hover { color: #fff; }
.wbp-footer-std__bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 20px 0; text-align: center; font-size: 13px; color: rgba(255,255,255,.4); }


.wbp-footer-std[data-bg="alt"]   { background: var(--t-alt_bg, #F8FAFC); color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="light"] { background: var(--t-section_bg, #FFFFFF); color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__logo-name,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__logo-name { color: var(--t-title_color, #0D1B2A); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__desc,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__desc { color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__col-title,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__col-title { color: var(--t-title_color, #0D1B2A); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__links a,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__links a { color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__links a:hover,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__links a:hover { color: var(--t-primary, #1B3A5C); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__social-link,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__social-link { background: rgba(0,0,0,.06); color: var(--t-primary, #1B3A5C); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__social-link:hover,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__social-link:hover { background: rgba(0,0,0,.12); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__bottom,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__bottom { border-top-color: var(--t-card_ln, #E2E8F0); color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__contact-item,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__contact-item { color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__contact-item a,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__contact-item a { color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__contact-item a:hover,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__contact-item a:hover { color: var(--t-primary, #1B3A5C); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__contact-icon,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__contact-icon { color: var(--t-primary, #1B3A5C); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__map-link,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__map-link { border-color: var(--t-card_ln, #E2E8F0); color: var(--t-body_color, #64748B); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__map-link:hover,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__map-link:hover { background: rgba(0,0,0,.05); color: var(--t-primary, #1B3A5C); border-color: var(--t-primary, #1B3A5C); }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__logo-img,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__logo-img { filter: none; }

@media (max-width: 768px) { .wbp-footer-std__grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 480px) { .wbp-footer-std__grid { grid-template-columns: 1fr !important; } }


/* ══ شريط تكوين — كان خارج قواعد القلب ══
   site.css يلوّنه rgba(255,255,255,.35) فيختفي على الخلفيات الفاتحة.
   القلب أدناه (0,3,0) يغلبها (0,1,0). القلب البنفسجي يبقى — تباينه
   على الأبيض مقبول وهو لون العلامة. */
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__tekwen-link,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__tekwen-link { color: var(--t-body_color, #64748B); opacity: .75; }
.wbp-footer-std[data-bg="alt"] .wbp-footer-std__tekwen-link:hover,
.wbp-footer-std[data-bg="light"] .wbp-footer-std__tekwen-link:hover { color: var(--t-primary, #1B3A5C); opacity: 1; }
/* variant */

.wbp-heading-block {
  padding: clamp(24px,4vw,48px) 0 0;
}
.wbp-heading-block[data-align="center"] { text-align: center; }
.wbp-heading-block[data-align="right"]  { text-align: right; }
.wbp-heading-block__tag {
  font-size: clamp(22px,3.5vw,40px);
  font-weight: 900; color: var(--t-title_color, #0D1B2A);
  margin: 0 0 10px; line-height: 1.2;
}
.wbp-heading-block__sub {
  font-size: 16px; color: var(--t-body_color, #64748B);
  margin: 0 0 16px; line-height: 1.7;
}
.wbp-heading-block__divider {
  width: 48px; height: 4px;
  background: var(--t-accent, #0EA5E9);
  border-radius: 2px; margin: 0 0 0 auto;
}
.wbp-heading-block[data-align="center"] .wbp-heading-block__divider { margin: 0 auto; }
.wbp-heading-block[data-align="right"]  .wbp-heading-block__divider { margin: 0 0 0 auto; }


/* ── أحجام مستوى العنوان (H1/H2/H3) ── */
.wbp-heading-block__tag[data-level="h1"] { font-size: clamp(28px, 4.5vw, 48px); }
.wbp-heading-block__tag[data-level="h2"] { font-size: clamp(22px, 3.5vw, 36px); }
.wbp-heading-block__tag[data-level="h3"] { font-size: clamp(18px, 2.4vw, 26px); }

/* variant */

.wbp-content-split {
  padding: clamp(48px,6vw,80px) 0;
  background: var(--t-section_bg, #fff);
}
.wbp-content-split[data-bg="alt"]  { background: var(--t-alt_bg, #F8FAFC); }
.wbp-content-split[data-bg="dark"] { background: var(--t-hero_bg_1, #0D1B2A); }
.wbp-content-split__inner {
  display: grid; grid-template-columns: 1fr 1fr;
  align-items: center; gap: clamp(32px,5vw,64px);
}
.wbp-content-split__title {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 900; color: var(--t-title_color, #0D1B2A);
  margin: 0 0 16px; line-height: 1.2;
}
.wbp-content-split__body {
  font-size: 16px; color: var(--t-body_color, #64748B);
  line-height: 1.8; margin: 0 0 24px;
}
.wbp-content-split__features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.wbp-content-split__btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--t-cta, #1B3A5C); color: var(--t-cta_text, #fff);
  padding: 13px 26px; border-radius: var(--t-radius_btn, 10px);
  font-size: 15px; font-weight: 800;
  text-decoration: none; transition: all .2s;
}
.wbp-content-split__btn:hover { background: var(--t-cta_hover, #122a45); }
.wbp-content-split__img {
  width: 100%; border-radius: var(--t-radius_card, 16px);
  box-shadow: 0 20px 60px rgba(0,0,0,.12);
}
.wbp-content-split__img[data-style="rounded"] { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.wbp-content-split__img-wrap { position: relative; }
.wbp-content-split__cert-badge {
  position: absolute; bottom: -16px; right: -16px;
  background: #fff; border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: 12px 16px;
  display: flex; align-items: center; gap: 10px;
}
@media (max-width: 768px) {
  .wbp-content-split__inner { grid-template-columns: 1fr; }
}

/* variant */

/* ══════════════════════════════════════════════════════════════════
   زر واتساب عائم — إطار موقع
   ────────────────────────────────────────────────────────────────
   لا رقم = لا زر : data-num="" يخفيه. لا شرط في PL/SQL ولا JS —
   INJECT يضع الرقم أو فراغاً، والـCSS يقرر.
   ══════════════════════════════════════════════════════════════════ */
.wbp-wa-fab { position: fixed; bottom: 22px; z-index: 900; }
.wbp-wa-fab[data-num=""] { display: none; }
.wbp-wa-fab[data-pos="right"] { right: 22px; }
.wbp-wa-fab[data-pos="left"]  { left: 22px; }

.wbp-wa-fab__btn {
  display: flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; color: #fff; font-size: 28px;
  text-decoration: none; position: relative;
  box-shadow: 0 6px 20px rgba(37,211,102,.4);
  transition: transform .18s, box-shadow .18s;
}
.wbp-wa-fab[data-style="primary"] .wbp-wa-fab__btn {
  background: var(--t-primary, #1B3A5C);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.wbp-wa-fab__btn:hover { transform: scale(1.08); box-shadow: 0 8px 26px rgba(37,211,102,.55); }
.wbp-wa-fab[data-style="primary"] .wbp-wa-fab__btn:hover { box-shadow: 0 8px 26px rgba(0,0,0,.35); }

.wbp-wa-fab__tip {
  position: absolute; bottom: 50%; transform: translateY(50%);
  background: var(--t-title_color, #0D1B2A); color: #fff;
  font-size: 13px; font-weight: 600; white-space: nowrap;
  padding: 7px 12px; border-radius: 8px;
  opacity: 0; pointer-events: none; transition: opacity .18s;
}
.wbp-wa-fab[data-pos="right"] .wbp-wa-fab__tip { right: 68px; }
.wbp-wa-fab[data-pos="left"]  .wbp-wa-fab__tip { left: 68px; }
.wbp-wa-fab__tip:empty { display: none; }
.wbp-wa-fab__btn:hover .wbp-wa-fab__tip { opacity: 1; }

@media (max-width: 600px) {
  .wbp-wa-fab { bottom: 16px; }
  .wbp-wa-fab[data-pos="right"] { right: 16px; }
  .wbp-wa-fab[data-pos="left"]  { left: 16px; }
  .wbp-wa-fab__btn { width: 50px; height: 50px; font-size: 25px; }
  .wbp-wa-fab__tip { display: none; }
}

/* variant */

.wbp-cta-dark {
  position: relative; overflow: hidden; text-align: center;
  background: linear-gradient(135deg, var(--t-hero_bg_1, #0D1B2A), var(--t-hero_bg_2, #1B3A5C));
}
.wbp-cta-dark[data-bg="accent"] { background: var(--t-accent, #0EA5E9); }
.wbp-cta-dark[data-padding="sm"] { padding: 48px 0; }
.wbp-cta-dark[data-padding="md"] { padding: 64px 0; }
.wbp-cta-dark[data-padding="lg"] { padding: 96px 0; }
.wbp-cta-dark__inner { position: relative; z-index: 1; max-width: 680px; margin: 0 auto; }
.wbp-cta-dark__title {
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 900; color: #fff; margin: 0 0 16px;
}
.wbp-cta-dark__sub {
  font-size: 17px; color: rgba(255,255,255,.8); margin: 0 0 32px;
}
.wbp-cta-dark__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.wbp-cta-dark__btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: var(--t-radius_btn, 10px);
  font-size: 15px; font-weight: 800;
  text-decoration: none; transition: all .2s; cursor: pointer; border: 0;
}
.wbp-cta-dark__btn--primary {
  background: #fff; color: var(--t-hero_bg_1, #0D1B2A);
}
.wbp-cta-dark__btn--secondary {
  background: rgba(255,255,255,.12); color: #fff;
  border: 2px solid rgba(255,255,255,.4);
}
.wbp-cta-dark__btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.wbp-cta-dark__btn--secondary:hover { background: rgba(255,255,255,.22); }


/* ── خلفيات دعوة للإجراء: فاتح / بديل / داكن / متدرج ── */
.wbp-cta-dark[data-bg="light"]    { background: var(--t-section_bg, #fff); }
.wbp-cta-dark[data-bg="alt"]      { background: var(--t-alt_bg, #F8FAFC); }
.wbp-cta-dark[data-bg="dark"]     { background: var(--t-hero_bg_1, #0D1B2A); }
.wbp-cta-dark[data-bg="gradient"] { background: linear-gradient(135deg, var(--t-hero_bg_1, #0D1B2A), var(--t-hero_bg_2, #1B3A5C)); }

/* تكيّف النص والأزرار للخلفيات الفاتحة */
.wbp-cta-dark[data-bg="light"] .wbp-cta-dark__title,
.wbp-cta-dark[data-bg="alt"]   .wbp-cta-dark__title { color: var(--t-title_color, #0D1B2A); }
.wbp-cta-dark[data-bg="light"] .wbp-cta-dark__sub,
.wbp-cta-dark[data-bg="alt"]   .wbp-cta-dark__sub   { color: var(--t-body_color, #64748B); }
.wbp-cta-dark[data-bg="light"] .wbp-cta-dark__btn--primary,
.wbp-cta-dark[data-bg="alt"]   .wbp-cta-dark__btn--primary {
  background: var(--t-cta, #1B3A5C); color: var(--t-cta_text, #fff);
}
.wbp-cta-dark[data-bg="light"] .wbp-cta-dark__btn--secondary,
.wbp-cta-dark[data-bg="alt"]   .wbp-cta-dark__btn--secondary {
  background: transparent; color: var(--t-primary, #1B3A5C);
  border-color: var(--t-primary, #1B3A5C);
}

/* إصلاح: المساحة الداخلية "كبيرة جداً" (xl) كانت بلا قاعدة → حشوة صفر */
.wbp-cta-dark[data-padding="xl"] { padding: 128px 0; }

/* variant */

.wbp-image-block {
  padding: clamp(24px,4vw,48px) 0;
  background: var(--t-section_bg, #fff);
}
.wbp-image-block__wrap {
  max-width: 900px; margin: 0 auto;
}
.wbp-image-block__wrap[data-width="narrow"] { max-width: 560px; }
.wbp-image-block__wrap[data-width="full"]   { max-width: 100%; }
.wbp-image-block__img {
  width: 100%; border-radius: var(--t-radius_card, 16px);
}
.wbp-image-block__img[data-radius="none"] { border-radius: 0; }
.wbp-image-block__img[data-shadow="true"] {
  box-shadow: 0 20px 60px rgba(0,0,0,.12);
}
.wbp-image-block__caption {
  text-align: center; font-size: 13px;
  color: var(--t-body_color, #94A3B8);
  margin-top: 10px;
}

/* variant */
.wbp-gallery{padding:clamp(48px,6vw,80px) 0;overflow:hidden}
.wbp-gallery[data-bg="white"]{background:#fff}
.wbp-gallery[data-bg="alt"]{background:var(--t-alt_bg,#F8FAFC)}
.wbp-gallery[data-bg="dark"]{background:var(--t-hero_bg_1,#0D1B2A)}
.wbp-gallery[data-bg="dark"] .wbp-gallery__title{color:#fff}
.wbp-gallery[data-bg="dark"] .wbp-gallery__sub{color:rgba(255,255,255,.7)}
.wbp-gallery__head{text-align:center;margin-bottom:32px}
.wbp-gallery__title{font-size:clamp(22px,3vw,32px);font-weight:900;color:var(--t-title_color,#0D1B2A);margin:0 0 8px}
.wbp-gallery__sub{font-size:15px;color:var(--t-body_color,#64748B);margin:0}
.wbp-carousel{position:relative;overflow:hidden}
.wbp-carousel__track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}
.wbp-carousel__slide{flex:0 0 100%;max-width:100%;position:relative;overflow:hidden}
.wbp-carousel__slide img{width:100%;max-height:520px;object-fit:cover;display:block}
.wbp-carousel__caption{position:absolute;bottom:0;left:0;right:0;padding:24px 32px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff}
.wbp-carousel__caption-title{font-size:18px;font-weight:800;margin:0 0 4px}
.wbp-carousel__caption-sub{font-size:13px;opacity:.8;margin:0}
.wbp-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.15);transition:background .2s,transform .2s;font-size:14px;color:#1e293b}
.wbp-carousel__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.wbp-carousel__arrow--prev{right:16px}
.wbp-carousel__arrow--next{left:16px}
.wbp-carousel[data-show-arrows="N"] .wbp-carousel__arrow{display:none}
.wbp-carousel__dots{display:flex;justify-content:center;gap:8px;padding:16px 0 4px}
.wbp-carousel__dot{width:8px;height:8px;border-radius:50%;background:var(--t-card_ln,#E2E8F0);border:none;cursor:pointer;transition:background .2s,transform .2s;padding:0}
.wbp-carousel__dot.is-active{background:var(--t-primary,#1B3A5C);transform:scale(1.3)}
.wbp-carousel[data-show-dots="N"] .wbp-carousel__dots{display:none}
@media(max-width:768px){.wbp-carousel__arrow{width:36px;height:36px;font-size:12px}}
.wbp-gallery__title:empty + .wbp-gallery__sub { margin-top: 0; }
.wbp-gallery__head:has(.wbp-gallery__title:empty) { display: none; }
.wbp-gallery__head { padding-bottom: 0; }

/* ── خيارات معرض الصور: ارتفاع / طريقة عرض / هوامش ── */
/* الارتفاع (يتجاوز max-height الافتراضي) */
.wbp-carousel[data-img-height="short"]  .wbp-carousel__slide img { height:340px; max-height:340px; }
.wbp-carousel[data-img-height="medium"] .wbp-carousel__slide img { height:480px; max-height:480px; }
.wbp-carousel[data-img-height="tall"]   .wbp-carousel__slide img { height:620px; max-height:620px; }
.wbp-carousel[data-img-height="auto"]   .wbp-carousel__slide img { height:auto;  max-height:none; }

/* طريقة العرض: ملائمة (بلا قصّ — للصور العمودية) / تغطية */
.wbp-carousel[data-img-fit="contain"] .wbp-carousel__slide img { object-fit:contain; background:var(--t-alt_bg,#F1F5F9); }
.wbp-carousel[data-img-fit="cover"]   .wbp-carousel__slide img { object-fit:cover; }

/* الهوامش الجانبية للشرائح */
.wbp-carousel[data-side-pad="sm"] .wbp-carousel__slide { padding:0 clamp(12px,3vw,32px); }
.wbp-carousel[data-side-pad="md"] .wbp-carousel__slide { padding:0 clamp(24px,6vw,72px); }
.wbp-carousel[data-side-pad="lg"] .wbp-carousel__slide { padding:0 clamp(40px,10vw,140px); }
/* مع هامش جانبي: الصورة تأخذ زوايا مستديرة */
.wbp-carousel[data-side-pad="sm"] .wbp-carousel__slide img,
.wbp-carousel[data-side-pad="md"] .wbp-carousel__slide img,
.wbp-carousel[data-side-pad="lg"] .wbp-carousel__slide img { border-radius:var(--t-radius_card,16px); }

/* variant */
/* PARTNERS LOGO GRID — احترافي */
.wbp-partners-grid { padding: clamp(56px,8vh,88px) 0; }
.wbp-partners-grid[data-bg="alt"]   { background: var(--t-alt_bg, #F8FAFC); }
.wbp-partners-grid[data-bg="light"] { background: var(--t-section_bg, #fff); }
.wbp-partners-grid__label {
  text-align: center;
  font-size: clamp(22px,3vw,30px); font-weight: 800;
  color: var(--t-title_color, #0D1B2A);
  margin: 0 0 40px;
}
.wbp-partners-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 20px;
  max-width: 1120px; margin: 0 auto;
}
.wbp-partners-grid__grid[data-cols="3"] .wbp-partner-logo-box { flex: 0 1 340px; }
.wbp-partners-grid__grid[data-cols="4"] .wbp-partner-logo-box { flex: 0 1 250px; }
.wbp-partners-grid__grid[data-cols="5"] .wbp-partner-logo-box { flex: 0 1 194px; }
.wbp-partners-grid__grid[data-cols="6"] .wbp-partner-logo-box { flex: 0 1 158px; }
@media (max-width: 768px) {
  .wbp-partners-grid__grid .wbp-partner-logo-box,
  .wbp-partners-grid__grid[data-cols="3"] .wbp-partner-logo-box,
  .wbp-partners-grid__grid[data-cols="4"] .wbp-partner-logo-box,
  .wbp-partners-grid__grid[data-cols="5"] .wbp-partner-logo-box,
  .wbp-partners-grid__grid[data-cols="6"] .wbp-partner-logo-box { flex: 0 1 calc(50% - 10px); min-height: 150px; }
}
.wbp-partner-logo-box {
  flex: 0 1 200px;
  background: var(--t-card_bg, #fff);
  border: 1px solid var(--t-card_ln, #EAEFF5);
  border-radius: 18px;
  display: flex; align-items: center; justify-content: center;
  padding: 16px 18px; min-height: 190px;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.wbp-partners-grid[data-bg="alt"] .wbp-partner-logo-box { background: #fff; }
.wbp-partner-logo-box:hover {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 14px 34px rgba(15,23,42,.12);
}
.wbp-partner-logo-box img {
  max-height: 140px; width: auto; max-width: 100%;
  object-fit: contain; display: block;
  transition: filter .28s ease, opacity .28s ease, transform .28s ease;
}
.wbp-partner-logo-box:hover img { transform: scale(1.04); }
.wbp-partner-logo-box__name {
  font-size: 16px; font-weight: 700;
  color: var(--t-body_color, #475569); text-align: center;
}
/* الأبيض/الأسود اختياري عبر التبديل — يكشف اللون عند المرور */
.wbp-partners-grid[data-grayscale="Y"] .wbp-partner-logo-box img { filter: grayscale(1); opacity: .7; }
.wbp-partners-grid[data-grayscale="Y"] .wbp-partner-logo-box:hover img { filter: grayscale(0); opacity: 1; }

/* ══ خلفية داكنة : الرئيسي الداكن + قلب النص والصناديق ══ */
.wbp-partners-grid[data-bg="dark"] { background: var(--t-hero_bg_1, #0D1B2A); }
.wbp-partners-grid[data-bg="dark"] .wbp-partners-grid__label { color: #fff; }
.wbp-partners-grid[data-bg="dark"] .wbp-partner-logo-box { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
.wbp-partners-grid[data-bg="dark"] .wbp-partner-logo-box:hover { border-color: transparent; box-shadow: 0 14px 34px rgba(0,0,0,.35); }
.wbp-partners-grid[data-bg="dark"] .wbp-partner-logo-box__name { color: rgba(255,255,255,.85); }

/* ══════════════════════════════════════════════════════════════════
   طبقة تصحيح 56 — flexbox فعلي (تغلب أي grid سابق بالترتيب المتأخّر)
   ══════════════════════════════════════════════════════════════════ */
.wbp-partners-grid__grid {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 1120px;
  margin: 0 auto;
  grid-template-columns: none !important;
}
/* الحجم : كبير/متوسط/صغير عبر data-cols (4/5/6) */
.wbp-partners-grid__grid[data-cols="4"] .wbp-partner-logo-box { flex: 0 1 250px !important; }
.wbp-partners-grid__grid[data-cols="5"] .wbp-partner-logo-box { flex: 0 1 194px !important; }
.wbp-partners-grid__grid[data-cols="6"] .wbp-partner-logo-box { flex: 0 1 158px !important; }
.wbp-partner-logo-box { flex: 0 1 200px; }

@media (max-width: 768px) {
  .wbp-partners-grid__grid[data-cols="4"] .wbp-partner-logo-box,
  .wbp-partners-grid__grid[data-cols="5"] .wbp-partner-logo-box,
  .wbp-partners-grid__grid[data-cols="6"] .wbp-partner-logo-box { flex: 0 1 calc(50% - 10px) !important; min-height: 150px; }
}


.wbp-partners-grid[data-bg="dark"] .wbp-partner-logo-box {
  background: var(--t-alt_bg, #F4F8F9) !important;
  border-color: transparent !important;
}
.wbp-partners-grid[data-bg="dark"] .wbp-partner-logo-box__name {
  color: var(--t-title_color, #073540) !important;
}

/* ══ طبقة 57 : العنوان والهامش ══ */
.wbp-partners-grid[data-show-label="N"] .wbp-partners-grid__label { display: none; }
.wbp-partners-grid { padding: clamp(32px,4vh,48px) 0 !important; }
/* العنوان أقرب للشعارات */
.wbp-partners-grid__label { margin: 0 0 28px !important; }
/* variant */
.wbp-stats-cards{padding:clamp(48px,6vw,80px) 0;background:var(--t-section_bg,#fff)}
.wbp-stats-cards[data-bg="alt"]{background:var(--t-alt_bg,#F8FAFC)}
.wbp-stats-cards[data-bg="dark"]{background:var(--t-hero_bg_1,#0D1B2A)}
.wbp-stats-cards[data-bg="dark"] .wbp-stats-cards__title,
.wbp-stats-cards[data-bg="dark"] .wbp-stat-card__value,
.wbp-stats-cards[data-bg="dark"] .wbp-stat-card__label{color:#fff}
.wbp-stats-cards__head{text-align:center;margin-bottom:36px}
.wbp-stats-cards__title{font-size:clamp(22px,3vw,32px);font-weight:900;color:var(--t-title_color,#0D1B2A);margin:0 0 8px}
.wbp-stats-cards__sub{font-size:15px;color:var(--t-body_color,#64748B);margin:0}
.wbp-stats-cards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.wbp-stats-cards__grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
.wbp-stats-cards__grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.wbp-stats-cards__grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}
/* البطاقة — تخطيط عمودي وسطى */
.wbp-stat-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:10px;
  background:var(--t-card_bg,#fff);
  border:1px solid var(--t-card_ln,#E2E8F0);
  border-radius:var(--t-radius_card,16px);
  padding:28px 20px;
  box-shadow:var(--t-card_sh,0 4px 20px rgba(0,0,0,.05));
  transition:transform .2s,box-shadow .2s}
.wbp-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
/* الأيقونة */
.wbp-stat-card__icon-wrap{font-size:28px;line-height:1;color:var(--t-primary,#1B3A5C)}
.wbp-stat-card__icon-wrap .fa{color:var(--t-primary,#1B3A5C)}
/* الأرقام والوصف */
.wbp-stat-card__body{display:flex;flex-direction:column;align-items:center;gap:4px}
.wbp-stat-card__value{
  font-size:clamp(28px,3vw,42px);font-weight:900;
  color:var(--t-title_color,#0D1B2A);line-height:1}
.wbp-stat-card__label{
  font-size:13px;font-weight:600;
  color:var(--t-body_color,#64748B)}
@media(max-width:768px){.wbp-stats-cards__grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.wbp-stats-cards__grid{grid-template-columns:1fr!important}}