/* Add custom CSS styles 
/* توحيد لون الهيدر + الشريط اللي تحته + الفوتر */
:root{
  --main-color: #bb904e;
}

/* الهيدر */
header,
.site-header,
.s-header,
.app-header,
.main-header{
  background-color: var(--main-color) !important;
  border: none !important;
}

/* الشريط اللي تحت الهيدر مباشرة */
header + div,
.site-header + div,
.s-header + div,
.app-header + div{
  background-color: #bb904e !important;
}

/* في بعض ثيمات سلة يكون nav مستقل */
nav,
nav > div,
nav .container,
nav .row{
  background-color: #bb904e !important;
}

/* لو الشريط عبارة عن section */
section[class*="header"],
section[class*="nav"],
div[class*="header"],
div[class*="nav"]{
  background-color: #bb904e !important;
}

/* أيقونة الثلاث خطوط (الهامبرغر) */
header .salla-header__burger,
header .salla-header__burger *,
header [class*="burger"],
header [class*="burger"] *,
header [class*="hamburger"],
header [class*="hamburger"] * {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* إذا الأيقونة كانت صورة/ماسْك: نخليها أبيض بالفلاتر */
header .salla-header__burger,
header [class*="burger"],
header [class*="hamburger"] {
  filter: brightness(0) invert(1) !important;
}

/* الفوتر */
footer,
.site-footer,
.s-footer,
.app-footer{
  background-color: var(--main-color) !important;
  border: none !important;
}