/* Add custom CSS styles below */
/* 1️⃣ إخفاء أزرار التنقل الأصلية داخل سلايدر سلة */
  salla-reviews salla-slider .s-slider-block__title-left,
  salla-reviews salla-slider .s-slider-block__title-nav {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* 2️⃣ ضبط ترتيب وتصميم الأزرار ورابط "عرض الكل" */
  .s-reviews-header-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* المسافة بين الأسهم ورابط عرض الكل */
    flex-direction: row !important; /* لضمان ظهور عرض الكل يمين الأسهم في RTL */
    margin-bottom:10px;
  }

  /* حاوي الأزرار الجديدة */
  .s-reviews-custom-nav {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* المسافة بين السهمين */
    direction: ltr; /* لضمان ترتيب سهم اليسار ثم سهم اليمين */
  }

  /* تصميم الأزرار بناءً على الصورة */
  .s-reviews-custom-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px; /* حواف منحنية مربعة */
    border: none;
    background-color: #84796a; /* لون الخلفية المطلوبة */
    color: #ffffff; /* لون الأسهم أبيض */
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease;
  }

  .s-reviews-custom-nav button:hover {
    background-color: #6e6457; /* لون عند التحويم (Hover) */
  }

  .s-reviews-custom-nav svg {
    width: 16px;
    height: 16px;
    stroke: #ffffff;
    stroke-width: 2.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
:root {
    --main-color: #e2a15f;
    --white-color: white;
    --black-color:black;
}
/* إلغاء البادينج جهة اليمين تماماً في النسخة الإنجليزية */
salla-slider.photos-slider .swiper:where([dir=ltr], [dir=ltr] *) {
    padding-right: 0 !important;
    padding-left: 1.5rem; /* تحويل البادينج لليسار ليناسب اتجاه القراءة الإنجليزي */
}

/********************* body ************************/

body{
    background-color:var(--white-color)
}
/********************* header ************************/
.slider-container.contained {
    padding:0px !important;
}

div#next-1 , div#prev-1 {
    background-color: #84796a !important;
}

/* لضمان وضوح النصوص والأيقونات باللون الأبيض */
.main-nav-container.fixed-pinned .inner a,
.main-nav-container.fixed-pinned .inner span,
.main-nav-container.fixed-pinned .inner i {
    color: #ffffff !important;
}

/* إخفاء رابط تصنيف Offers فقط في الشاشات الكبيرة */
li#offers > a.offers-link {
    dispnone !important;lay: 
}

/* إخفاء رابط تصنيف Offers فقط في القائمة الجانبية للجوال */
li#offers > a[href*="/offers"] {
    display: none !important;
}
li#offers {
    display:none !important;
}

header.store-header {
    background-color:#84796a;
}
button#theme-toggle-desktop {
    display:none !important;
}
button#theme-toggle-mobile {
    display:none !important;
}
div#mainnav{
    box-shadow:none
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
    /* background-color: #eeeeee; */
     color: var(--white-color);
}

.s-user-menu-login-btn svg{
    color:red !important;
    fill:white
}

/* مسافة 2rem للموبايل افتراضياً */
#main-content section.s-block {
    margin-bottom: 2rem !important;
}

/* زيادة المسافة إلى 4rem لشاشات الكمبيوتر (ابتداءً من 768px فأكثر) */
@media (min-width: 768px) {
    #main-content section.s-block {
        margin-bottom: 4rem !important;
    }
}
/************  slider **************/

#main-content > section.s-block.s-block--bundle-photos-slider salla-photos-slider-g97rar {
    margin-top:0px !important;
}
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}




/************  Section 1 **************/
section#S_special_categories-1 {
    margin-top:2rem !important;
}
section#S_special_categories-1 .hidden.relative.sm\:grid.grid-cols-3.container-narrow {
    gap:10px
}
.special-cat-card.group.relative.block.aspect-\[2\/3\].overflow-hidden img {
    transition:0.5s ease-in-out;
}
.special-cat-card.group.relative.block.aspect-\[2\/3\].overflow-hidden:hover img {
    scale:1.1;
}



@media(min-width:1024px){
/* تحويل شبكة الـ Grid إلى Flex وتوسيط العناصر داخلها */
.container-narrow.grid-cols-3 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important; /* المسافة بين الكروت (يمكنك تقليلها أو زيادتها) */
}

/* تحديد أقصى عرض لكل كارت ليحافظ على نسبته بدون تمدد فارغ */
.container-narrow.grid-cols-3 .special-cat-card {
    width: 100% !important;
    max-width: 300px !important; 
    flex: 0 0 auto !important;
}
}


section#S_testimonials-11 {
    margin-top:2rem !important
}
/************  products **************/ 



button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color:#84796a !important;
    color:var(--white-color) !important;
    border:1px solid#84796a !important;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {
    background-color:#84796a !important
}
/* إخفاء قسم التبويبات والمحتوى المكرر في صفحة المنتج */
.product-tabs, 
#product-description-tab, 
.tabs-wrapper,
.product-details__tabs {
    display: none !important;
}


.cart-options{
  border:none !important;
}
.first\:pt-5:first-child{
  padding: 0px !important;
}
.shadow-default > .flex.justify-between.text-sm.mb-5:nth-of-type(2) {
    display: none !important;
}
button.s-slider-next.s-slider-nav-arrow , button.s-slider-prev.s-slider-nav-arrow {
    background-color: #84796a !important;
}
button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover  {
    background-color: #84796a !important;
}

.cart-options{
  display: none !important;
}


  .main-nav-container.fixed-header .inner {
        top:0px !important;
    box-shadow: none !important;

    }


.s-reviews-testimonial , .special-cat-card , h4.\!text-\[var\(--pc-price-text\)\]{
    border-radius: 15px !important;
   overflow: hidden !important;
}

.s-product-card-entry.s-product-card-vertical .s-product-card-sale-price h4  , h4.\!text-\[var\(--pc-price-text\)\]{
   font-size: 18px !important;
}
/* 1. إخفاء عنصر البانر الفارغ والمربع المكسور نهائياً */
salla-banner,
.s-banner-wrapper,
.s-banner,
.category-header-banner,
main img[src=""],
main img:not([src]) {
    display: none !important;
}

/* 2. إلغاء الخلفية المظلمة والحدود من هيدر القسم */
main .category-header,
main [class*="category"],
main [class*="header"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. توضيح لون النص وإبرازه باللون الأسود الغامق */
main .category-header p,
main .category-header span,
main [class*="category"] p,
main [class*="category"] span {
    color: #111111 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* 4. الحفاظ على الصورة الدائرية بجانب النص */
main .category-header img,
main [class*="category"] .rounded-full img {
    display: inline-block !important;
    border-radius: 50% !important;
}
/* تطبيق التنسيق الشفاف وإخفاء المربع الفارغ في قسم الأكثر مبيعاً بالتحديد */
body.page-category-best-sales salla-banner,
body.page-category-best-sales .s-banner-wrapper,
body.page-category-best-sales img[src=""],
body.page-category-best-sales img:not([src]) {
    display: none !important;
}

body.page-category-best-sales .category-header,
body.page-category-best-sales main [class*="category"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

body.page-category-best-sales p,
body.page-category-best-sales span {
    color: #111111 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}
/* إخفاء السلايدر والسكشن الحاوي له فوراً */
#viewed-products-list {
    display: none !important;
}

section:has(#viewed-products-list) {
    display: none !important;
}