/* Add custom CSS styles below */ 
/* زر إضافة للسلة */
salla-add-product-button .s-button-element,
button.add-to-cart,
.add-to-cart,
.btn-add-to-cart,
.product-add-to-cart button {
    background: linear-gradient(135deg, #d6b36a 0%, #b88a35 100%) !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 12px !important;

    min-height: 54px !important;
    width: 100% !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    box-shadow: 0 6px 16px rgba(184, 138, 53, 0.25) !important;

    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

/* عند تمرير المؤشر */
salla-add-product-button .s-button-element:hover,
button.add-to-cart:hover,
.add-to-cart:hover,
.btn-add-to-cart:hover,
.product-add-to-cart button:hover {
    background: linear-gradient(135deg, #cda554 0%, #9f7225 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(159, 114, 37, 0.32) !important;
}

/* عند الضغط */
salla-add-product-button .s-button-element:active,
button.add-to-cart:active,
.add-to-cart:active,
.btn-add-to-cart:active,
.product-add-to-cart button:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(159, 114, 37, 0.25) !important;
}

/* لون أيقونة السلة */
salla-add-product-button .s-button-element svg,
.add-to-cart svg,
.btn-add-to-cart svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* إخفاء إطار الزر الأبيض القديم */
salla-add-product-button,
.product-add-to-cart {
    border: none !important;
    background: transparent !important;
}

/* زر إضافة للسلة في الجوال */
@media screen and (max-width: 767px) {

    salla-add-product-button .s-button-element {
        width: 100% !important;
        min-height: 54px !important;
        padding: 10px 18px !important;
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        gap: 9px !important;

        direction: rtl !important;
        overflow: hidden !important;

        background: linear-gradient(
            135deg,
            #d9a13d 0%,
            #bf8427 100%
        ) !important;

        color: #ffffff !important;
        border: none !important;
        border-radius: 14px !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;

        box-shadow: 0 5px 14px rgba(184, 138, 53, 0.25) !important;
    }

    /* ضبط مساحة النص ومنع التداخل أو القص */
    salla-add-product-button .s-button-element .s-button-text {
        width: auto !important;
        max-width: calc(100% - 32px) !important;
        flex: 0 1 auto !important;

        display: inline-block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* إخفاء أيقونة القالب القديمة */
    salla-add-product-button .s-button-element > i,
    salla-add-product-button .s-button-element > svg {
        display: none !important;
    }

    /* أيقونة سلة جديدة */
    salla-add-product-button .s-button-element::before {
        content: "" !important;

        display: block !important;
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        flex: 0 0 21px !important;

        background-color: #ffffff !important;

        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L21 8H6'/%3E%3C/svg%3E") !important;

        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L21 8H6'/%3E%3C/svg%3E") !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-size: contain !important;
        mask-size: contain !important;
    }

    /* تأثير الضغط */
    salla-add-product-button .s-button-element:active {
        transform: scale(0.98) !important;
    }
}

 /* لون الاآراء */
element.style {
}
.bg-store-bg-secondary {
    background-color: #fffcf7;