/* Add custom CSS styles below */ 
/* ============================= */
/*   تغيير لون الهيدر للون الأحمر   */
/* ============================= */

header.header-components-all.w-full.z-50.header-bg {
    background-color: #d60000 !important;
    color: #ffffff !important;
}

/* نصوص وأيقونات داخل الهيدر */
header.header-components-all.w-full.z-50.header-bg * {
    color: #ffffff !important;
}

header.header-components-all.w-full.z-50.header-bg svg path {
    fill: #ffffff !important;
}


/* ============================= */
/*   تغيير لون الفوتر للون الأحمر   */
/* ============================= */

footer.store-footer {
    background-color: #d60000 !important;
    color: #ffffff !important;
}

/* نصوص وأيقونات داخل الفوتر */
footer.store-footer * {
    color: #ffffff !important;
}

footer.store-footer svg path {
    fill: #ffffff !important;
}
/* ===== القائمة المنسدلة في الهيدر (حل مشكلة اللون الأبيض) ===== */

.nav-nav,
.nav-nav ul,
.nav-nav li,
.nav-nav a,
.dropdown-menu,
.header-components-top-menu,
.header-components-top-menu * {
    background-color: #a30000 !important; /* أحمر غامق */
    color: #ffffff !important;
}

/* اصلاح مشكلة الخلفية البيضاء داخل المنيو */
.nav-nav * {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* أيقونات المنيو */
.nav-nav svg path,
.dropdown-menu svg path {
    fill: #ffffff !important;
}

/* ===== القائمة المنسدلة داخل الهيدر ===== */

/* خلفية القائمة المنسدلة */
header.header-components-all.w-full.z-50.header-bg .sub-menu {
    background-color: #b00000 !important; /* أحمر أغمق شوي */
    color: #ffffff !important;
    border-radius: 0 0 12px 12px; /* حافة ناعمة، اختياري */
}

/* العناصر داخل القائمة: li / a / span */
header.header-components-all.w-full.z-50.header-bg .sub-menu li,
header.header-components-all.w-full.z-50.header-bg .sub-menu a,
header.header-components-all.w-full.z-50.header-bg .sub-menu span {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* لو في أي عنصر جوه المنيو عليه bg-white من الثيم */
header.header-components-all.w-full.z-50.header-bg .sub-menu .bg-white {
    background-color: #b00000 !important;
}

/* الأيقونات داخل المنيو */
header.header-components-all.w-full.z-50.header-bg .sub-menu svg path {
    fill: #ffffff !important;
}