/* Add custom CSS styles below */ 
/* الجزء العلوي من الهيدر */
.header-components-top {
  background-color: #efeae9 !important;
  color: #4c545c !important;
}

/* الجزء الأساسي من الهيدر */
.store-header,
.header-components,
.header-components-inner {
  background-color: #efeae9 !important;
  color: #4c545c !important;
}

/* كل النصوص داخل الهيدر */
.header-components-all * {
  color: #4c545c !important;
}


/* الذيل (لازم نعرف الكلاس حقه بنفس الطريقة) */
.footer, .site-footer, footer {
  background-color: #efeae9 !important;
  color: #4c545c !important;
}

/* الخطوط داخل الرأس */
.header-bg * {
  color: #4c545c !important;
}


/* الخلفية للذيل */
.s-block {
  box-shadow: none !important;
  border-top: none !important;
}

/* النصوص فقط داخل الذيل */
.s-block p,
.s-block span,
.s-block a,
.s-block li {
  color: #4c545c !important;
}


/* تغيير خلفية Footer Bottom */
.footer-bottom {
  background-color: #efeae9 !important; /* اللون اللي اخترتيه */
  box-shadow: none !important;           /* إزالة أي ظل */
  border-top: none !important;            /* إزالة أي خط علوي */
}

/* النصوص داخل Footer Bottom */
.footer-bottom p,
.footer-bottom span,
.footer-bottom a,
.footer-bottom li,
.footer-bottom div {
  color: #4c545c !important;             /* لون النصوص */
}


/* خلفية بار التنقل */
#mainnav,
#mainnav .menu-fixed-bar,
#mainnav .inner {
  background-color: #efeae9 !important; /* لون الخلفية */
  color: #4c545c !important;            /* لون النصوص */
}

/* النصوص داخل البار */
#mainnav p,
#mainnav span,
#mainnav a,
#mainnav li,
#mainnav button {
  color: #4c545c !important;
}