/* أيقونات المتجر في الرأس */
/* أيقونة السلة */
.store-header .sicon-cart:before {
    content: "\ef36"; /* رمز أيقونة السلة من خط Salla */
}

/* أيقونة المستخدم */
.store-header .sicon-user:before {
    content: "\f072"; /* رمز أيقونة المستخدم من خط Salla */
}

/* تغيير خلفية المتجر بالكامل للون الكحلي العميق/الأسود الفاخر */
body, .main-content, .footer {
    background-color: #0f1218 !important;
    color: #e0d5c1 !important;
}

/* تخصيص عناوين الأقسام باللون الذهبي الملكي */
.section-title h2 {
    color: #d4af37 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* تصميم زر "إضافة للسلة" ليكون مختلفاً تماماً (انسيابي ومذهب) */
.btn-add-to-cart {
    background: linear-gradient(145deg, #b8860b, #d4af37) !important;
    border: none !important;
    border-radius: 50px !important; /* شكل بيضاوي انسيابي */
    color: #000 !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.3s ease !important;
    padding: 10px 20px !important;
}

/* تأثير عند تمرير الماوس على الزر */
.btn-add-to-cart:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;
    background: linear-gradient(145deg, #d4af37, #f1c40f) !important;
}

/* تخصيص بطاقة المنتج لتظهر بشكل بارز وفخم */
.product-card {
    background-color: #1a1f26 !important;
    border: 1px solid #2c343f !important;
    border-radius: 15px !important;
    overflow: hidden;
    transition: border 0.3s ease;
}

.product-card:hover {
    border-color: #d4af37 !important;
}

/* لون السعر */
.product-price {
    color: #f1c40f !important;
    font-size: 1.1rem !important;
}

/* زر الواتساب ليناسب التصميم الفخم */
.whatsapp-contact {
    filter: contrast(1.2) brightness(0.8);

}

/* استهداف نص رأي العميل */
.reviews-slider [id="item-text"],
.reviews-slider .text-store-text-primary {
    color: #000000 !important;
}

/* استهداف اسم العميل كما في الصورة) */
.reviews-slider .items-center .text-store-text-secondary,
.reviews-slider h4 {
    color: #000000 !important;
}
/* تغيير لون السؤال (داخل المربع) إلى الأسود */
.single-faq .text-store-text-primary {
    color: #000000 !important;
}

/* تغيير لون الإجابة (داخل المربع) إلى الأسود */
.single-faq .faq-content .text-store-text-secondary {
    color: #000000 !important;
}

/* لضمان بقاء العنوان الرئيسي "الأسئلة الشائعة" باللون الأبيض */
.s-block--faq .home-block-title h2 {
    color: #FFFFFF !important;
}

/* تغيير لون نص عرض الكل والحدود إلى الذهبي */
a.btn.btn--outline-primary {
    color: #B88A4A !important;
    border-color: #B88A4A !important;
}

/* تغيير لون النص والحدود عند تمرير الماوس */
a.btn.btn--outline-primary:hover {
    color: #FFFFFF !important; /* النص يصبح أبيض عند التمرير */
    background-color: #D4AF37 !important; /* الخلفية تصبح ذهبية عند التمرير */
    border-color: #B88A4A !important;
}

/* استهداف السهم الصغير داخل الزر */
a.btn.btn--outline-primary i {
    color: #B88A4A !important;
}



/* تغيير لون الدائرة والخطوط الجانبية للعنوان */
.enhanced-title-border {
    color: #B88A4A !important;
    border-color: #B88A4A !important;
}

/* استهداف الخطوط الممتدة من الدائرة */
.enhanced-title-border::before, 
.enhanced-title-border::after {
    background-color: #B88A4A !important;
}

/* للتأكد من شمولية أي عنصر داخل هذا الكلاس */
.enhanced-title-border * {
    border-color: #B88A4A !important;
    background-color: #B88A4A !important;
}