/* =========================
   Header Over Hero
========================= */

/* دمج الهيدر مع البنر الرئيسي */
.store-header,
.main-header,
.header,
.site-header {
  position: absolute !important;
  top: 40px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 999 !important;
}

/* خلفية الهيدر فقط شفافة بدون التأثير على القوائم المنسدلة */
.store-header,
.main-header,
.header,
.site-header {
  background-color: transparent !important;
}

/* إزالة الفراغ بين البنر والهيدر */
section:first-of-type,
.main-slider,
.hero-slider,
.main-banner,
.s-slider-block {
  margin-top: 0 !important;
}

/* روابط المستوى الأول فقط أعلى الصفحة */
body:not(.ec-scrolled) .store-header > * > nav > ul > li > a,
body:not(.ec-scrolled) .main-header > * > nav > ul > li > a,
body:not(.ec-scrolled) .header > * > nav > ul > li > a,
body:not(.ec-scrolled) .site-header > * > nav > ul > li > a,
body:not(.ec-scrolled) .main-menu > li > a,
body:not(.ec-scrolled) .navbar > li > a,
body:not(.ec-scrolled) .header-menu > li > a,
body:not(.ec-scrolled) .s-menu > li > a,
body:not(.ec-scrolled) .s-menu-nav > li > a {
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* أيقونات أعلى الصفحة */
body:not(.ec-scrolled) .store-header svg,
body:not(.ec-scrolled) .main-header svg,
body:not(.ec-scrolled) .header svg,
body:not(.ec-scrolled) .site-header svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* عند التمرير */
body.ec-scrolled .store-header,
body.ec-scrolled .main-header,
body.ec-scrolled .header,
body.ec-scrolled .site-header {
  position: fixed !important;
  top: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.08) !important;
}

/* روابط الهيدر بعد التمرير */
body.ec-scrolled .store-header a,
body.ec-scrolled .main-header a,
body.ec-scrolled .header a,
body.ec-scrolled .site-header a {
  color: #000000 !important;
}

/* أيقونات الهيدر بعد التمرير */
body.ec-scrolled .store-header svg,
body.ec-scrolled .main-header svg,
body.ec-scrolled .header svg,
body.ec-scrolled .site-header svg {
  color: #000000 !important;
  fill: #000000 !important;
}


/* =========================
   Dropdown Menu Fix
========================= */

/* صندوق القائمة المنسدلة */
.store-header ul ul,
.main-header ul ul,
.header ul ul,
.site-header ul ul,
.store-header .sub-menu,
.main-header .sub-menu,
.header .sub-menu,
.site-header .sub-menu,
.store-header .dropdown-menu,
.main-header .dropdown-menu,
.header .dropdown-menu,
.site-header .dropdown-menu,
.store-header .mega-menu,
.main-header .mega-menu,
.header .mega-menu,
.site-header .mega-menu,
.s-menu-nav ul,
.s-menu-nav .sub-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #222222 !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.12) !important;
  z-index: 99999 !important;
}

/* إجبار كل ما داخل القائمة المنسدلة على الظهور */
.store-header ul ul *,
.main-header ul ul *,
.header ul ul *,
.site-header ul ul *,
.store-header .sub-menu *,
.main-header .sub-menu *,
.header .sub-menu *,
.site-header .sub-menu *,
.store-header .dropdown-menu *,
.main-header .dropdown-menu *,
.header .dropdown-menu *,
.site-header .dropdown-menu *,
.store-header .mega-menu *,
.main-header .mega-menu *,
.header .mega-menu *,
.site-header .mega-menu *,
.s-menu-nav ul *,
.s-menu-nav .sub-menu * {
  color: #222222 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* روابط القائمة المنسدلة */
.store-header ul ul a,
.main-header ul ul a,
.header ul ul a,
.site-header ul ul a,
.store-header .sub-menu a,
.main-header .sub-menu a,
.header .sub-menu a,
.site-header .sub-menu a,
.store-header .dropdown-menu a,
.main-header .dropdown-menu a,
.header .dropdown-menu a,
.site-header .dropdown-menu a,
.store-header .mega-menu a,
.main-header .mega-menu a,
.header .mega-menu a,
.site-header .mega-menu a,
.s-menu-nav ul a,
.s-menu-nav .sub-menu a {
  display: block !important;
  color: #222222 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 500 !important;
}

/* النصوص الداخلية داخل الروابط */
.store-header ul ul a span,
.main-header ul ul a span,
.header ul ul a span,
.site-header ul ul a span,
.store-header .sub-menu a span,
.main-header .sub-menu a span,
.header .sub-menu a span,
.site-header .sub-menu a span,
.store-header .dropdown-menu a span,
.main-header .dropdown-menu a span,
.header .dropdown-menu a span,
.site-header .dropdown-menu a span,
.store-header .mega-menu a span,
.main-header .mega-menu a span,
.header .mega-menu a span,
.site-header .mega-menu a span,
.s-menu-nav ul a span,
.s-menu-nav .sub-menu a span {
  color: #222222 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* عند المرور بالماوس */
.store-header ul ul a:hover,
.main-header ul ul a:hover,
.header ul ul a:hover,
.site-header ul ul a:hover,
.store-header .sub-menu a:hover,
.main-header .sub-menu a:hover,
.header .sub-menu a:hover,
.site-header .sub-menu a:hover,
.store-header .dropdown-menu a:hover,
.main-header .dropdown-menu a:hover,
.header .dropdown-menu a:hover,
.site-header .dropdown-menu a:hover,
.store-header .mega-menu a:hover,
.main-header .mega-menu a:hover,
.header .mega-menu a:hover,
.site-header .mega-menu a:hover,
.s-menu-nav ul a:hover,
.s-menu-nav .sub-menu a:hover {
  color: #985a2b !important;
  background: #f5f5f5 !important;
}


/* =========================
   Footer Luxury Style
========================= */