body.dark-mode {
    /* الخلفية الرئيسية للجسم باللون الأسود الداكن */
    background-color: #121212 !important; 
    color: #e0e0e0 !important; /* لون النص الافتراضي */
}

body.dark-mode .bg-white,
.dark-mode .s-comments-product,
.dark-mode .tamara-product-widget,
.dark-mode .spotii-wrapper,
.dark-mode #tabbyPromoWrapper,
.dark-mode .s-page-header, /* رأس الصفحة */
.dark-mode .store-header, /* رأس المتجر */
.dark-mode .s-block, /* البلوكات العامة */
.dark-mode .s-categories-widget-container, /* حاوية أقسام المنتجات */
.dark-mode .s-checkout-summary-block, /* ملخص الطلب */
.dark-mode .s-order-summary-block {
    /* العناصر ذات الخلفية البيضاء الأصلية */
    border-color: #282828 !important; /* حدود داكنة */
    background-color: #1e1e1e !important; /* خلفية أغمق */
    color: #e0e0e0 !important;
}

.dark-mode .s-filters-widget-container,
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: #e0e0e0 !important;
    background-color: #1e1e1e !important;
    border-color: #282828 !important; 
}

.dark-mode .form-input,
.dark-mode .s-price-range-number-input,
.dark-mode .bg-gray-100,
.dark-mode .s-modal-body,
.dark-mode .s-login-modal-input {
    /* حقول الإدخال والخلفيات الرمادية والنوافذ المنبثقة */
    color: #e0e0e0 !important;
    border-color: #282828 !important;
    background-color: #282828 !important;
}

.dark-mode .s-button-primary-outline,
.dark-mode .s-button-light-outline {
    /* أزرار الإطار الأساسية والفاتحة */
    background-color: #282828 !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .store-footer__inner {
    /* الجزء الداخلي لتذييل المتجر */
    background-color: #121212 !important; /* أسود أغمق للتذييل */
    color: #e0e0e0 !important;
}

.dark-mode .s-modal-close {
    /* زر إغلاق النافذة المنبثقة */
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

/* الأيقونات وعناصر التنقل */
.dark-mode .s-icon,
.dark-mode svg {
    /* ضمان ظهور الأيقونات بشكل واضح */
    fill: #e0e0e0 !important;
    color: #e0e0e0 !important;
}

.dark-mode a {
    /* الروابط */
    color: var(--color-primary-light, #7dc4d1) !important;
}

.dark-mode a:hover {
    color: var(--color-primary, #93d7e3) !important;
}

/* تنسيقات القوائم المنسدلة والتنقل (Desktop) */
@media only screen and (min-width: 1024px) {
    .dark-mode .main-menu li>a {
        background-color: #1e1e1e !important;
    }

    .dark-mode .main-menu .has-children li a:hover,
    .dark-mode .main-menu .has-children .has-children:hover>a {
        color: #fff !important;
        background-color: #282828 !important; /* خلفية أغمق عند التحويم */
    }
    
    .dark-mode .main-menu .has-children li a {
        background-color: #1e1e1e !important; /* خلفية القائمة المنسدلة */
    }
}

.dark-mode .s-modal-body *{
    /* ضمان لون النص داخل النوافذ المنبثقة */
    color: #e0e0e0 !important;
}

.dark-mode {
    /* المتغيرات */
    --color-primary: #7dc4d1;
    --color-primary-dark: #40a3c7;
    --color-primary-light: #2aa9c0;
    --color-primary-reverse: