/* RDC Navbar — التصميم من فيجما (ARDCO UI 2: Nav / Nav white / Mobile Burger Menu)
   الألوان والمقاسات كلها متغيرات فوق، والنسخة البيضا بتغيّر المتغيرات بس. */

.rdc-nav {
  --rdc-nav-font: 'kermes', 'Kermes Family', 'Kermes', sans-serif;
  --rdc-nav-fg: #000;
  --rdc-nav-lang: rgba(112, 138, 97, .5);
  --rdc-nav-lang-hover: #708a61;
  --rdc-nav-lang-short: #708a61;
  --rdc-nav-pad: clamp(24px, 4.444vw, 64px);
  --rdc-nav-logo-w: 240px;
  --rdc-nav-logo-h: 69px;
  --rdc-nav-rating-h: 40px;
  --rdc-nav-sub-bg: #f6f6f6;
  --rdc-nav-line: #d4d1c4;
  --rdc-nav-line-active: #b5945e;

  position: relative;
  z-index: 50;
  width: 100%;
  box-sizing: border-box;
  font-family: var(--rdc-nav-font);
  color: var(--rdc-nav-fg);
  background: transparent;
}
.rdc-nav--light {
  --rdc-nav-fg: #fff;
  --rdc-nav-lang: rgba(255, 255, 255, .5);
  --rdc-nav-lang-hover: #fff;
  --rdc-nav-lang-short: #fff;
}
.rdc-nav *, .rdc-nav *::before, .rdc-nav *::after { box-sizing: border-box; }
.rdc-nav ul { list-style: none; margin: 0; padding: 0; }
.rdc-nav a { text-decoration: none; box-shadow: none; }
.rdc-nav button {
  appearance: none; background: none; border: 0; border-radius: 0; margin: 0; padding: 0;
  font: inherit; color: inherit; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: normal;
}
.rdc-nav button:hover, .rdc-nav button:focus { background: none; color: inherit; }
.rdc-nav img { display: block; max-width: none; border: 0; box-shadow: none; }
.rdc-nav :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* الحاوية اللي بتنتقل لها قائمة الموبايل بآخر الصفحة */
.rdc-nav.rdc-nav--portal { position: static; z-index: auto; width: auto; height: 0; color: #000; }

/* فوق الهيرو (النسخة البيضا عادة): ما بياخد مكان بالصفحة */
.rdc-nav--overlay {
  position: absolute;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  right: 0;
}
/* الكونتينر اللي فيه الويدجت: عرض كامل وبدون حواف، وما بيقيّد مكان النافبار */
.e-con:has(> .elementor-widget-rdc-navbar),
.e-con-inner:has(> .elementor-widget-rdc-navbar) {
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
  --content-width: 100%;
  --width: 100%;
  max-width: 100%;
}
.elementor-widget-rdc-navbar { width: 100%; max-width: 100%; }
.e-con:has(.rdc-nav--overlay),
.e-con-inner:has(.rdc-nav--overlay),
.elementor-widget-rdc-navbar:has(.rdc-nav--overlay),
.elementor-widget-rdc-navbar:has(.rdc-nav--overlay) > .elementor-widget-container {
  position: static !important;
}

/* ---------- الشريط ---------- */
.rdc-nav__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: var(--rdc-nav-pad) var(--rdc-nav-pad) 0;
}

.rdc-nav__brand { display: flex; align-items: center; gap: 32px; flex: 0 0 auto; min-width: 0; }
.rdc-nav__logo { display: block; flex: 0 0 auto; }
.rdc-nav__logo img { width: var(--rdc-nav-logo-w); height: var(--rdc-nav-logo-h); object-fit: contain; }
.rdc-nav__rating { display: block; flex: 0 0 auto; }
.rdc-nav__rating img { height: var(--rdc-nav-rating-h); width: auto; }

/* ---------- منيو الديسكتوب ---------- */
.rdc-nav__desktop { flex: 0 1 auto; min-width: 0; }
.rdc-nav__list { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.rdc-nav__item { position: relative; flex: 0 0 auto; }

/* (.rdc-nav .x) عشان تغلب ستايل أزرار الثيم وريسيت الأزرار فوق */
.rdc-nav .rdc-nav__link,
.rdc-nav .rdc-nav__lang {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  height: 40px; min-height: 0; padding: 8px 12px; margin: 0;
  font-family: var(--rdc-nav-font);
  font-size: 14px; line-height: 32px; font-weight: 300; font-style: normal;
  letter-spacing: normal; text-transform: none;
  white-space: nowrap;
  color: var(--rdc-nav-fg);
  background: transparent;
  border: 0; border-radius: 0;
  transition: color .2s, text-shadow .2s;
}
.rdc-nav .rdc-nav__link span { font: inherit; line-height: inherit; }
.rdc-nav .rdc-nav__link,
.rdc-nav .rdc-nav__link:hover,
.rdc-nav .rdc-nav__link:focus { color: var(--rdc-nav-fg); }
.rdc-nav__link:hover,
.rdc-nav__item.has-sub:hover > .rdc-nav__link,
.rdc-nav__item.is-open > .rdc-nav__link,
.rdc-nav__item.is-current > .rdc-nav__link,
.rdc-nav__item.is-current-parent > .rdc-nav__link { text-shadow: 0 0 .6px currentColor, 0 0 .6px currentColor; }

.rdc-nav__arrow { flex: 0 0 auto; width: 12px; height: 12px; transform: rotate(-90deg); transition: transform .2s; }
.rdc-nav__item.is-open > .rdc-nav__toggle .rdc-nav__arrow { transform: rotate(90deg); }

/* زر اللغة جنب المنيو */
.rdc-nav .rdc-nav__lang,
.rdc-nav .rdc-nav__lang:focus { color: var(--rdc-nav-lang); }
.rdc-nav .rdc-nav__lang:hover { color: var(--rdc-nav-lang-hover); text-shadow: 0 0 .6px currentColor, 0 0 .6px currentColor; }

/* القائمة الفرعية (menu sub) */
.rdc-nav__sub {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 273px;
  padding: 0;
  background: var(--rdc-nav-sub-bg);
  filter: drop-shadow(0 16px 16px rgba(12, 12, 13, .1)) drop-shadow(0 4px 2px rgba(12, 12, 13, .05));
  opacity: 0; visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s, transform .18s, visibility 0s linear .18s;
  z-index: 10;
}
/* جسر صغير عشان الماوس ما يضيع بين العنصر والقائمة */
.rdc-nav__sub::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 8px; }
.rdc-nav__item.has-sub:hover > .rdc-nav__sub,
.rdc-nav__item.has-sub:focus-within > .rdc-nav__sub,
.rdc-nav__item.is-open > .rdc-nav__sub {
  opacity: 1; visibility: visible; transform: none;
  transition: opacity .18s, transform .18s, visibility 0s;
}
.rdc-nav .rdc-nav__sublink {
  display: flex; align-items: center;
  min-height: 40px; padding: 4px 12px;
  font-family: var(--rdc-nav-font);
  font-size: 14px; line-height: 32px; font-weight: 300;
  color: #000; white-space: nowrap;
  background: var(--rdc-nav-sub-bg);
  transition: background-color .15s;
}
.rdc-nav .rdc-nav__sublink:hover,
.rdc-nav .rdc-nav__sublink:focus-visible,
.rdc-nav__sub .is-current > .rdc-nav__sublink { color: #000; background: #ececec; }

/* ---------- الموبايل ---------- */
.rdc-nav__mobile-tools { display: none; align-items: center; gap: 16px; flex: 0 0 auto; }
.rdc-nav .rdc-nav__burger,
.rdc-nav .rdc-nav__burger:hover,
.rdc-nav .rdc-nav__burger:focus { display: block; width: 40px; height: 40px; min-height: 0; padding: 0; color: var(--rdc-nav-fg); background: transparent; }
.rdc-nav__burger svg { display: block; }
.rdc-nav .rdc-nav__lang--short,
.rdc-nav .rdc-nav__lang--short:hover,
.rdc-nav .rdc-nav__lang--short:focus {
  width: 32px; height: 32px; padding: 0;
  font-weight: 400; color: var(--rdc-nav-lang-short); text-shadow: none;
}

/* القائمة المفتوحة بالموبايل */
.rdc-nav__panel {
  position: fixed;
  inset: 0;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 99999;
  background: rgba(255, 255, 255, .95);
  color: #000;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  display: flex; flex-direction: column;
  padding: 48px 48px 48px;
  opacity: 0;
  transition: opacity .22s;
}
.rdc-nav__panel[hidden] { display: none; }
.rdc-nav__panel.is-visible { opacity: 1; }
/* زر الإغلاق بالزاوية المقابلة للوجو (يسار بالعربي، يمين بالإنجليزي) */
.rdc-nav .rdc-nav__close { flex: 0 0 auto; align-self: flex-end; width: 24px; height: 24px; color: #000; }
.rdc-nav .rdc-nav__close:hover, .rdc-nav .rdc-nav__close:focus { color: #000; }
.rdc-nav__close svg { display: block; }

.rdc-nav__mlist {
  display: flex; flex-direction: column; gap: 16px;
  width: 100%; max-width: 344px;
  align-self: flex-start;
  margin: 52px 0 0 !important;
  padding: 0 0 32px !important;
}
.rdc-nav .rdc-nav__mlink {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; min-height: 40px; padding: 4px 12px;
  font-family: var(--rdc-nav-font);
  font-size: 20px; line-height: 32px; font-weight: 400;
  color: #000; text-align: start;
}
.rdc-nav .rdc-nav__mlink:hover,
.rdc-nav .rdc-nav__mlink:focus { color: #000; }
.rdc-nav__mlist > .is-current > .rdc-nav__mlink,
.rdc-nav__mlist > .is-current-parent > .rdc-nav__mlink { text-shadow: 0 0 .6px currentColor, 0 0 .6px currentColor; }
.rdc-nav__mtoggle .rdc-nav__arrow { transform: rotate(90deg); }
.rdc-nav__mtoggle[aria-expanded="true"] .rdc-nav__arrow { transform: rotate(-90deg); }

.rdc-nav__msub { padding: 4px 12px 8px !important; }
.rdc-nav__msub[hidden] { display: none; }
.rdc-nav .rdc-nav__msublink {
  display: flex; align-items: center;
  min-height: 40px; padding: 4px 0;
  border-bottom: 1px solid var(--rdc-nav-line);
  font-family: var(--rdc-nav-font);
  font-size: 14px; line-height: 32px; font-weight: 400;
  color: #000;
}
.rdc-nav .rdc-nav__msublink:hover,
.rdc-nav .rdc-nav__msublink:focus-visible { color: #000; text-shadow: 0 0 .6px currentColor; }
.rdc-nav__msub .is-current > .rdc-nav__msublink { text-shadow: 0 0 .6px currentColor, 0 0 .6px currentColor; border-bottom-color: var(--rdc-nav-line-active); }

html.rdc-nav-lock, html.rdc-nav-lock body { overflow: hidden !important; }

/* ---------- المقاسات ---------- */

/* لابتوب صغير: نصغّر شوي قبل ما نحوّل للموبايل */
@media (max-width: 1366px) {
  .rdc-nav { --rdc-nav-logo-w: 210px; --rdc-nav-logo-h: 60px; --rdc-nav-rating-h: 34px; }
  .rdc-nav__brand { gap: 20px; }
  .rdc-nav__list { gap: 2px; }
  .rdc-nav__link, .rdc-nav__lang { padding: 8px 10px; }
}

/* وضع الموبايل: تحت 1024، أو لما المنيو ما بيوسع بالعرض (navbar.js بيحط is-compact) */
@media (max-width: 1024px) {
  .rdc-nav .rdc-nav__desktop { display: none; }
  .rdc-nav .rdc-nav__mobile-tools { display: flex; }
}
.rdc-nav.is-compact .rdc-nav__desktop { display: none; }
.rdc-nav.is-compact .rdc-nav__mobile-tools { display: flex; }

@media (max-width: 1024px) {
  .rdc-nav { --rdc-nav-logo-w: 167px; --rdc-nav-logo-h: 48px; --rdc-nav-rating-h: 30px; }
  .rdc-nav__bar { padding: 40px 24px 24px; }
  .rdc-nav__brand { gap: 16px; }
}
.rdc-nav.is-compact { --rdc-nav-logo-w: 167px; --rdc-nav-logo-h: 48px; --rdc-nav-rating-h: 30px; }
.rdc-nav.is-compact .rdc-nav__bar { padding: 40px 24px 24px; }

/* الموبايل حسب فيجما (إطار 440): نفس الحواف (40/24/24) ونفس اللوجو (167×48) ونفس المسافة بين القائمة واللغة (16).
   شعار S&P مش موجود بفيجما، فهو اللي بيصغر عشان يوسع جنب اللوجو. */
@media (max-width: 480px) {
  .rdc-nav { --rdc-nav-rating-h: 24px; }
  .rdc-nav__bar { gap: 12px; }
  .rdc-nav__brand { gap: 12px; }
}
@media (max-width: 414px) {
  .rdc-nav { --rdc-nav-logo-w: 150px; --rdc-nav-logo-h: 43px; --rdc-nav-rating-h: 22px; }
  .rdc-nav__brand { gap: 10px; }
  .rdc-nav__bar { gap: 10px; }
  .rdc-nav__mobile-tools { gap: 12px; }
  .rdc-nav__panel { padding: 40px 32px; }
}
@media (max-width: 374px) {
  .rdc-nav { --rdc-nav-logo-w: 128px; --rdc-nav-logo-h: 37px; --rdc-nav-rating-h: 19px; }
  .rdc-nav__bar { padding-inline: 16px; gap: 8px; }
  .rdc-nav__brand { gap: 8px; }
  .rdc-nav__mobile-tools { gap: 8px; }
  .rdc-nav__panel { padding: 32px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .rdc-nav *, .rdc-nav__panel { transition: none !important; }
}