/* -- الخيار الثاني: النمط العكسي -- */

/* 1. الزر الأساسي: "إضافة للسلة" */
.product-form salla-add-product-button button,
.s-fixed-add-cart salla-add-product-button button {
    background-color: #E5989B !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
}
.product-form salla-add-product-button button:hover,
.s-fixed-add-cart salla-add-product-button button:hover {
    background-color: #d4878a !important;
}

/* 2. الزر الثانوي: "اشتري الآن" (النمط الأبيض) */
.product-details-col salla-quick-order button {
    background-color: #ffffff !important; /* خلفية بيضاء */
    color: #E5989B !important; /* نص وردي */
    border: 2px solid #E5989B !important; /* حدود وردية */
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}
.product-details-col salla-quick-order button:hover {
    background-color: #E5989B !important; /* يمتلئ بالوردي عند المرور */
    color: #ffffff !important; /* النص يصبح أبيض */
}