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


:root{
  /* ألوان الهوية */
  --ydn-blue:#074484;     /* الأساسي */
  --ydn-gold:#fcb11a;     /* التمييز */
  --ydn-text:#1f2937;
  --ydn-muted:#6b7280;
  --ydn-bg:#ffffff;
  --ydn-shadow:0 8px 24px rgba(0,0,0,.08);

  /* خطوط وأحجام (مكبّرة لراحة القراءة) */
  --ydn-font-text:"Tajawal",system-ui,-apple-system,"Segoe UI","Roboto","Noto Sans Arabic",Arial,sans-serif;
  --ydn-font-heading:"Tajawal",system-ui,-apple-system,"Segoe UI","Roboto","Noto Sans Arabic",Arial,sans-serif;
  --ydn-font-size-topbar:1.05rem;        /* ~16.8px */
  --ydn-font-size-menu:1.20rem;          /* ~19.2px */
  --ydn-font-size-dropdown:1.12rem;      /* ~17.9px */
  --ydn-font-size-site-title:1.85rem;    /* ~29.6px */
}

/* ---------------- Topbar ---------------- */
.ydn-topbar{background:linear-gradient(90deg,var(--ydn-blue),#0b579f);color:#fff;font-size:var(--ydn-font-size-topbar)}
.ydn-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}
.ydn-topbar__info{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}
.ydn-topbar__item i{margin-inline-end:.35rem;color:var(--ydn-gold)}
.ydn-topbar__item span{font-weight:500}
.ydn-topbar__right{display:flex;align-items:center;gap:1rem}
.ydn-topbar__social{display:flex;gap:.5rem;margin:0;padding:0;list-style:none}
.ydn-topbar__social a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;transition:.25s}
.ydn-topbar__social a:hover{transform:translateY(-2px);background:rgba(255,255,255,.22)}
.ydn-topbar__auth{list-style:none;margin:0;padding:0}

/* ---------------- Header wrapper ---------------- */
.ydn-header{position:sticky;top:0;z-index:1000;background:var(--ydn-bg);box-shadow:var(--ydn-shadow);font-family:var(--ydn-font-text),sans-serif}
.ydn-header--inner .ydn-topbar{opacity:.98}

/* ---------------- Nav ---------------- */
.ydn-nav{background:var(--ydn-bg)}
.ydn-nav__container{display:flex;align-items:center;justify-content:space-between;padding:.1rem 0;gap:1rem}
.ydn-nav__brand .site-title{margin:0;font-size:var(--ydn-font-size-site-title);line-height:1.2;color:var(--ydn-blue);font-weight:800;font-family:var(--ydn-font-heading),sans-serif}

/* ---------------- Burger ---------------- */
.ydn-burger{display:none;flex-direction:column;gap:6px;background:none;border:0;padding:.25rem;cursor:pointer}
.ydn-burger span{display:block;width:26px;height:2px;background:var(--ydn-blue);transition:.3s}

/* ---------------- Menu ---------------- */
.ydn-nav__menu{display:flex;align-items:center}
.ydn-menu{display:flex;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}
.ydn-menu > li > a{
  display:inline-block;padding:.7rem .95rem;border-radius:.6rem;color:var(--ydn-text);
  font-weight:700;font-size:var(--ydn-font-size-menu);line-height:2.5rem;transition:.25s;text-decoration:none
}
.ydn-menu > li > a:hover{color:var(--ydn-blue);background:rgba(7,68,132,.08)}
.ydn-menu li.current-menu-item > a,
.ydn-menu li.current > a{color:var(--ydn-blue);box-shadow:inset 0 -2px 0 var(--ydn-gold)}

/* ضمان الحجم حتى لو الثيم فرض 14px على <li> */
.navbar-area .ydn-menu > li > a{
  font-size:var(--ydn-font-size-menu);
  line-height:2.5rem;
}

/* ---------------- Desktop dropdowns ---------------- */
.ydn-menu li.menu-item-has-children{position:relative}
.ydn-menu li.menu-item-has-children > .sub-menu{
  position:absolute;inset-inline-start:0;top:100%;min-width:240px;background:#fff;border-radius:.75rem;padding:.5rem;margin-top:.4rem;
  box-shadow:var(--ydn-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:1500;pointer-events:none
}
.ydn-menu li.menu-item-has-children:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.ydn-menu li.menu-item-has-children > .sub-menu li a{
  display:block;padding:.55rem .75rem;color:var(--ydn-text);border-radius:.5rem;font-size:var(--ydn-font-size-dropdown);font-weight:600
}
.ydn-menu li.menu-item-has-children > .sub-menu li a:hover{background:rgba(7,68,132,.06);color:var(--ydn-blue)}

/* ضمان حجم الساب منيو ضد قواعد الثيم */
.navbar-area .ydn-menu li.menu-item-has-children > .sub-menu li a{
  font-size:var(--ydn-font-size-dropdown);
}

/* ---------------- Search ---------------- */
.ydn-menu__search button{background:#f6f7fb;border:0;border-radius:.6rem;padding:.5rem .6rem;display:grid;place-items:center}
.ydn-menu__search i{font-size:1.2rem;color:var(--ydn-blue)}

/* ---------------- CTA ---------------- */
.ydn-nav__cta{display:flex;align-items:center}
.ydn-nav__cta .btn,
.ydn-nav__cta [type="button"],
.ydn-nav__cta [type="submit"]{font-size:1.05rem;font-weight:800;padding:.7rem 1.1rem;border-radius:.9rem}

/* ---------------- Search Overlay ---------------- */
.ydn-search[hidden]{display:none}
.ydn-search{position:fixed;inset:0;z-index:1800}
.ydn-search__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.ydn-search__dialog{position:relative;max-width:720px;margin:10vh auto;background:#fff;border-radius:1rem;padding:1rem;box-shadow:var(--ydn-shadow)}
.ydn-search__close{position:absolute;inset-inline-end:.5rem;top:.5rem;background:transparent;border:0;font-size:1.5rem}
.ydn-search__form{display:flex;gap:.5rem;padding:.5rem}
.ydn-search__input{flex:1;border:1px solid #e5e7eb;border-radius:.8rem;padding:.9rem 1rem;font-size:1.05rem}
.ydn-search__btn{border:0;border-radius:.8rem;padding:.8rem 1.1rem;background:var(--ydn-blue);color:#fff;font-weight:700}
.ydn-search__btn:hover{filter:brightness(1.05)}

/* ---------------- Mobile + Bootstrap fallback ---------------- */
@media (max-width: 991.98px){
  .ydn-burger{display:flex}

  /* لوحة المنيو (نظامنا) */
  .ydn-nav__menu{
    position:fixed;inset-inline:0;top:0;height:100vh;background:#fff;transform:translateX(110%);
    transition:.3s;padding:1rem;box-shadow:var(--ydn-shadow);z-index:2000;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch
  }
  .ydn-nav__menu.is-open{transform:translateX(0)}

  /* Bootstrap collapse كـ fallback */
  .ydn-nav__menu.collapse{position:static !important;height:auto !重要;transform:none !important;box-shadow:none !important;padding:0 !important;z-index:auto !important;display:none}
  .ydn-nav__menu.collapse.show{display:block}

  .ydn-menu{flex-direction:column;align-items:stretch;gap:.25rem;margin-top:3.5rem}
  .ydn-menu > li > a{padding:.95rem 1rem;font-size:1.18rem;line-height:2.4rem}

  /* 🔒 الساب منيو مخفية افتراضياً على الجوال مهما كان ستايل الثيم */
  .ydn-nav .ydn-menu li.menu-item-has-children > .sub-menu{
    position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;
    padding:.25rem 0 .5rem 0 !important;margin:.25rem 0 0 0 !important;border-inline-start:2px solid rgba(7,68,132,.08) !important;
    display:none !important;
  }
  /* تفتح فقط عندما يكون li عليه .open */
  .ydn-nav .ydn-menu li.open > .sub-menu{display:block !important}

  /* العنوان + زر السهم */
  .ydn-menu li.menu-item-has-children > a{display:flex;align-items:center;justify-content:space-between;width:100%}

  /* زر السهم النصّي ▾ (لا يعتمد على أيقونات) */
  .ydn-sub-toggle{display:inline-grid;place-items:center;width:34px;height:34px;border:0;background:transparent;margin-inline-start:.5rem;cursor:pointer}
  .ydn-sub-toggle .ydn-caret{display:inline-block;font-size:1.1rem;line-height:1;transform:rotate(0deg);transition:transform .2s ease}
  .ydn-menu li.open > .ydn-sub-toggle .ydn-caret{transform:rotate(180deg)}
}

/* ---------------- RTL Tweaks ---------------- */
[dir="rtl"] .ydn-topbar__item i{margin-inline-start:.35rem;margin-inline-end:0}
[dir="rtl"] .ydn-menu li.menu-item-has-children > .sub-menu{inset-inline-start:auto;inset-inline-end:0}

/* ---------------- NAV RESET: إزالة تعارض absolute/إظهار المحتوى ---------------- */
/* قبل التثبيت (nav-fixed) خله في التدفق الطبيعي */
.navbar-area:not(.nav-fixed),
.ydn-nav.navbar:not(.nav-fixed){
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 1100 !important;
  background: var(--ydn-bg) !important;
  min-height: unset !important;
}

/* عند التثبيت (sticky) خله fixed كامل العرض */
.navbar-area.nav-fixed,
.ydn-nav.navbar.nav-fixed{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1200 !important;
  background: var(--ydn-bg) !important;
  box-shadow: var(--ydn-shadow) !important;
}

/* تأكد أن حاوية النافبار ظاهرة كوضع Flex */
.ydn-nav__container,
.navbar-area .container{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

/* ---------------- Sticky hotfix لتوافق الثيم ---------------- */
.navbar-area{background:var(--ydn-bg) !important}
.navbar-area.nav-fixed{box-shadow:var(--ydn-shadow)}

/* ---------------- أيقونات: لا تغيّر خطوطها ---------------- */
.ydn-header *{font-family:inherit}
.ydn-header .fa,.ydn-header .fas,.ydn-header .far,.ydn-header .fal,
.ydn-header i[class^="fa"],.ydn-header i[class*=" fa-"]{font-family:"Font Awesome 6 Free","Font Awesome 5 Free" !important}
.ydn-header .fab{font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands" !important}
.ydn-header .la,.ydn-header .las,.ydn-header .lab,
.ydn-header i[class^="la"],.ydn-header i[class*=" la-"]{font-family:"Line Awesome Free" !important;font-weight:900 !important}
.ydn-header [class^="flaticon-"],.ydn-header [class*=" flaticon-"]{font-family:"flaticon","Flaticon" !important}

/* ===== Force Tajawal on navbar text (keep icon fonts intact) ===== */
.ydn-header,
.ydn-header .site-title,
.ydn-header .ydn-topbar,
.ydn-header .ydn-menu > li > a,
.ydn-header .ydn-topbar__auth,
.ydn-header .ydn-topbar__info,
.ydn-header .ydn-topbar__social a,
.ydn-header .ydn-search__input,
.ydn-header .ydn-search__btn,
.ydn-header .ydn-nav__cta,
.ydn-header a,
.ydn-header button,
.ydn-header input,
.ydn-header li,
.ydn-header ul,
.ydn-header span {
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", "Roboto", "Noto Sans Arabic", Arial, sans-serif !important;
}

/* ===== Remove bullets & extra padding in nav sub-menus ===== */
.ydn-nav .ydn-menu,
.ydn-nav .ydn-menu ul,
.ydn-nav .ydn-menu li,
.ydn-nav .ydn-menu .sub-menu,
.ydn-nav .ydn-menu .sub-menu li{
  list-style: none !important;
}

.ydn-nav .ydn-menu ul,
.ydn-nav .ydn-menu .sub-menu{
  margin: 0 !important;
  padding: 0 !important;
  padding-inline-start: 0 !important; /* LTR */
  padding-inline-end: 0 !important;   /* RTL */
}

/* بعض المتصفحات تُظهر marker حتى مع list-style:none */
.ydn-nav .ydn-menu .sub-menu > li::marker{
  content: '' !important;
}

/* (اختياري) تطبيق تاجوال على كل الموقع — إن رغبت */
:root{
  --heading-font: "Tajawal", sans-serif !important;
  --body-font: "Tajawal", sans-serif !important;
}