body.dark-mode * {
    color: #fff !important;
}

body.dark-mode .bg-white {
    background-color: rgb(32, 32, 32);
}

body.dark-mode .slide--cat-entry,
body.dark-mode .s-product-card-entry,
body.dark-mode .s-block--features__item,
.dark-mode .brand-item,
.dark-mode .s-reviews-testimonial,
.dark-mode .store-footer {
    color: #fff !important;
    background-color: rgb(32, 32, 32);
}

/* إضافة خلفية سوداء للقائمة */
body.dark-mode .menu {
    background-color: #000; /* اللون الأسود للقائمة */
}

.dark-mode .bg-gray-100,
.dark-mode .s-modal-body {
    color: #fff !important;
    background-color: rgb(42, 42, 42);
}

.dark-mode .s-button-primary-outline {
    background-color: rgb(42, 42, 42);
}

.dark-mode .store-footer__inner,
.dark-mode .s-button-light-outline {
    background-color: rgb(42, 42, 42) !important;
    color: #fff;
}

.dark-mode .s-modal-close {
    background-color: transparent !important;
}

.dark-mode {
    --color-primary: #7dc4d1;
    --color-primary-dark: #40a3c7;
    --color-primary-light: #2aa9c0;
    --color-primary-reverse: #ccffff;