/* --- تحسين شكل زر أضف إلى السلة ليكون أسود فخم وبارز --- */

/* 1. استهداف المكون الرئيسي من سلة وإجبار الخلفية والتعبئة */
salla-add-product-button salla-button,
salla-add-product-button salla-button[fill="outline"] {
    --color-primary: #111111 !important;
    --color-primary-rgb: 17, 17, 17 !important;
}

/* 2. تحويل الزرار الداخلي من مفرغ (Outline) إلى مصمت (Solid) */
salla-add-product-button .s-button-btn,
salla-add-product-button .s-button-outline {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    font-weight: bold !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. ضمان ظهور النصوص والأيقونات باللون الأبيض الناصع */
salla-add-product-button .s-button-btn *,
salla-add-product-button salla-button * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 4. تأثير بسيط وراقي عند تحريك الماوس أو الضغط على الزرار */
salla-add-product-button .s-button-btn:hover,
salla-add-product-button .s-button-btn:active {
    background-color: #222222 !important;
    border-color: #222222 !important;
    transform: translateY(-1px);
}