/* ==========================================
   LINE GHARAM - COMPLETE HERO FIX
   SALLA TWILIGHT SLIDER
========================================== */

/* MAIN SECTION */

.s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder {
  --line-hero-height: clamp(620px, 46vw, 850px);

  display: block !important;
  position: relative !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  background-color: #f5f2ee !important;
}

/* SALLA SLIDER HOST */

.s-block--hero-slider.wide-placeholder salla-slider {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* SALLA ITEMS CONTAINER */

.s-block--hero-slider.wide-placeholder
salla-slider > [slot="items"] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

/* ACTUAL SLIDE - IMPORTANT */

.s-block--hero-slider.wide-placeholder
.swiper-lazy-wrap {
  display: block !important;
  position: relative !important;

  box-sizing: border-box !important;
  width: 100% !important;

  height: var(--line-hero-height) !important;
  min-height: var(--line-hero-height) !important;
  max-height: none !important;

  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  background-color: #f5f2ee !important;
}

/* BACKGROUND IMAGE LAYER */

.s-block--hero-slider.wide-placeholder
.swiper-lazy-wrap > .swiper-lazy {
  display: block !important;
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  min-height: 100% !important;
  max-height: none !important;

  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  transform: none !important;
}

/* IF IMAGE IS APPLIED TO WRAPPER */

.s-block--hero-slider.wide-placeholder
.swiper-lazy-wrap {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* NORMAL IMAGE ELEMENTS */

.s-block--hero-slider.wide-placeholder
.swiper-lazy-wrap img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;
}

/* SLIDE LINKS */

.s-block--hero-slider.wide-placeholder
.swiper-lazy-wrap > a {
  display: block !important;
  position: relative !important;

  width: 100% !important;
  height: 100% !important;
}

/* ==========================================
   LARGE DESKTOP 1600PX+
========================================== */

@media (min-width: 1600px) {

  .s-block--hero-slider.wide-placeholder {
    --line-hero-height: 850px;
  }

}

/* ==========================================
   DESKTOP 1024PX - 1599PX
========================================== */

@media (min-width: 1024px) and (max-width: 1599px) {

  .s-block--hero-slider.wide-placeholder {
    --line-hero-height: 700px;
  }

}

/* ==========================================
   TABLET 768PX - 1023PX
========================================== */

@media (min-width: 768px) and (max-width: 1023px) {

  .s-block--hero-slider.wide-placeholder {
    --line-hero-height: 500px;
  }

  .s-block--hero-slider.wide-placeholder
  .swiper-lazy-wrap > .swiper-lazy,
  .s-block--hero-slider.wide-placeholder
  .swiper-lazy-wrap {
    background-size: cover !important;
    background-position: center !important;
  }

  .s-block--hero-slider.wide-placeholder
  .swiper-lazy-wrap img {
    object-fit: cover !important;
  }

}

/* ==========================================
   MOBILE BELOW 768PX
========================================== */

@media (max-width: 767px) {

  .s-block--hero-slider.wide-placeholder {
    --line-hero-height: 400px;
  }

  .s-block--hero-slider.wide-placeholder
  .swiper-lazy-wrap > .swiper-lazy,
  .s-block--hero-slider.wide-placeholder
  .swiper-lazy-wrap {
    background-size: cover !important;
    background-position: center !important;
  }

  .s-block--hero-slider.wide-placeholder
  .swiper-lazy-wrap img {
    object-fit: cover !important;
  }

}

/* Hide Cash on Delivery icon in footer */

footer salla-payments img[alt*="cash" i],
footer salla-payments img[alt*="استلام"],
footer salla-payments img[src*="cash" i],
footer salla-payments img[src*="cod" i] {
    display: none !important;
}

footer salla-payments :is(li, a, span):has(> img[alt*="cash" i]),
footer salla-payments :is(li, a, span):has(> img[src*="cod" i]) {
    display: none !important;
}

/* Raed Theme - Hide phone contact in footer */

.store-footer salla-contacts a[href^="tel:"],
.store-footer salla-contacts li:has(a[href^="tel:"]),
.store-footer salla-contacts .contact-item:has(a[href^="tel:"]) {
    display: none !important;
}