/* Remove shading from main hero slider */
.s-block--hero-slider .swiper-slide .overlay-bg::after {
  background: transparent !important;
  content: none !important;
  display: none !important;
}

/* Remove shading from footer slider */
.slider-bg::before,
.slider-bg::after {
  background: none !important;
  content: none !important;
  display: none !important;
}

/* Remove shading from banner images section */
.has-overlay::after {
  background: none !important;
  content: none !important;
  display: none !important;
}

/* 1) الخلفية العامة لمنطقة الهيدر مثل TryRawLife */
header,
header.store-header {
    background-color: #F7F4EF !important;   /* الأوف وايت */
}

/* 2) الشريط العلوي (أول سطر يحتوي على الإيميل) يكون داكن */
header > div:first-child,
header.store-header > div:first-child {
    background-color: #0D5C55 !important;   /* الأخضر الداكن أو اللون الذي تريده هناك */
    color: #ffffff !important;
}

/* 3) باقي طبقات الهيدر (السيرش + الأيقونات + المنيو) أوف وايت */
header > div:not(:first-child),
header.store-header > div:not(:first-child) {
    background-color: #F7F4EF !important;
}

/* 4) صندوق البحث نفسه لا يكون أسود */
header input[type="search"],
header .search-input,
header .search-bar,
header .search-box {
    background-color: #ffffff !important;
    border: 1px solid #F7F4EF !important;
}

/* 5) شريط الأيقونات تحت السيرش (إن وجد) يبقى من نفس لون الأوف وايت */
header .navbar,
header .navigation-bar,
header .menu-bar {
    background-color: #F7F4EF !important;
}

/* خلفية عامة لكل صفحات الموقع */
body,
html,
.page-content,
.site-content,
.store-container,
.content-wrapper,
main,
section {
    background-color: #F7F4EF !important;
}


/*----------------------------------------------------
   الفوتر العلوي بالكامل — تحويله للون الأخضر الداكن
-----------------------------------------------------*/

/****************************************
* الفوتر العلوي + السفلي أخضر بالكامل
*****************************************/

/* أي بلوك فيه footer في اسم الـ class يكون أخضر */
div[class*="footer"],
section[class*="footer"] {
    background-color: #0D5C55 !important;
    color: #ffffff !important;
}

/* جميع العناصر داخل هذه البلوكات نصها أبيض */
div[class*="footer"] *,
section[class*="footer"] * {
    color: #ffffff !important;
}

/* الروابط داخل الفوتر */
div[class*="footer"] a,
section[class*="footer"] a {
    color: #ffffff !important;
}

/* الأيقونات داخل الفوتر */
div[class*="footer"] svg path,
section[class*="footer"] svg path,
div[class*="footer"] i,
section[class*="footer"] i {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* نحافظ على لوجو نيولوفر الأخضر كما هو */
img[alt*="Neolufer"],
img[alt*="Neolufer Miswak"] {
    filter: none !important;
    opacity: 1 !important;
}

.page-footer-top {
    background-color: #0D5C55 !important;
    color: #ffffff !important;
}

/* تكبير شعار Neolufer في الهيدر */
[class*="header"] [class*="logo"] img {
    width: 180px !important;  
    height: auto !important;
}