/* Add custom CSS styles below */


/* =========================================================
   1) روابط الوسوم والتصنيفات
   ========================================================= */

a.tag-link,
.tags a,
.related-tags a,
.breadcrumb a,
.entry-tags a {
    color: #2563EB !important;
}

/* لون الروابط عند مرور المؤشر */
a.tag-link:hover,
.tags a:hover,
.related-tags a:hover {
    color: #1D4ED8 !important;
}


/* =========================================================
   2) زر إضافة للسلة — بطاقات قوائم المنتجات فقط
   ========================================================= */

salla-products-list salla-add-product-button .s-button-element,
salla-products-list salla-add-product-button button {
    width: 100% !important;
    min-height: 38px !important;

    background: #ffffff !important;
    color: #3B4A3F !important;

    border: 1px solid #3B4A3F !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* عند مرور المؤشر */
salla-products-list salla-add-product-button .s-button-element:hover,
salla-products-list salla-add-product-button button:hover {
    background: #3B4A3F !important;
    color: #ffffff !important;
    border-color: #3B4A3F !important;
}


/* =========================================================
   3) تثبيت صور المنتجات داخل صفحات التصنيفات
   ========================================================= */

salla-products-list .card-image,
salla-products-list .card-image img,
salla-products-list .card-slide {
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* منع أي حركة عند مرور الماوس */
salla-products-list .card-image:hover,
salla-products-list .card-image:hover img,
salla-products-list .card-slide:hover,
salla-products-list .group:hover .card-slide {
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* إبقاء الصورة الأولى ثابتة */
salla-products-list .card-slide-first {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* منع ظهور صورة ثانية عند Hover */
salla-products-list .card-slide:not(.card-slide-first) {
    display: none !important;
}


/* =========================================================
   4) صندوق توضيح العرض والخصم داخل السلة
   ========================================================= */

.bonpink-cart-offer {
    width: 100%;
    box-sizing: border-box;

    margin: 12px 0 16px;
    padding: 14px 16px;

    background: #F7F5EE;
    color: #3B4A3F;

    border: 1px solid #3B4A3F;
    border-radius: 10px;

    text-align: right;
    line-height: 1.7;

    box-shadow: none;
}

/* عنوان نجاح تطبيق العرض */
.bonpink-cart-offer__title {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 5px;

    color: #3B4A3F;
    font-size: 15px;
    font-weight: 700;
}

/* علامة نجاح */
.bonpink-cart-offer__title::before {
    content: "✓";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    background: #3B4A3F;
    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;
    font-weight: 700;
}

/* اسم العرض */
.bonpink-cart-offer__name {
    margin-top: 3px;

    color: #3B4A3F;
    font-size: 13px;
    font-weight: 500;
}

/* قيمة التوفير */
.bonpink-cart-offer__saving {
    margin-top: 9px;
    padding-top: 9px;

    border-top: 1px solid rgba(59, 74, 63, 0.20);

    color: #3B4A3F;
    font-size: 14px;
}

/* رقم الخصم */
.bonpink-cart-offer__saving strong {
    font-size: 17px;
    font-weight: 800;
    color: #3B4A3F;
}