/* 1) بار الهيدر */
header div.flex.items-stretch.justify-between.relative {
  background-color: #7fc0cb !important;
}

/* 2) تلوين نص القسم الأول (الشعار، القوائم، إلخ) */
header div.flex.items-stretch.justify-between.relative > div:first-child * {
  color: #fef7ea !important;
}

/* 3) استثناء القسم الثاني (شريط البحث) من التلوين */
header div.flex.items-stretch.justify-between.relative > div:nth-child(2),
header div.flex.items-stretch.justify-between.relative > div:nth-child(2) * {
  background-color: initial !important;
  color: initial !important;
}

/* 4) لكن نعيد تلوين أيقونات الحساب، السلة، والريال داخل القسم الثاني */
header div.flex.items-stretch.justify-between.relative > div:nth-child(2) i.header-btn__icon,
header div.flex.items-stretch.justify-between.relative > div:nth-child(2) i.sicon-shopping-bag,
header div.flex.items-stretch.justify-between.relative > div:nth-child(2) i.sicon-user-circle,
header div.flex.items-stretch.justify-between.relative > div:nth-child(2) i.sicon-sar,
header div.flex.items-stretch.justify-between.relative > div:nth-child(2) .s-cart-summary-total {
  color: #fef7ea !important;
  fill:  #fef7ea !important;
  stroke: #fef7ea !important;
}

/* 5) إعادة تلوين الدائرة الحمراء الخاصة بعدد المكونات في السلة */
header div.flex.items-stretch.justify-between.relative
  > div:nth-child(2) .s-cart-summary-count {
  /* غيّر هالقيمة للّون الأحمر الأصلي عندك إذا مختلف */
  background-color: #e2231a !important;
  color: #fef7ea !important;
}