/* ==========================================================================
   WINNERS FORGE - MASTER CSS (LIGHT PREMIUM EDITION)
   ========================================================================== */

/* =========================================
   1. رأس الصفحة (Header) 
   ========================================= */
.store-header .top-navbar {
    background-color: #531c24; /* عنابي وينرز فورج */
}

.store-header #mainnav.main-nav-container.bg-white {
    background-color: #e7d8c3 !important; /* بيج فاخر للتباين */
}

.store-header .main-nav-container .sicon-menu,
.store-header .main-nav-container .header-btn__icon,
.store-header .main-nav-container .s-cart-summary-total {
    color: #531c24; 
}

/* إزالة الخلفية البيضاء لحاوية حساب المستخدم */
.store-header salla-user-menu .s-user-menu-avatar-wrap,
.store-header salla-user-menu .s-user-menu-trigger,
.store-header salla-user-menu .s-user-menu-trigger-slot {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.store-header salla-user-menu .s-user-menu-trigger-avatar {
    mix-blend-mode: multiply; 
}

/* =========================================
   2. بطاقات المنتجات (الصفحة الرئيسية)
   ========================================= */
custom-salla-product-card.s-product-card-entry {
    border: 1px solid rgba(198, 164, 90, 0.3) !important;
    border-radius: 16px !important;
    background-color: #ffffff; 
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

custom-salla-product-card.s-product-card-entry:hover {
    transform: translateY(-6px) !important; 
    box-shadow: 0 15px 30px rgba(83, 28, 36, 0.1) !important; 
}

.s-product-card-promotion-title {
    background-color: #531c24 !important; 
    color: #C6A45A !important; 
    font-weight: bold;
    border-radius: 4px;
    padding: 6px 12px !important;
}

/* أزرار إضافة للسلة في الكروت */
custom-salla-product-card .s-button-element.s-button-btn.s-button-primary-outline {
    background-color: #C6A45A !important; 
    color: #531c24 !important; 
    border-color: #C6A45A !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

custom-salla-product-card .s-button-element.s-button-btn.s-button-primary-outline:hover {
    background-color: #531c24 !important;
    color: #e7d8c3 !important;
    border-color: #531c24 !important;
}

.s-product-card-price,
.s-product-card-sale-price h4 {
    color: #531c24 !important; 
}

custom-salla-product-card .s-product-card-wishlist-btn {
    color: #531c24 !important; 
}

/* =========================================
   3. قسم المميزات (Features)
   ========================================= */
.s-block--features__item {
    background-color: #e7d8c3; 
    border: 1px solid rgba(198, 164, 90, 0.3) !important; 
    border-radius: 16px;
    padding: 30px 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.s-block--features__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(83, 28, 36, 0.1); 
}

.s-block--features__item .feature-icon {
    background-color: #531c24; 
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px auto; 
    font-size: 32px; 
    transition: transform 0.3s ease;
}

.s-block--features__item:hover .feature-icon {
    transform: scale(1.1);
}

.s-block--features__item .feature-icon i {
    color: #C6A45A !important; 
}

.s-block--features__item h2 {
    color: #531c24 !important; 
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.s-block--features__item p {
    color: #531c24 !important; 
    opacity: 0.85; 
    font-size: 0.95rem;
    line-height: 1.6;
}

/* =========================================
   4. آراء العملاء (Testimonials)
   ========================================= */
.s-reviews-header {
    color: #531c24 !important; 
}

.s-reviews-testimonial,
.s-reviews-testimonial__inner {
    background-color: #e7d8c3 !important; 
    border: 1px solid rgba(198, 164, 90, 0.4) !important; 
    border-radius: 16px !important;
}

.s-reviews-testimonial__text p {
    color: #531c24 !important; 
    font-weight: 500 !important;
}

.s-reviews-testimonial__info h2 {
    color: #C6A45A !important; 
}

.s-rating-stars-selected svg path {
    fill: #C6A45A !important; 
}

.s-reviews-testimonial__icon {
    color: rgba(198, 164, 90, 0.5) !important; 
}

.s-reviews-testimonials-slider .s-slider-nav-arrow {
    background-color: #531c24 !important; 
    color: #e7d8c3 !important; 
    border: none !important;
}

.s-reviews-testimonials-slider .s-slider-button-icon svg path {
    fill: currentColor !important; 
}

/* إخفاء البلوك الذهبي لمعرض الأعمال */
.s-block-trust-testimonials {
    background-color: transparent !important;
}

/* =========================================
   5. الفوتر (Footer)
   ========================================= */
html body footer.store-footer,
html body .store-footer__inner {
    background: #531c24 !important;
    background-color: #531c24 !important;
    border-top: 3px solid #C6A45A !important;
}

html body .store-footer h3, 
html body .store-footer .s-contacts-title {
    color: #C6A45A !important;
    margin-bottom: 20px !important;
}

html body .store-footer p, 
html body .store-footer strong,
html body .store-footer .s-menu-footer-item,
html body .store-footer .s-contacts-item,
html body .store-footer .unicode {
    color: #e7d8c3 !important;
}

html body .store-footer .s-menu-footer-item:hover,
html body .store-footer .s-contacts-item:hover {
    color: #C6A45A !important;
}

html body .store-footer svg,
html body .store-footer svg path,
html body .store-footer .s-contacts-icon, 
html body .store-footer .s-social-icon {
    fill: #C6A45A !important;
    color: #C6A45A !important;
}

html body .store-footer .copyright-text, 
html body .store-footer .copyright-text p, 
html body .store-footer .copyright-text a {
    color: rgba(231, 216, 195, 0.7) !important;
}

html body .store-footer .s-payments-list-item {
    background-color: #ffffff !important;
    border-radius: 4px !important;
    padding: 2px !important;
}

/* ==========================================================================
   6. صفحة المنتج الفردي (SINGLE PRODUCT PAGE)
   ========================================================================== */

/* العناوين والمسار (Breadcrumbs) */
.product-single .breadcrumbs a,
.product-single .breadcrumbs li,
.product-single .breadcrumbs svg {
    color: #531c24 !important;
    fill: #531c24 !important;
}

.product-single h1 {
    color: #531c24 !important;
    font-weight: 800 !important;
}

.product-single .product-entry__sub-title {
    color: #8c7a6b !important;
    font-weight: 600 !important;
}

/* الأسعار */
.product-single .total-price,
.product-single .total-price i {
    color: #C6A45A !important; /* السعر بالذهبي للفت الانتباه */
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.product-single .before-price {
    color: #a0a0a0 !important; /* لون رمادي هادئ للسعر المشطوب */
}

/* وصف المنتج (المقالة) */
.product-single .product__description article p,
.product-single .product__description article li {
    color: #531c24 !important;
    line-height: 1.9 !important;
    font-size: 1.05rem !important;
}

.product-single .product__description article strong {
    color: #C6A45A !important; /* إبراز الكلمات العريضة بالذهبي */
}

/* الحاويات (المرفقات، السعر السفلي، الشريط اللاصق) */
.product-single section.bg-white {
    background-color: #fcfaf5 !important; /* بيج فاتح جداً جداً لكسر البياض الطبي الطبيعي */
    border: 1px solid rgba(198, 164, 90, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(83, 28, 36, 0.03) !important;
}

/* عناوين الخيارات (مثل: المرفقات، الكمية) */
.product-single .form-label b,
.product-single .sticky-product-bar__quantity label,
.product-single .fix-align {
    color: #531c24 !important;
}

/* حقل الكمية */
.product-single .s-quantity-input-container {
    border: 1px solid rgba(198, 164, 90, 0.5) !important;
    border-radius: 8px !important;
    background-color: #fff !important;
}
.product-single .s-quantity-input-button {
    color: #531c24 !important;
}

/* زر "إضافة للسلة" الرئيسي داخل صفحة المنتج */
.product-single .s-add-product-button-main .s-button-element {
    background-color: #C6A45A !important; 
    color: #531c24 !important; 
    border: none !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease !important;
}

.product-single .s-add-product-button-main .s-button-element:hover {
    background-color: #531c24 !important;
    color: #e7d8c3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(198, 164, 90, 0.4) !important;
}

/* أزرار السوشيال ميديا (مشاركة) */
.product-single .s-social-share-btn.s-button-outline {
    border-color: #C6A45A !important;
    color: #531c24 !important;
}
.product-single .s-social-share-btn.s-button-outline:hover {
    background-color: #C6A45A !important;
    color: #fff !important;
}

/* زر المفضلة */
.product-single .btn--wishlist {
    border-color: #C6A45A !important;
    color: #531c24 !important;
}
.product-single .btn--wishlist:hover {
    background-color: #531c24 !important;
    color: #e7d8c3 !important;
    border-color: #531c24 !important;
}