/* =======================
   Header overrides (RTL)
   ======================= */

/* أساسيات بسيطة */
#header { background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06); z-index:1000; }
#header .sitename { color:#111; font-weight:700; }
#header .navmenu ul { list-style:none; margin:0; padding:0; }
#header .navmenu a { text-decoration:none; color:#111; }
#header .navmenu a.active,
#header .navmenu a:hover { color:#4b76b5; }

/* سلوك القوائم المنسدلة + ظهورها */
.navmenu .dropdown-menu { 
  display:none; 
  transition:all .3s ease; 
  min-width:220px; 
  background:#fff; 
  border-radius:8px; 
  box-shadow:0 8px 24px rgba(0,0,0,.08); 
  padding:10px 0; 
  text-align:right;
}
.navmenu .dropdown-active,
.navmenu .dropdown.open .dropdown-menu,
.navmenu .dropdown:hover .dropdown-menu { 
  display:block !important; 
}
.navmenu .dropdown-menu a { display:block; padding:8px 16px; color:#333; }
.navmenu .dropdown-menu a:hover { background:#f5f7fb; }

/* موبايل */
@media (max-width:1199.98px){
  #header .navmenu ul { display:flex; flex-direction:column; gap:10px; }
  .navmenu .dropdown-menu{
    position:static !important;
    margin-right:10px;
    background:#fff;
    border-radius:6px;
    padding:10px;
    box-shadow:none;
  }
  .navmenu .dropdown ul li a{
    color:#333; padding:8px 12px; display:block;
  }
}

/* ديسكتوب: ترتيب صحيح RTL للشعار → القائمة → الأزرار */
@media (min-width:1200px){
  /* الحاوية الكبرى */
  #header .container-xl,
  #header .container-fluid.container-xl{
    display:flex;
    align-items:center;
    flex-direction:row !important; /* يمين ← يسار طبيعي */
  }

  /* ترتيب العناصر */
  #header a.logo{ 
    order:1; 
    margin-left:24px; /* مسافة بسيطة بعد الشعار */
  }
  #header #navmenu{ 
    order:2; 
  }
  #header .container-xl > .d-flex.align-items-center.gap-2{
    order:3; 
    margin-left:auto; /* دفع الأزرار للطرف الأيسر */
  }

  /* قائمة الروابط أفقية طبيعية */
  #header .navmenu ul{
    display:flex;
    flex-direction:row !important;
    gap:1.25rem;
    justify-content:flex-start;
  }

  /* القوائم المنسدلة بمحاذاة يمين */
  #header .navmenu .dropdown-menu{ right:0; left:auto; text-align:right; }

  /* قلب مؤشر السهم ليناسب RTL (اختياري) */
  #header .dropdown-indicator{ transform:scaleX(-1); display:inline-block; }
}

/* أزرار النداء (حسب ألوان هويتك) */
.btn-getstarted{
  background:#4b76b5; color:#fff; padding:9px 14px; border-radius:6px; display:inline-block;
}
.btn-getstarted:hover{ filter:brightness(.95); }
.btn-whatsapp{
  background:#25D366; color:#fff; padding:9px 14px; border-radius:6px; display:inline-block;
}
.btn-whatsapp:hover{ filter:brightness(.95); }