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

/* ===== 0) الهيدر: الشعار في المنتصف، القائمة في سطر مستقل، والشعار يبقى ثابتًا عند التمرير ===== */
@media (min-width: 1024px) {
  /* أ) الهيدر يتمدد مع محتواه بدل الارتفاع المقفول */
  .store-header .main-nav-container:not(.fixed-pinned) { height: auto !important; }

  /* ب) عند التمرير: يبقى شريط الشعار والأيقونات ثابتًا، والأقسام تختفي */
  .store-header .main-nav-container.fixed-pinned { height: 140px !important; }
  .store-header .main-nav-container.fixed-pinned nav.mobile-menu { display: none !important; }
  .store-header .main-nav-container.fixed-pinned .inner {
    background-color: var(--header-bg, #fff) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  }

  /* ج) الصف العلوي: الأيقونات يسارًا والشعار في المنتصف */
  .store-header .header__main-row {
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  .store-header .header__main-start { display: contents !important; }
  .store-header .header__main-row::before {
    content: "";
    width: 33.3333%;
    order: 0;
  }
  .store-header .header__brand { order: 1 !important; }
  .store-header .header__main-end { order: 2 !important; }

  /* د) القائمة تنزل سطرًا كاملاً تحت الشعار وتتوسّط الصفحة */
  .store-header nav.mobile-menu {
    order: 3 !important;
    flex: 0 0 100% !important;
    margin-top: .75rem;
  }
  .store-header .main-menu {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: .25rem 1.75rem !important;
  }
  .store-header .main-menu > li.root-level > a { white-space: nowrap !important; }
}

/* ===== 1) إطار البنر: حواف دائرية + هوامش ===== */
.advanced-slider {
  margin: 1rem 1rem 0 !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
}
@media (min-width: 768px) {
  .advanced-slider { margin: 1rem 2rem 0 !important; }
}

/* ===== 2) طبقة التدرّج الداكن خلف النص ===== */
.advanced-slider__slide { position: relative !important; }
.advanced-slider__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to left,
    rgba(0,0,0,.60) 0%,
    rgba(0,0,0,.28) 50%,
    rgba(0,0,0,0) 100%);
}
.advanced-slider__caption { z-index: 2 !important; }

/* ===== 3) ارتفاع البنر ===== */
@media (max-width: 767px) {
  .advanced-slider__slide { min-height: 70vh; max-height: 640px; }
  .advanced-slider__image {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media (min-width: 768px) {
  .advanced-slider__slide { min-height: 420px; }
}

/* ===== 4) موضع النص ===== */
.advanced-slider__caption__inner--left { justify-content: flex-start !important; }
.advanced-slider__caption .container {
  max-width: 1240px !important;
  padding-inline: 1.5rem !important;
  padding-block: 3rem !important;
}
@media (min-width: 768px) {
  .advanced-slider__caption .container { padding-inline: 3rem !important; }
}
.advanced-slider__caption__inner__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 26rem !important;
  text-align: right !important;
}

/* ===== 5) النصوص ===== */
.advanced-slider__caption__inner__content__text {
  order: 1 !important;
  font-family: Tajawal, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: #fff !important;
  margin: 0 !important;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.25));
}
.advanced-slider__caption__inner__content__heading {
  order: 2 !important;
  font-family: Tajawal, sans-serif !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  max-width: 18rem !important;
  margin: 1rem 0 0 !important;
  text-align: right !important;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.25));
}
@media (min-width: 768px) {
  .advanced-slider__caption__inner__content__text { font-size: 20px !important; }
  .advanced-slider__caption__inner__content__heading { font-size: 3.35rem !important; }
}

/* ===== 6) الزر ===== */
/* إلغاء طبقة التعبئة التي يرسمها القالب عند التمرير */
.advanced-slider__caption__inner__content__button::before,
.advanced-slider__caption__inner__content__button::after {
  content: none !important;
  display: none !important;
}
.advanced-slider__caption__inner__content__button,
.advanced-slider__caption__inner__content__button:hover,
.advanced-slider__caption__inner__content__button:focus,
.advanced-slider__caption__inner__content__button:active,
.advanced-slider__caption__inner__content__button:focus-visible {
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 2rem !important;
  padding: 12px 24px !important;
  border: 0 !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #111 !important;
  font-family: Tajawal, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: transform .25s ease !important;
}
.advanced-slider__caption__inner__content__button span,
.advanced-slider__caption__inner__content__button:hover span {
  color: #111 !important;
}
.advanced-slider .advanced-slider__caption .advanced-slider__caption__inner__content__button:hover {
  transform: scale(1.03) !important;
}