/* تغيير خلفية المتجر الرئيسية */
#main-content {
    background-color: #422b1e !important; /* لون كريمي هادئ */
}

/* تمييز أقسام العروض والمنتجات */
.s-block {
    background-color: transparent !important;
}

}/* جعل بطاقات المنتجات تبرز بخلفية بيضاء وظل خفيف */

custom-salla-product-card {

    background: #ffffff !important;

    border-radius: 12px !important;

    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;

    overflow: hidden;

}
/* تنسيق عنوان القسم */
.s-slider-block__title-right h2 {
    font-size: 24px !important;
    font-weight: bold !important;
    color: #ffff !important; /* لون بني ترابي يناسب المنتجات الحساوية */
    position: relative;
    padding-bottom: 8px;
}

/* إضافة خط تحت العنوان */
.s-slider-block__title-right h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1000px;
    height: 3px;
    background-color: #c5a059 !important; /* لون ذهبي/لومي */
    border-radius: 2px;
}

/* Make the section title white */
.s-block__title h2 {
    color: #ffffff !important;
    font-weight: bold !important;
    position: relative;
    padding-bottom: 12px; /* Space between text and line */
    display: inline-block; /* Ensures the line is only as wide as the text */
}

/* Add the decorative line under the title */
.s-block__title h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0; /* Starts from the right because the store is in Arabic */
    width: 1000px; /* Length of the line */
    height: 3px; /* Thickness of the line */
    background-color: #c5a059 !important; /* Gold/Lime color */
    border-radius: 2px;
}


/* Change the product card content background to Beige */
.s-product-card-content {
    background-color: #e3c588 !important; /* Classic Beige */
    padding: 15px !important; /* Adds breathing space around the text */
    border-radius: 0 0 12px 12px !important; /* Rounds the bottom corners to match the card */
}

/* Optional: Make the product title color a deep brown for better contrast on beige */
.s-product-card-content-title a {
    color: #4a3427 !important;
}

/* Optional: Ensure the price section looks clean on the new background */
.s-product-card-content-sub {
    margin-top: 10px !important;
}

/* تغيير لون نصوص وروابط شريط المسار إلى الأبيض */
.s-breadcrumb-item, 
.s-breadcrumb-item a, 
.s-breadcrumb-item span {
    color: #ffffff !important;
    opacity: 1 !important; /* لضمان وضوح اللون */
}

/* تغيير لون أيقونة السهم الفاصلة إلى الأبيض */
.s-breadcrumb-arrow svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* إضافة تأثير عند تمرير الماوس على الروابط (اختياري) */
.s-breadcrumb-item a:hover {
    color: #c5a059 !important; /* يتحول للذهبي عند التمرير ليناسب هوية المتجر */
    text-decoration: underline !important;
}

/* جعل عنوان المنتج أبيض */
h1.text-xl.md\:text-2xl {
    color: #ffffff !important;
    position: relative;
    padding-bottom: 15px; /* مسافة للخط السفلي */
    display: inline-block; /* ليكون الخط على مقاس النص فقط */
}

/* إضافة الخط الذهبي تحت عنوان المنتج */
h1.text-xl.md\:text-2xl::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0; /* يبدأ من اليمين لأن المتجر عربي */
    width: 80px; /* طول الخط */
    height: 4px; /* سمك الخط */
    background-color: #c5a059 !important; /* اللون الذهبي/اللومي */
    border-radius: 2px;
}

/* تغيير لون وصف المنتج إلى Off-White */
.product__description, 
.product__description article, 
.product__description p, 
.product__description li, 
.product__description strong {
    color: #f5f5f5 !important; /* لون Off-White احترافي */
}

/* تنسيق رابط "قراءة المزيد" ليكون متناسقاً */
#btn-show-more {
    color: #c5a059 !important; /* ذهبي لتمييزه كزر أكشن */
    font-weight: bold !important;
    text-decoration: none !important;
}

/* تحسين شكل القائمة المرقمة لتظهر بالأبيض أيضاً */
.product__description ol li {
    list-style-position: inside !important;
    margin-bottom: 5px;
}
/* تغيير خلفية قسم التعليقات بالكامل */
.s-comments.s-comments-product {
    background-color: #614537 !important;
    padding: 20px !important;
    border-radius: 12px !important;
}

/* جعل جميع النصوص داخل القسم باللون Off-White */
.s-comments-product, 
.s-comments-product h1, 
.s-comments-product h2, 
.s-comments-product h3, 
.s-comments-product p, 
.s-comments-product span,
.s-comments-product label,
.s-comments-product div {
    color: #f5f5f5 !important;
}

/* تنسيق حقول الإدخال داخل نموذج التعليق (اختياري لتحسين الشكل) */
.s-comments-product input, 
.s-comments-product textarea {
    background-color: rgba(255, 255, 255, 0.1) !important; /* خلفية شفافة خفيفة */
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* تنسيق النجوم في التقييمات لتظل واضحة */
.s-comments-product .s-rating-stars {
    color: #c5a059 !important; /* لون ذهبي للنجوم */
}
/* جعل عنوان عدد المنتجات أبيض */
#page-main-title, 
#page-main-title span {
    color: #ffffff !important;
}

/* إضافة لمسة احترافية: خط ذهبي صغير تحت عدد المنتجات */
#page-main-title {
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}

#page-main-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 3px;
    background-color: #c5a059 !important;
    border-radius: 2px;
}
/* جعل رابط "عرض الكل" أبيض */
.s-slider-block__display-all {
    color: #f5f5f5 !important;
    opacity: 0.9;
    border-color: rgba(255, 255, 255, 0.3) !important; /* إذا كان هناك حدود */
}

/* تغيير لون أيقونات الأسهم (SVG) إلى الأبيض */
.s-slider-nav-arrow {
    background-color: transparent !important; /* إزالة أي خلفية سابقة */
    border: 1px solid rgba(255, 255, 255, 0.4) !important; /* إطار أبيض خفيف */
}

.s-slider-nav-arrow svg {
    fill: #f5f5f5 !important;
}

/* تأثير عند تمرير الماوس */
.s-slider-block__display-all:hover {
    color: #c5a059 !important; /* يتحول للذهبي عند التمرير */
}

.s-slider-nav-arrow:hover {
    border-color: #c5a059 !important;
}

.s-slider-nav-arrow:hover svg {
    fill: #c5a059 !important;
}
/* جعل رقم التقييم أبيض */
.s-product-card-rating span {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* اختيارياً: جعل النجمة بلون برتقالي أو ذهبي ساطع لتبرز بجانب الرقم الأبيض */
.s-product-card-rating i.sicon-star2::before {
    color: #ff9800 !important; /* لون برتقالي واضح */
}

/* تغيير لون السعر إلى الأبيض */
.text-red-800.font-bold.text-xl {
    color: #ffffff !important;
}

/* لضمان تغيير لون رمز العملة (ريال) أيضاً */
.text-red-800.font-bold.text-xl i {
    color: #ffffff !important;
}

/* تغيير خلفية الفوتر بالكامل */
.store-footer__inner {
    background-color: #261710 !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* جعل جميع النصوص والعناوين باللون الأبيض */
.store-footer__inner h3, 
.store-footer__inner p, 
.store-footer__inner span, 
.store-footer__inner b,
.store-footer__inner div {
    color: #ffffff !important;
}

/* جعل الروابط باللون الأبيض مع تأثير خفيف عند التمرير */
.store-footer__inner a {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.store-footer__inner a:hover {
    color: #c5a059 !important; /* لون ذهبي خفيف عند تمرير الماوس */
}

/* تغيير لون أيقونات التواصل الاجتماعي إلى الأبيض */
.s-social-icon svg {
    fill: #ffffff !important;
}

/* تغيير لون أيقونات التواصل (واتساب، هاتف) */
.s-contacts-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

.s-trust-badges-label, .s-trust-badges-number {
    color: #ffffff !important;
}