@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root {
  --t-primary: #4B2D7F;
  --t-accent: #F0C040;
  --t-cta: #4B2D7F;
  --t-cta_hover: #3D2468;
  --t-cta_text: #FFFFFF;
  --t-hero_bg_1: #0D0520;
  --t-hero_bg_2: #1A0A33;
  --t-hero_text: #FFFFFF;
  --t-section_bg: #FFFFFF;
  --t-alt_bg: #F8F5FF;
  --t-title_color: #1A0A33;
  --t-subtitle_color: #4B2D7F;
  --t-body_color: #6B5E8A;
  --t-card_bg: #FFFFFF;
  --t-card_ln: #E0D5F5;
  --t-card_sh: 0 4px 20px rgba(75,45,127,0.08);
  --t-accent_light: #FEF9EC;
  --t-success: #059669;
  --t-radius_card: 18px;
  --t-radius_btn: 12px;
  --t-radius_sm: 8px;
}

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

/* site.css */

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

/* ── Reset ───────────────────────────────────────────────────────── */
*, *::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;
}

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

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

/* ════════════════════════════════════════════════════════════════════
   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="transparent"] {
  background: transparent;
  position: absolute;
  width: 100%;
}

.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;
}

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

.wbp-header[data-style="dark"] .wbp-header__logo-img,
.wbp-header[data-style="transparent"] .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,
.wbp-header[data-style="transparent"] .wbp-header__nav-link { color: rgba(255,255,255,.8); }

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

.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); }

.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);
}

.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;
}

/* ════════════════════════════════════════════════════════════════════
   SECTION BASE
   ════════════════════════════════════════════════════════════════════ */
section, .wbp-section {
  position: relative;
  width: 100%;
}

/* ════════════════════════════════════════════════════════════════════
   SHARED ELEMENTS
   ════════════════════════════════════════════════════════════════════ */
.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;
}

.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);
}

/* ════════════════════════════════════════════════════════════════════
   SCROLL ANIMATION
   ════════════════════════════════════════════════════════════════════ */
.wbp-animate {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
}

.wbp-animate.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ════════════════════════════════════════════════════════════════════
   CONTENT SPLIT
   ════════════════════════════════════════════════════════════════════ */
.wbp-content-split__img[data-style="rounded"] {
  border-radius: 50%;
  aspect-ratio: 1;
  object-fit: cover;
}

.wbp-content-split__img[data-style="square"] {
  border-radius: 16px;
  aspect-ratio: 1;
  object-fit: cover;
}

.wbp-content-split__img[data-style="rectangle"] {
  border-radius: 16px;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.wbp-content-split__img[data-style="none"] {
  border-radius: 0;
  box-shadow: none;
}

.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; }

/* ════════════════════════════════════════════════════════════════════
   PRODUCTS — قسم الدورات والبرامج
   ════════════════════════════════════════════════════════════════════ */

/* Section wrapper */
.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; }

/* Grid */
.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;
}

/* 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); }

/* Empty state */
.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;
}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .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 { display: none; }
  .wbp-header__menu-btn { display: flex; }

  .wbp-products { padding: 40px 0; }
  .wbp-products__grid { grid-template-columns: 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);
  }
}

/* ════════════════════════════════════════════════════════════════════
   FILES LIST — قسم عرض الملفات
   ════════════════════════════════════════════════════════════════════ */

.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; }

@media (max-width: 600px) {
  .wbp-file-item__btn span:not(.fa) { display: none; }
  .wbp-file-item__btn { padding: 8px 12px; }
  .wbp-file-item__name { font-size: 14px; }
}

/* ── Tekwen Brand Footer ── */
.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);    }
}

/* ── Sticky Footer — دائماً أسفل الصفحة ── */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/* الـ wrapper div للفوتر هو الابن المباشر لـ body */
body > [data-section-type="FOOTER"] {
  margin-top: auto;
}

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

/* ── CONTENT_SPLIT — صورة مستديرة ── */
.wbp-content-split__img[data-style="rounded"] {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}
.wbp-content-split__img[data-style="rectangle"] {
  border-radius: var(--t-radius_card, 16px);
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}

/* ── Footer Contact Column ── */
.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); /* أبيض على الخلفية الداكنة */
}

/* أيقونات التواصل الاجتماعي */
.wbp-footer-std__social-link .fa { font-size: 16px; }

/* ── Video Embed ── */
.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;
}

/* ── 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;
}

/* ── Video Block backgrounds ── */
.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); }
/* 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}}
/* 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-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 */

.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 */

.wbp-footer-std {
  background: var(--t-hero_bg_1, #0D1B2A);
  color: rgba(255,255,255,.7);
  padding: clamp(40px,6vw,64px) 0 0;
}
.wbp-footer-std[data-bg="light"] {
  background: var(--t-alt_bg, #F8FAFC);
  color: var(--t-body_color, #64748B);
}
.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);
}
@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; }
}

/* 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; }

/* variant */

.wbp-video-block {
  padding: clamp(24px,4vw,48px) 0;
  background: var(--t-section_bg, #fff);
}
.wbp-video-block__wrap {
  max-width: 900px; margin: 0 auto;
}
.wbp-video-block__ratio {
  position: relative; padding-top: 56.25%;
  border-radius: var(--t-radius_card, 16px);
  overflow: hidden;
}
.wbp-video-block__ratio[data-shadow="true"] {
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}
.wbp-video-block__iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%; border: 0;
}
.wbp-video-block__caption {
  text-align: center; font-size: 13px;
  color: var(--t-body_color, #94A3B8);
  margin-top: 10px;
}