/**************** هيدر أخضر كامل ****************/

.store-header,
#main-nav,
.top-nav,
.menu-fixed-bar,
.store-header .inner,
#main-nav .inner {
    background-color: #156F68 !important; /* الأخضر */
    border-bottom: none !important;
}

/**************** إظهار اللوجو الأبيض بوضوح ****************/

.store-header .navbar-brand img,
#main-nav .navbar-brand img {
    height: 65px !important;
    width: auto !important;
    filter: brightness(10) !important; /* يخليه أبيض تماماً */
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

/* مكان اللوجو */
#main-nav .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
}

/******************* القوائم — نص أبيض *******************/

.main-menu > li > a span {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* كلمة تخفيضات */
.main-menu .offers-link span {
    color: #FFD1D1 !important;
}

/***************** أزرار السلة والحساب والبحث *****************/

.btn--gray.custom-gray,
.custom-gray,
salla-cart-summary.btn--gray.custom-gray {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    padding: 10px 16px !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

.btn--gray.custom-gray i,
.custom-gray i {
    color: #000 !important;
}

/************ عداد السلة أحمر ************/
.s-cart-summary-count {
    background-color: #f44 !important;
    color: #fff !important;
}

/**************** إزالة أي تأثيرات غريبة ****************/
.store-header::before,
.store-header::after,
#main-nav::before,
#main-nav::after {
    content: none !important;
    opacity: 0 !important;
    background: none !important;
}
/*******************************************
 * إصلاح ارتفاع سلايدر الهيرو في الموبايل
 *******************************************/
@media (max-width: 768px) {

  /* نلغي البادينج الكبير من السكشن نفسه */
  .s-block--default-home-slider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
  }

  /* نخلي السلايد يظبط على قد المحتوى بس */
  .s-block--default-home-slider .swiper-slide,
  .s-block--default-home-slider .swiper-lazy-wrap,
  .s-block--default-home-slider .swiper-slide .container {
    height: auto !important;
    min-height: 0 !important;
  }

  /* الصورة نفسها (الخلفية) - زي ما ظبطناها قبل كده */
  .s-block--default-home-slider .swiper-slide .swiper-lazy {
    background-size: contain !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    min-height: 260px !important; /* زوّد أو قلّل لو حابب */
  }

  /* نقرّب نقاط السلايدر تحت الصورة مباشرة */
  .s-block--default-home-slider .swiper-pagination {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
  }
}
/*===============================
    استبدال أيقونات لماذا تختار Sodum
    بدون تغيير مكان – بدون تغيير حجم – فقط استبدال الصورة
===============================*/

/* مكونات طبيعية 100% */
.s-block--general-features .right-side > div:nth-child(1) i {
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;
    background-image: url("https://i.ibb.co/fYq5w91P/12-1.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important; /* إخفاء الأيقونة الأصلية */
}


/* جودة تثق بها */
.s-block--general-features .right-side > div:nth-child(2) i {
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;
    background-image: url("https://i.ibb.co/S4QT1Mqv/1441.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}


/* تجارب مميزة */
.s-block--general-features .right-side > div:nth-child(3) i {
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;
    background-image: url("https://i.ibb.co/hJCGWsH4/1442-1.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}
/*=========================================
      استبدال أيقونات (مميزات المتجر)
      نفس المكان – نفس الحجم – بدون أي تغيير
=========================================*/

/* منتجات أصلية */
.s-block--main-features .box:nth-child(1) i.feature-icon {
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-image: url("https://i.ibb.co/spVyKnCR/1442.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important; /* إخفاء الأيقونة الأصلية */
}


/* طرق الدفع */
.s-block--main-features .box:nth-child(2) i.feature-icon {
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-image: url("https://i.ibb.co/nqFhPfjn/1443.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}


/* عروض حصرية */
.s-block--main-features .box:nth-child(3) i.feature-icon {
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-image: url("https://i.ibb.co/VWbBr6Xm/1444.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}

/* ===== تنسيق الفوتر العام ===== */
.store-footer.is-light.has-bg {
  background-color: #050a0c !important;  /* أسود غامق */
  position: relative;
  margin-top: 2rem;
}

/* الخلفية اللي فوق (جزء اللوجو + الوصف) */
.store-footer .full-about-block.has-overlay--before {
  background-color: #050a0c !important;
  background-image: url("https://i.ibb.co/FLFZ0Xkp/Frame-2147238545-2.png") !important;
  background-repeat: no-repeat;
  background-position: bottom top;
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 40px;
}

/* إلغاء أي طبقة تغطية رمادية */
.store-footer .full-about-block.has-overlay--before::before {
  background: transparent !important;
}

/* ألوان النصوص والروابط */
.store-footer,
.store-footer p,
.store-footer h3,
.store-footer h4 {
  color: #f9fafb !important;
}

.store-footer a {
  color: #f9fafb;
}

.store-footer a:hover {
  color: #5dd5c4; /* الأخضر تبع الهوية */
}

/* خط فاصل بسيط فوق الحقوق */
.store-footer > .flex {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}