/* الهيدر فوق فيديو السلايدر في الصفحة الرئيسية */
body.index:not(.selia-scrolled) header.store-header {
    position: absolute !important;
    inset-block-start: 0 !important;
    inset-inline: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    isolation: isolate;
}

/* شريط الهيدر والقائمة الرئيسية بخلفية شفافة */
body.index:not(.selia-scrolled) header.store-header .top-navbar,
body.index:not(.selia-scrolled) header.store-header #mainnav,
body.index:not(.selia-scrolled) header.store-header .main-nav-container {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* تدرج خفيف لتحسين وضوح الروابط فوق الفيديو */
body.index:not(.selia-scrolled) header.store-header::before {
    content: "";
    position: absolute;
    inset: 0;
    height: 180px;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
    z-index: -1;
}

/* لون روابط وأيقونات الهيدر قبل التمرير */
body.index:not(.selia-scrolled) header.store-header .top-navbar a,
body.index:not(.selia-scrolled) header.store-header #mainnav a,
body.index:not(.selia-scrolled) header.store-header button,
body.index:not(.selia-scrolled) header.store-header svg {
    color: #fff !important;
    fill: #fff !important;
}

/* إزالة المسافة العلوية من أول سلايدر في الصفحة */
body.index main > section.advanced-slider--0 {
    margin-block-start: 0 !important;
    padding-block-start: 0 !important;
}

/* شريط محرر سلة يظهر في المعاينة فقط؛ يترك مساحة أعلى الهيدر */
body.index #s-theme_edit_bar ~ header.store-header {
    top: 40px !important;
}
/* شريط القائمة الرئيسي أسفل الشعار — ديسكتوب */
@media (min-width: 992px) {
  body.index header.store-header #mainnav,
  body.index header.store-header #mainnav .main-nav-container,
  body.index header.store-header #mainnav > div,
  body.index header.store-header #mainnav nav {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  /* إزالة أي لون مضاف عبر العناصر الزخرفية */
  body.index header.store-header #mainnav::before,
  body.index header.store-header #mainnav::after,
  body.index header.store-header #mainnav .main-nav-container::before,
  body.index header.store-header #mainnav .main-nav-container::after {
    background: transparent !important;
    box-shadow: none !important;
  }
}