/* Add custom CSS styles below */ 
/* الرئيسية: لا نلمس الهيدر إطلاقًا */
body.home-page header.store-header,
body.home-page header.store-header #mainnav {
  background-color: inherit !important;
  color: inherit !important;
}

/* صفحات المنتجات فقط (product-single): تغيير لون الهيدر */
body.product-single header.store-header,
body.product-single header.store-header #mainnav {
  background-color: #000000 !important;  /* غيّريه للون المطلوب */
  color: #f65fff !important;
}

body.product-single header.store-header a,
body.product-single header.store-header i,
body.product-single header.store-header .header-btn__icon,
body.product-single header.store-header .s-cart-summary-icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* زر الواتساب في جميع الصفحات غير الرئيسية */
body:not(.home-page) header.store-header .contact-us button {
  background-color: #ee2897 !important;   /* وردي */
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;     /* توسيط المحتوى */
  gap: 0.25rem !important;
  border: 1px solid #ffffff !important;   /* ستروك أبيض خفيف */
  box-sizing: border-box !important;
}

/* الأيقونة باللون الأبيض */
body:not(.home-page) header.store-header .contact-us button i.sicon-whatsapp2 {
  color: #ffffff !important;
}

/* موبايل (الافتراضي) */
header.store-header .navbar-brand img {
  max-width: 150px !important;  /* مناسب للهواتف */
  height: auto !important;
}

/* تابلت */
@media (min-width: 768px) {
  header.store-header .navbar-brand img {
    max-width: 170px !important;
  }
}

/* لابتوب و ديسكتوب */
@media (min-width: 1024px) {
  header.store-header .navbar-brand img {
    max-width: 200px !important;
  }
}