/* Add custom CSS styles below */ 
/* زر أضف للسلة */
.s-button-element.s-button-outline {
    background: #f7d083 !important;
    color: #1e1d1a !important;
    border-color: #f7d083 !important;
}
/* الكود مخصص لقسم محدد فقط في سلة */
.offers .s-button-element.s-button-outline {
    background: #129d5a !important;
    color: #129d5a !important;
    border-color: #129d5a !important;
}
.offers .s-button-element.s-button-outline .s-button-text {
    color: #ffffff !important;
}
.offers .s-button-element.s-button-outline i,
.offers .s-button-element.s-button-outline .s-button-icon {
    color: #ffffff !important;
}
.offers .s-product-card,
.offers .s-product-card-image,
.offers .s-button-element,
.custom-product-wrapper, /* كلاس عام محتمل للمنتجات المخصصة */
.s-product-card * {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.s-enhanced-title-border::after {
    color: #f7d083 !important;
    border-color: #f7d083 !important;
}
.home-block-title .enhanced-title-border,
.home-block-title .enhanced-title-border::before,
.home-block-title .enhanced-title-border::after {
    color: #f7d083 !important;
    border-color: #f7d083 !important;
}
/* النص والأيقونة داخل الزر */
.s-button-element.s-button-outline * {
    color: #1e1d1a !important;
}

/* صندوق الأسئلة */
.single-faq{
    background: #1e1d1a !important;
    border-color: #1e1d1a !important;
}


/* عنوان السؤال */
.single-faq *{
    color: #fff !important;
}

/* ===================================
   تنسيق قسم العد التنازلي بالكامل
=================================== */

.offer-countdown-content {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-areas:
        "title timer"
        "cta description" !important;

    align-items: center !important;
    justify-content: center !important;
    column-gap: 80px !important;
    row-gap: 15px !important;

    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;

    direction: rtl !important;
}
/* توسيط المنتجات ضمن قسم عروض المنتجات */
salla-products-slider salla-slider .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;

}

/* العنوان */
.offer-countdown-title {
    grid-area: title !important;
    color: #fff !important;
    text-align: right !important;
    justify-self: end !important;
    margin: 0 !important;
}
/* تغيير لون زر المنتجات فقط */
salla-products-slider salla-add-product-button button {
    background-color: #0f0f0f !important;
    border-color: #0f0f0f !important;
    opacity: 1 !important;
}

/* تغيير لون النص */
salla-products-slider salla-add-product-button button span {
    color: #0f0f0f !important;
}

/* تغيير لون أيقونة الزر */
salla-products-slider salla-add-product-button button i {
    color: #0f0f0f !important;
}

/* الزر */
.offer-countdown-cta {
    grid-area: cta !important;
    justify-self: end !important;
    margin: 0 !important;
}

.offer-countdown-cta a,
.offer-countdown-cta button,
.offer-countdown-cta .btn {
    background: #fff !important;
    color: #f63939 !important;
    border: none !important;
    border-radius: 12px !important;
}

/* العداد */
.offer-countdown-timer {
    grid-area: timer !important;
    justify-self: start !important;
    margin: 0 !important;
}

/* الوصف */
.offer-countdown-description {
    grid-area: description !important;
    justify-self: start !important;
    color: #fff !important;
    margin: 0 !important;
}

/* ======================
   الجوال
====================== */
@media (max-width:768px){

    .offer-countdown-content{
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "cta"
            "timer"
            "description" !important;

        row-gap: 15px !important;
        text-align:center !important;
        height: 150px !important;
        padding: 0px !important;
    }

    .offer-countdown-title,
    .offer-countdown-cta,
    .offer-countdown-timer,
    .offer-countdown-description{
        justify-self:center !important;
        text-align:center !important;
    }
}