/* Add custom CSS styles below */ 
/* =========================
   1) الهيدر فقط (منطقة الشعار) لون زهري #fff0f7
   ========================= */
body .store-header #main-nav,
body .store-header .main-nav,
body .store-header .main-nav .inner,
body .store-header .main-nav__content {
  background: #fff0f7 !important;
  background-color: #fff0f7 !important;
}

/* (اختياري) أيقونات الهيدر تكون سوداء على الزهري */
body .store-header #main-nav,
body .store-header #main-nav * {
  color: #000 !important;
}

/* إزالة أي خلفية/مربع حول الشعار لو ظهر */
body .store-header .navbar-brand,
body .store-header .navbar-brand img {
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================
   2) شريط الإعلان/الماركيه تحت الهيدر: خلفية وردية + نص أسود
   ========================= */
body .s-block--marquee {
  background: #fff0f7 !important;
  background-color: #fff0f7 !important;
  color: #000 !important;
}

body .s-block--marquee * {
  color: #000 !important;
  opacity: 1 !important;
}

/* أيقونات SVG داخل الماركيه (لو كانت حمراء/بيضاء وتبهت) */
body .s-block--marquee svg,
body .s-block--marquee svg * {
  fill: #000 !important;
  stroke: #000 !important;
}
/* ========= 1) إصلاح أيقونات شريط الخصم (الماركيه) ========= */
/* ألغي إجبار svg داخل الماركيه على الأسود (هو اللي سبب الدائرة السوداء) */
body .s-block--marquee svg,
body .s-block--marquee svg * {
  fill: unset !important;
  stroke: unset !important;
}

/* خلي النص داخل الماركيه أسود وواضح */
body .s-block--marquee,
body .s-block--marquee * {
  color: #000 !important;
  opacity: 1 !important;
}

/* (اختياري) لو تبغى أيقونة % تكون حمراء دائمًا داخل الماركيه */
body .s-block--marquee svg,
body .s-block--marquee svg * {
  fill: #d60000 !important;
  stroke: #d60000 !important;
}


/* ========= 2) تثبيت لون أيقونات الهيدر (القائمة/السلة/البحث/الحساب) ========= */
/* الهيدر لونه زهري، نخلي الأيقونات سوداء وواضحة */
body .store-header #main-nav a,
body .store-header #main-nav button,
body .store-header #main-nav i,
body .store-header #main-nav svg,
body .store-header #main-nav svg * {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}
/* الخلفية الحمراء للأيقونة */
.s-block--marquee svg {
    fill: #E53935 !important; /* أحمر سلة */
}

/* علامة % باللون الأبيض */
.s-block--marquee svg path {
    fill: #ffffff !important;
}