/* تحويل خلفية الموقع كاملة للون الأسود المطفي */
body, 
html, 
.app-wrapper, 
main, 
#app {
    background-color: #111111 !important;
    color: #ffffff !important;
}



/* تمييز الروابط عند التمرير باللون الأحمر الغامق الخاص بهويتك */
a:hover {
    color: #e5e7eb !important;
}

/* تعديل خلفيات الكروت وبطاقات المنتجات لتناسب الثيم الداكن */
.product-card, 
.card, 
.bg-white,
.store-block {
    background-color: #1a1a1a !important;
    border: 1px solid #2d2d2d !important;
}

/* تعديل أيقونات المتجر لتبدو واضحة باللون الأبيض أو الأحمر الغامق */
.sicon-shopping-bag, .sicon-user, .sicon-search, svg {
    fill: #ffffff !important;
    color: #e5e7eb !important;
}





/* الكارد الأساسي بلون داكن */
.s-products-slider-card {
    background-color: #0a0a0a !important; /* لون داكن جداً */
    border: 2px solid #ed1c24 !important; /* البوردر البيج */
    border-radius: 25px !important;
    padding: 15px !important;
}

/* إلغاء البوردرات الداخلية المزعجة */
.s-products-slider-card *, 
.s-products-slider-card *:after, 
.s-products-slider-card *:before {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important; /* شفافية العناصر الداخلية لتظهر خلفية الكارد الداكنة */
}

/* النصوص يجب أن تكون بيضاء لتظهر على الخلفية الداكنة */
.s-products-slider-card .product-name, 
.s-products-slider-card h3 {
    color: #ffffff !important;
}

/* السعر يبقى بالأحمر الفخم */
.s-products-slider-card .price {
    color: #cc0000 !important; 
    font-weight: 800 !important;
}

/* زر الإضافة */
.s-products-slider-card .add-to-cart-btn, 
.s-products-slider-card button {
    background-color: #ed1c24 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: bold !important;
}

/* جميع النصوص */
body,
p,
span,
div,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff !important;
}

.product-name,
.entry-title,
.s-product-card-name {
    color: #ffffff !important;
}

.price,
.s-product-card-price {
    color: ##ff0808 !important;
}

.form-label {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .625rem;
    --tw-text-opacity: 1;
    color: #ffffff;
    color: rgb(255 255 255);
}

.s-metadata-box {
    border-radius: .375rem;
    display: block;
    margin-bottom: 1.25rem;
    --tw-bg-opacity
1
: 1;
    background-color: #1a1a1a  ;
    padding: 1.25rem;
}

.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #ffffff;
    color: rgb(255 255 255);
}