/* Add custom CSS styles below */ 
section:first-of-type h1,
section:first-of-type h2 {
  margin-top: 90px;
}

/* تقليل المسافة فوق السكشن */
#featured-products-style2-3 {
    padding-top: 16px !important;
}

/* إزالة أي مارجن زيادة فوق التايتل */
#featured-products-style2-3 .tabs {
    margin-top: 0 !important;
}

/* =========================
   التايتل – عام
   ========================= */
#featured-products-style2-3 .tabs .tab-trigger {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

/* نص التايتل */
#featured-products-style2-3 .tabs .tab-trigger .s-button-text {
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #7a4a2e !important;
    line-height: 1.2;
    display: block;
    margin-bottom: 12px;
    text-align: center;
    max-width: 100%;
    padding: 0 16px; /* يمنع الأكل من الأطراف */
    box-sizing: border-box;
    word-break: break-word;
}
/* الوصف تحت التايتل – منع الأكل في الموبايل */
#featured-products-style2-3 .tabs .tab-trigger .s-button-text::after {
    content: "نقدّم لك أحدث النكهات والمخبوزات والحلويات التي أضفناها لقائمتنا حديثًا..";
    display: block;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 400;
    color: rgb(139,69,19);
    line-height: 28px;
    opacity: 0.7;
    text-align: center;

    /* أهم سطور الحل */
    max-width: 100%;
    padding: 0 16px;
    white-space: normal;        /* يسمح بالنزول لسطر جديد */
    word-break: break-word;     /* يكسر الكلمة لو طويلة */
    overflow-wrap: break-word;  /* دعم إضافي للموبايل */
    box-sizing: border-box;
}

/* تحسين إضافي للموبايل */
@media (max-width: 768px) {
    #featured-products-style2-3 .tabs .tab-trigger .s-button-text::after {
        font-size: 15px;
        line-height: 24px;
        padding: 0 12px;
    }
}


/* =========================
   ضبط خاص بالموبايل
   ========================= */
@media (max-width: 768px) {
    #featured-products-style2-3 .tabs .tab-trigger .s-button-text {
        font-size: 28px !important;
        padding: 0 12px;
    }

    #featured-products-style2-3 .tabs .tab-trigger .s-button-text::after {
        font-size: 15px;
        line-height: 24px;
        padding: 0 10px;
    }
}


/* =======================
   توسيط كامل العنوان والوصف داخل الكارت
   ======================= */
#best-offers-7-slider .s-slider-block__title {
    display: flex;
    flex-direction: column;       /* العنوان فوق الوصف */
    justify-content: center;      /* توسيط رأسي */
    align-items: center;          /* توسيط أفقي */
    text-align: center;           /* توسيط النصوص */
    width: 100%;
    min-height: 100%;             /* الكارت كله */
    padding: 0;                   /* إزالة أي padding يسبب تحريف */
    box-sizing: border-box;
}

/* التايتل */
#best-offers-7-slider .s-slider-block__title h2 {
    font-size: 42px;
    font-weight: 800;
    color: rgb(139,69,19);
    line-height: 1.2;
    margin: 0;
}

/* الوصف تحت التايتل */
#best-offers-7-slider .s-slider-block__title-right::after {
    content: "فطور، بيتزا، حلويات، مشروبات … اكتشف جميع خياراتنا";
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: rgb(139,69,19);
    line-height: 1.5;
    margin-top: 12px;
    text-align: center;
    opacity: 0.7;
}

/* =======================
   الموبايل
   ======================= */
@media (max-width: 768px) {
    #best-offers-7-slider .s-slider-block__title {
        min-height: auto;           /* السماح للطول بالتكيف */
        margin: 0 auto;             /* توسيط الكارت */
    }

    #best-offers-7-slider .s-slider-block__title h2 {
        font-size: 28px;
    }

    #best-offers-7-slider .s-slider-block__title-right::after {
        font-size: 14px;
        margin-top: 6px;
    }
}


/* =====================================
   FORCE SHOW PRODUCT TITLE – SOKAR
   ===================================== */

/* اسم المنتج */
.s-product-card-content-title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: relative !important;
    z-index: 9999 !important;

    text-align: center;
    font-size: 15px;
    line-height: 1.4;
    margin: 10px 0 6px;
    padding: 0 12px;

    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* اللينك داخل العنوان */
.s-product-card-content-title a {
    display: block;
    color: inherit !important;
    text-decoration: none;
}

/* منع أي إخفاء وقت الحركة أو الهوفر */
.s-product-card:hover .s-product-card-content-title,
.s-product-card-entry:hover .s-product-card-content-title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* منع قص العنوان بسبب السلايدر */
.s-product-card,
.s-product-card-entry,
.swiper,
.swiper-wrapper,
.swiper-slide {
    overflow: visible !important;
}

/* موبايل */
@media (max-width: 768px) {
    .s-product-card-content-title {
        font-size: 14px;
        line-height: 1.35;
        padding: 0 14px;
    }
}
/* استايل اسم المنتج */
.s-product-card-content-title {
    color: rgb(139,69,19) !important;
    text-align: right !important;
    direction: rtl;
    font-weight: 600;
}

/* اللينك داخل الاسم */
.s-product-card-content-title a {
    color: rgb(139,69,19) !important;
    text-align: right;
    direction: rtl;
}

/* موبايل */
@media (max-width: 768px) {
    .s-product-card-content-title {
        text-align: right !important;
        padding-right: 12px;
        padding-left: 8px;
    }
}
/* ===============================
   اسم المنتج – تكبير + توسيط رأسي
   =============================== */

.s-product-card-content-title {
    color: rgb(139,69,19) !important;
    font-size: 26px;              /* تكبير الخط */
    font-weight: 700;
    line-height: 1.5;

    text-align: right !important;
    direction: rtl;

    margin: 0;                    /* إلغاء أي مارجن */
    padding: 12px 14px;

    /* التوسيط الرأسي */
    display: flex !important;
    align-items: center;          /* توسيط رأسي */
    justify-content: flex-end;    /* يمين */
    min-height: 56px;             /* ارتفاع ثابت يخلي الاسم في النص */
    box-sizing: border-box;
}

/* اللينك داخل الاسم */
.s-product-card-content-title a {
    color: rgb(139,69,19) !important;
    display: block;
    width: 100%;
}

/* موبايل */
@media (max-width: 768px) {
    .s-product-card-content-title {
        font-size: 18px;
        min-height: 48px;
        padding: 10px 12px;
    }
}