/* Add custom CSS styles below */ 
/* 1. تغيير لون زر أضف للسلة */
[data-cart-button], 
.s-button-element, 
.btn-add-to-cart, 
.salla-button-submit,
salla-add-product-button button, 
salla-add-product-button::part(button) {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}
/* تغيير لون السعر المخصم في متجر فاين تريم */
:root, [data-cart-button], salla-product-price {
    --price-color: #28a745 !important;
    --main-color: #28a745 !important;
}

/* استهداف مباشر للأرقام والعملة داخل العنصر */
salla-product-price::part(price-after) {
    color: #28a745 !important;
}

/* في حال وجود السعر في قوائم جانبية أو بنرات */
.s-price-after, .s-price-after-amount, .s-price-after-currency {
    color: #28a745 !important;
}

/* الحفاظ على لون السعر القديم (المشطوب) رمادي كما هو */
.s-price-before, .s-price-before-amount {
    color: #a9a9a9 !important;
}