/* 1. استهداف شامل لكل الأزرار المحتملة */
button.s-add-to-cart-button, 
a.s-button-primary, 
.btn--primary,
.s-product-card-button,
[class*="btn-primary"] {
    /* إلغاء أي حدود أو ظلال قديمة */
    border: none !important;
    box-shadow: none !important;
    
    /* الخدعة: رسم الظل كجزء من الخلفية (أصفر فاتح 85% ثم أصفر غامق 15%) */
    background: linear-gradient(to bottom, #FFC805 0%, #FFC805 85%, #d9aa00 85%, #d9aa00 100%) !important;
    
    /* تنسيقات الخط والشكل */
    color: #5d4c00 !important;
    border-radius: 50px !important;
    padding: 15px 30px !important; /* زيادة الحشوة لتوضيح التأثير */
    font-weight: 900 !important;
    font-family: 'Tajawal', sans-serif !important;
    
    /* حركة ناعمة */
    transition: all 0.1s !important;
    transform: translateY(0) !important;
}

/* 2. لحظة الضغط */
button.s-add-to-cart-button:active, 
a.s-button-primary:active, 
.btn--primary:active,
[class*="btn-primary"]:active {
    /* عند الضغط، نحرك التدرج ليبدو الزر مسطحاً */
    background: linear-gradient(to bottom, #FFC805 0%, #FFC805 95%, #d9aa00 95%, #d9aa00 100%) !important;
    transform: translateY(3px) !important;
}

/* 3. الزر الأخضر (إضافة للسلة) */
.product-details__btn-add, .s-add-to-cart-button {
    /* أخضر فاتح ثم أخضر غامق */
    background: linear-gradient(to bottom, #96D35F 0%, #96D35F 85%, #6fa835 85%, #6fa835 100%) !important;
    color: white !important;
}

.product-details__btn-add:active, .s-add-to-cart-button:active {
    background: linear-gradient(to bottom, #96D35F 0%, #96D35F 95%, #6fa835 95%, #6fa835 100%) !important;
}