/* ================================
   قسم "الأكثر مبيعًا"
   ================================ */

/* خلفية قسم الأكثر مبيعًا بالكامل */
section[id^="best-offers"],
section[id^="best-offers"] .container-fluid,
section[id^="best-offers"] .s-block-inner,
section[id^="best-offers"] .s-slider-wrapper,
section[id^="best-offers"] .s-products-slider-wrapper {
  background-color: #d2857d !important;
}

/* مسافة فوق وتحت قسم الأكثر مبيعًا */
section[id^="best-offers"] {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* لون عنوان "الأكثر مبيعًا" و "عرض الكل" */
section[id^="best-offers"] .s-slider-block__title-right h2,
section[id^="best-offers"] .s-slider-block__title-left a {
  color: #fbedb9 !important;
}

/* ================================
   مسافة تحت مميزات المتجر
   ================================ */
.s-block--features {
  margin-bottom: 60px;
}

/* ================================
   الفوتر (إصلاح أي أجزاء بتظهر بيضا)
   ================================ */
.store-footer,
.store-footer__inner,
.store-footer__inner .container,
.store-footer__inner .container-fluid,
.store-footer__top,
.store-footer__bottom,
.store-footer__copyright,
.store-footer__payments,
.store-footer__links,
.store-footer__contact {
  background-color: #d2857d !important;
}

.store-footer__inner .grais-footer {
  background-color: transparent !important;
}

/* لو فيه شريط سفلي/علوي منفصل في بعض الثيمات */
.store-footer .sub-footer,
.store-footer .store-footer__sub,
.store-footer .store-footer__inner + div {
  background-color: #d2857d !important;
}

/* ================================
   آراء العملاء
   ================================ */
.s-block--testimonials .s-reviews-header,
.s-block--testimonials .s-reviews-display-all {
  color: #fbedb9 !important;
}
.s-block--testimonials .s-reviews-display-all-icon svg path {
  fill: #fbedb9 !important;
}

/* ================================
   الهيدر (رأس الصفحة) - بدون ما نلمس أي header عام
   ================================ */

/* خلفية الهيدر */
#mainnav.main-nav-container,
#mainnav .inner,
.topnav,
.topnav-is-dark #mainnav,
.topnav-is-dark #mainnav .inner {
  background-color: #12393f !important;
}

/* نصوص وأيقونات الهيدر (البار العلوي فقط) */
#mainnav > .inner i,
#mainnav > .inner button span,
#mainnav > .inner .header-btn__icon,
#mainnav > .inner .sicon-search,
#mainnav > .inner .s-cart-summary-count,
#mainnav > .inner .s-cart-summary-total,
#mainnav > .inner a {
  color: #ffffff !important;
}

/* SVG في الهيدر فقط (بدون المنبثق) */
#mainnav > .inner svg path,
#mainnav .icons-header svg path,
#mainnav .header-btn svg path,
#mainnav .s-cart-summary svg path {
  fill: #ffffff !important;
}

/* ================================
   التصنيفات الرئيسية (الشريط العلوي)
   ================================ */
#mainnav .custom-main-menu > ul > li,
#mainnav .custom-main-menu > ul > li > a,
#mainnav .custom-main-menu > ul > li > button {
  color: #ffffff !important;
}

/* سهم التصنيفات الرئيسية */
#mainnav .custom-main-menu > ul > li svg path {
  fill: #ffffff !important;
}

/* ================================
   التصنيفات الفرعية (المنبثقة)
   ================================ */

/* خلفية المنبثق */
#mainnav .dropdown-menu,
#mainnav .s-menu__dropdown,
#mainnav .sub-menu,
#mainnav .mega-menu,
#mainnav [role="menu"],
#mainnav [role="listbox"] {
  background-color: #ffffff !important;
  border: 1px solid rgba(19, 58, 64, 0.15) !important;
}

/* نصوص المنبثق */
#mainnav .dropdown-menu a,
#mainnav .dropdown-menu button,
#mainnav .dropdown-menu li,
#mainnav .s-menu__dropdown a,
#mainnav .sub-menu a,
#mainnav .mega-menu a,
#mainnav [role="menu"] a,
#mainnav [role="menu"] button,
#mainnav [role="listbox"] * {
  color: #133a40 !important;
}

/* أيقونات/SVG داخل المنبثق */
#mainnav .dropdown-menu svg path,
#mainnav .s-menu__dropdown svg path,
#mainnav .sub-menu svg path,
#mainnav .mega-menu svg path,
#mainnav [role="menu"] svg path,
#mainnav [role="listbox"] svg path {
  fill: #133a40 !important;
}

/* Hover داخل المنبثق */
#mainnav .dropdown-menu a:hover,
#mainnav .s-menu__dropdown a:hover,
#mainnav .sub-menu a:hover,
#mainnav .mega-menu a:hover {
  background-color: rgba(251, 237, 185, 0.25) !important;
  color: #133a40 !important;
}

/* ================================
   صفحة المنتج – الخلفية والنص (بدون ما نأثر على ألوان أزرار سلة)
   ================================ */

/* ⚠️ مهم: ممنوع نستهدف container-fluid أو body كله، عشان ما نبوظ الهيدر/الفوتر */
body.product-single #app,
#app.product-single {
  background: transparent !important;
}

/* الخلفية البيضاء على كتلة المنتج نفسها */
body.product-single #app .crew-prod,
body.product-single #app [id^="product-"] {
  background-color: #ffffff !important;
}

/* نخلي الأعمدة نفسها بيضاء */
body.product-single #app .crew-prod .sidebar,
body.product-single #app .crew-prod .main-content {
  background-color: #ffffff !important;
}

/* لون النصوص داخل محتوى المنتج فقط */
body.product-single #app .crew-prod,
body.product-single #app .crew-prod h1,
body.product-single #app .crew-prod h2,
body.product-single #app .crew-prod h3,
body.product-single #app .crew-prod h4,
body.product-single #app .crew-prod p,
body.product-single #app .crew-prod span,
body.product-single #app .crew-prod li,
body.product-single #app .crew-prod small {
  color: #133a40 !important;
}

/* وصف المنتج */
body.product-single #app .crew-prod .product__description,
body.product-single #app .crew-prod .s-product-description,
body.product-single #app .crew-prod .article {
  color: #133a40 !important;
}

/* السعر (بدون ما نلمس زرار الشراء) */
body.product-single #app .crew-prod .total-price,
body.product-single #app .crew-prod .s-product-price,
body.product-single #app .crew-prod .s-product-price * {
  color: #133a40 !important;
}

/* ===== Banners 2 - Full view no scroll ===== */

/* القسم كله */
.slides_banars{
  display: flex;
  gap: 20px;
  height: 70vh;
  max-height: 700px;
}

/* كل بانر */
.slides_banars .slides-banars2{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* الصور نفسها */
.slides_banars .slides-banars2 img{
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
  display: block;
}

/* ================================
   Fix: قص آخر السطر في وصف المنتج + "قراءة المزيد"
   ================================ */
body.product-single .product__description #more-content{
  box-sizing: border-box !important;
  max-height: 12.5rem !important;
  overflow: hidden !important;
  padding-bottom: 1.25rem !important;
  line-height: 1.85 !important;
}
body.product-single .product__description #more-content[style]{
  max-height: 12.5rem !important;
}
body.product-single .product__description #more-content p{
  line-height: 1.85 !important;
}
body.product-single .product__description .show-more{
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

/* إخفاء بانر التصنيف (خصوصًا في صفحة العروض) */
.category-banner {
  display: none !important;
}

/* ================================
   ✅ Breadcrumbs أبيض في الصفحات الغامقة فقط
   ================================ */
body:not(.product-single) .breadcrumbs,
body:not(.product-single) .s-breadcrumb-wrapper,
body:not(.product-single) .s-breadcrumb-item,
body:not(.product-single) .s-breadcrumb-item a {
  color: #ffffff !important;
}
body:not(.product-single) .s-breadcrumb-arrow svg path,
body:not(.product-single) .breadcrumbs svg path {
  fill: #ffffff !important;
}
body:not(.product-single) .s-breadcrumb-item:last-child {
  color: #ffffff !important;
}

/* ================================
   ✅ عنوان عدد المنتجات أبيض (9 منتجات)
   ================================ */
body:not(.product-single) #page-main-title,
body:not(.product-single) #page-main-title span {
  color: #ffffff !important;
}

/* ================================
   Fix: قائمة المستخدم (User menu dropdown)
   ================================ */
#mainnav .s-user-menu-dropdown-list,
#mainnav .s-user-menu-dropdown-list *{
  background-color: #ffffff !important;
}
#mainnav .s-user-menu-dropdown-list .s-user-menu-dropdown-item-title,
#mainnav .s-user-menu-dropdown-list a,
#mainnav .s-user-menu-dropdown-list a *{
  color: #133a40 !important;
}
#mainnav .s-user-menu-dropdown-list svg path{
  fill: #133a40 !important;
}

/* =========================================================
   ✅ Banners 2 في الموبايل تبقى عمودي (تحت بعض)
   ========================================================= */
@media (max-width: 768px) {
  .slides_banars{
    flex-direction: column !important;
    height: auto !important;
    max-height: none !important;
    gap: 14px !important;
    padding: 0 12px;
  }
  .slides_banars .slides-banars2{
    width: 100% !important;
    min-height: 240px;
    height: 240px;
    border-radius: 12px;
  }
  .slides_banars .slides-banars2 img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}
@media (max-width: 420px) {
  .slides_banars .slides-banars2{
    min-height: 220px;
    height: 220px;
  }
}

/* ================================
   ✅ تعديل جديد: تكبير لوجو الهيدر (Foodzy) بشكل قوي
   ================================ */

/* تكبير الصورة نفسها */
header .navbar-brand img,
#mainnav .navbar-brand img,
.topnav .navbar-brand img,
.main-nav-container .navbar-brand img,
.navbar-brand > img{
  width: auto !important;
  height: 52px !important;
  max-height: 52px !important;
  min-height: 52px !important;
  object-fit: contain !important;
}

/* ضبط الحاوية عشان ما تكبسش اللوجو */
header .navbar-brand,
#mainnav .navbar-brand,
.topnav .navbar-brand,
.main-nav-container .navbar-brand{
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* موبايل */
@media (max-width: 768px){
  header .navbar-brand img,
  #mainnav .navbar-brand img,
  .topnav .navbar-brand img,
  .main-nav-container .navbar-brand img,
  .navbar-brand > img{
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
  }
}
/* =========================================
   FORCE: تكبير لوجو الهيدر + فتح ارتفاع الهيدر
   حطه آخر CSS بالكامل
   ========================================= */

/* كبّر اللوجو (أقوى سلكتور) */
html body #mainnav .navbar-brand img,
html body header .navbar-brand img,
html body .topnav .navbar-brand img,
html body .main-nav-container .navbar-brand img{
  height: 60px !important;     /* جرّب 60 */
  width: auto !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
}

/* افتح مكانه عشان مايتقصش */
html body #mainnav .navbar-brand,
html body header .navbar-brand{
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 60px !important; /* نفس ارتفاع اللوجو */
  overflow: visible !important;
}

/* افتح ارتفاع شريط الهيدر نفسه */
html body #mainnav.main-nav-container,
html body #mainnav .inner,
html body .topnav{
  min-height: 70px !important; /* بيدي مساحة مريحة */
}

/* موبايل */
@media (max-width: 768px){
  html body #mainnav .navbar-brand img,
  html body header .navbar-brand img{
    height: 48px !important;
  }
  html body #mainnav.main-nav-container,
  html body #mainnav .inner,
  html body .topnav{
    min-height: 60px !important;
  }
}
/* ===================================
   Product Rating Under Title
   =================================== */

/* رجّع العنصر لطبيعته */
.s-product-card-rating{
  position: static !important;
  margin-top: 6px;
  margin-bottom: 6px;

  display: inline-flex;
  align-items: center;
  gap: 4px;

  background: #f8fafc;
  padding: 4px 8px;
  border-radius: 8px;

  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

/* النجمة */
.s-product-card-rating i{
  color: #f59e0b !important;
  font-size: 14px;
}

/* خلي التقييم تحت الاسم مباشرة */
.s-product-card-title + .s-product-card-rating{
  display: inline-flex;
}

/* لو الثيم يحطه بمكان غريب نخليه يظهر بعد الاسم */
.s-product-card-content{
  display: flex;
  flex-direction: column;
}
/* خلفية بخطوط احترافية مثل الصورة */
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;

    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='2'%3E%3Cpath d='M0 200 C150 120 300 280 450 200 S750 120 900 200'/%3E%3Cpath d='M0 260 C150 180 300 340 450 260 S750 180 900 260'/%3E%3Cpath d='M0 320 C150 240 300 400 450 320 S750 240 900 320'/%3E%3Cpath d='M0 380 C150 300 300 460 450 380 S750 300 900 380'/%3E%3Cpath d='M0 440 C150 360 300 520 450 440 S750 360 900 440'/%3E%3C/g%3E%3C/svg%3E");

    background-size:900px;
    background-repeat:repeat;
}

/* المحتوى فوق الخلفية */
#app{
    position:relative;
    z-index:1;
}
/* نفس لون خلفية المتجر لقسم المميزات */
.s-block--features{
  background:#12393f !important;
  padding-top:40px;
  padding-bottom:40px;
}

/* إزالة الخلفية البيضاء من الكروت */
.s-block--features__item{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* الأيقونات */
.s-block--features .feature-icon{
  background:#0f2f34 !important;   /* درجة أغمق بسيطة تعطي فخامة */
  color:#fbedb9 !important;
}

/* العناوين */
.s-block--features__item h2{
  color:#fbedb9 !important;
}

/* الوصف */
.s-block--features__item p{
  color:#ffffffcc !important;
}
/* اخفاء وسوم المدونة في الهوم فقط */
.blogs--div .blog-content > ul{
    display:none !important;
}
/* ====== Reviews Section ====== */
.s-reviews-testimonial{
    background: transparent !important;
    padding: 0 !important;
}

/* الكارت */
.s-reviews-testimonial__inner{
    background: #ffffff;
    border-radius: 18px;
    padding: 22px 22px 18px;
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
    position: relative;
    overflow: hidden;
}

/* ايقونة الاقتباس بالخلف */
.s-reviews-testimonial__icon{
    position: absolute;
    top: 15px;
    left: 18px;
    opacity: .08;
    transform: scale(2.2);
    color: var(--main-color);
}

/* ترتيب العناصر */
.s-reviews-testimonial__text{
    padding-right: 65px;
}

/* صورة العميل */
.s-reviews-testimonial__avatar img{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 3px solid #f3f3f3;
    box-shadow: 0 3px 10px rgba(0,0,0,.12);
}

/* اسم العميل */
.s-reviews-testimonial__info h2{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
    color:#222;
}

/* نص التقييم */
.s-reviews-testimonial__text p{
    font-size: 14px;
    line-height: 1.9;
    color:#555;
    margin: 8px 0 12px;
}

/* النجوم */
.s-rating-stars-wrapper svg{
    width: 16px;
    height: 16px;
    fill: #f5a623 !important;
}

/* موبايل */
@media(max-width:768px){
    .s-reviews-testimonial__inner{
        padding:18px;
        border-radius:16px;
    }
    
    .s-reviews-testimonial__text{
        padding-right:58px;
    }

    .s-reviews-testimonial__text p{
        font-size:13px;
    }
}
/* حل مشكلة قص تقييمات العملاء في الجوال */
@media(max-width:768px){

    /* خلي السلايدر ياخد ارتفاع المحتوى */
    .s-reviews .swiper-wrapper{
        height:auto !important;
        align-items:stretch !important;
    }

    .s-reviews .swiper-slide{
        height:auto !important;
    }

    /* الكرت نفسه يتمدد */
    .s-reviews-testimonial{
        height:auto !important;
        min-height:auto !important;
    }

    .s-reviews-testimonial__inner{
        height:auto !important;
        overflow:visible !important;
        padding-bottom:20px !important;
    }

    /* النص يظهر بالكامل بدون قص */
    .s-reviews-testimonial__text p{
        display:block !important;
        -webkit-line-clamp:unset !important;
        max-height:none !important;
        overflow:visible !important;
        white-space:normal !important;
        line-height:1.8 !important;
    }

}
/* =========================================
   FIX FINAL — Reviews cards mobile height
   ========================================= */
@media(max-width:768px){

    /* خلى السلايدر يسمح بارتفاع مختلف */
    .s-reviews .swiper{
        overflow: visible !important;
    }

    .s-reviews .swiper-wrapper{
        display:flex !important;
        align-items:stretch !important;
        height:auto !important;
    }

    /* كل سلايد يتمدد حسب محتواه */
    .s-reviews .swiper-slide{
        height:auto !important;
        display:flex !important;
    }

    /* الكارت يتمدد بالكامل */
    .s-reviews-testimonial{
        display:flex !important;
        width:100%;
        height:auto !important;
    }

    .s-reviews-testimonial__inner{
        display:flex !important;
        flex-direction:column;
        width:100%;
        height:auto !important;
        overflow:hidden !important; /* مهم: يمنع خروج النص */
    }

    /* النص */
    .s-reviews-testimonial__text{
        flex:1;
    }

    .s-reviews-testimonial__text p{
        margin-bottom:14px !important;
        overflow-wrap:break-word !important;
        word-break:break-word !important;
    }
}