/* ==========================================================
   خريف | Khareef — تعديلات العميل (ثيم سيليا)
   مرجع: einabayaa.com
   ========================================================== */

/* ---------- 1) كل الكتابة بني غامق نفس اللوقو ---------- */
:root{
  --kh-brown:#302619;
  --kh-brown-soft:rgba(48,38,25,.75);
  --store-text-primary:var(--kh-brown);
  --store-text-secondary:var(--kh-brown);
  --header-text-color:var(--kh-brown);
  --footer-text-color:var(--kh-brown);
  --bottom-nav-text-color:var(--kh-brown);
  --product-image-height:auto;
}
body,
.text-store-text-primary,
.text-store-text-secondary,
.text-gray-900,.text-gray-800,.text-gray-700,.text-gray-600,.text-gray-500,
.store-header, .store-header a, .store-header button,
.header-btn__icon, .header__search-btn,
.s-slider-block__title h2, .s-slider-block__display-all,
.store-footer, .store-footer a, .store-footer p, .store-footer h3{
  color:var(--kh-brown) !important;
}

/* ---------- 2) الهيدر: كلمة "القائمة" بدل الثلاث خطوط ---------- */
.store-header .mburger .sicon-menu{ display:none !important; }
.store-header .mburger .menu-label{
  display:block !important;
  margin:0 !important;
  font-size:13px;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1;
  color:var(--kh-brown);
}
.store-header .mburger{ align-items:center !important; }

/* أيقونة المفضلة (Bookmark) في الهيدر — بتنضاف من ملف الـ JS */
.kh-header-bookmark{
  display:inline-flex; align-items:center; justify-content:center;
  margin-inline-start:12px; color:inherit;
}
.kh-header-bookmark svg{ width:21px; height:21px; }

/* ---------- 3) كرت المنتج ---------- */
.s-social-share-btn{
  display:none !important;
}
/* إخفاء العين + أضف للسلة (المفضلة تفضل موجودة تحت كبوك مارك) */
custom-salla-product-card .product-card__buttons,
custom-salla-product-card .product-card__addToCart,
custom-salla-product-card .product-card__mini-cart,
custom-salla-product-card .quickview-btn{
  display:none !important;
}

/* المفضلة تنزل تحت في الكرت جنب الاسم والسعر */
custom-salla-product-card{ position:relative !important; }
custom-salla-product-card .product-card__image{ position:static !important; }
custom-salla-product-card .product-card__image > a{
  position:relative; display:block; overflow:hidden;
}
custom-salla-product-card .product-card__actions{
  display:flex !important;
  position:absolute !important;
  top:auto !important; left:auto !important; right:auto !important;
  bottom:6px !important;
  inset-inline-end:0 !important;
  opacity:1 !important; visibility:visible !important;
  transform:none !important;
  margin:0 !important; padding:0 !important;
  z-index:2;
}
custom-salla-product-card .product-card__actions .wishlist{ display:block !important; }
custom-salla-product-card .product-card__actions .wishlist::before,
custom-salla-product-card .product-card__actions .wishlist::after{ display:none !important; } /* تولتيب "أضف إلى قائمة الأمنيات" */
custom-salla-product-card .btn--wishlist .s-button-element,
custom-salla-product-card .btn--wishlist button{
  width:28px !important; height:28px !important;
  min-width:0 !important; padding:0 !important;
  border:0 !important; box-shadow:none !important;
  background:transparent !important;
  color:var(--kh-brown) !important;
}
custom-salla-product-card .btn--wishlist i.sicon-heart{ width:18px !important; height:18px !important; }

/* الصورة مستطيل طولي يبين العباية كاملة
   (غيّر الرقم هنا لو حبيت: 2 / 3 = طولي كامل ، 4 / 5 = بوست انستقرام) */
:root{ --kh-card-ratio:2 / 3; }
/* ملاحظة: ثيم سيليا فيه قواعد أقوى بتعصر الصورة لمربع، فالـ selectors هنا مقصود تكون أقوى منها */
custom-salla-product-card.product-card.product-card--vertical .product-card__image.product-card__image.product-card__image,
custom-salla-product-card .product-card__image{
  flex:none !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  aspect-ratio:var(--kh-card-ratio) !important;
  overflow:hidden;
  border-radius:0 !important;
}
custom-salla-product-card.product-card.product-card--vertical .product-card__content.product-card__content{
  min-height:0 !important;
  flex:none !important;
}
custom-salla-product-card.product-card{ height:auto !important; }
custom-salla-product-card .product-card__image > a,
custom-salla-product-card .product-card__image img{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover;
  object-position:center top;
}
custom-salla-product-card{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* حجم الكرت في السلايدر: أكبر من قبل وأصغر شوي من hoshi (حوالي 2.3 منتج في الشاشة) */
@media (max-width:767.98px){
  salla-products-slider .s-products-slider-card{
    width:42vw !important;
    max-width:200px;
  }
}
@media (min-width:768px){
  salla-products-slider .s-products-slider-card{
    width:calc(25% - 18px) !important;
  }
}

/* الاسم والسعر: صغير، مو بولد، على اليمين (والبوك مارك في الجهة المقابلة) */
custom-salla-product-card .product-card__content{
  padding:10px 2px 4px !important;
  padding-inline-end:30px !important;
  text-align:start !important;
}
custom-salla-product-card .product-card__content-wrapper{
  display:flex; flex-direction:column; align-items:flex-start !important; gap:3px;
  text-align:start !important;
}
custom-salla-product-card .product-card__title{ width:100%; text-align:start !important; }
custom-salla-product-card .product-card__title,
custom-salla-product-card .product-card__title a{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  letter-spacing:.01em;
  color:var(--kh-brown) !important;
  margin:0 !important;
}
custom-salla-product-card .product-card__price{
  gap:6px !important;
  margin:0 !important;
  justify-content:flex-start !important;
}
custom-salla-product-card .product-card__price .total-price,
custom-salla-product-card .product-card__price .before-price{
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  color:var(--kh-brown) !important;
}
custom-salla-product-card .product-card__price .before-price{ opacity:.55; }
custom-salla-product-card .product-card__price .price_is_on_sale .total-price{
  color:#9b2c2c !important;
}

/* عناوين الأقسام (وصل حديثاً...) أنعم */
.s-slider-block__title h2{
  font-size:16px !important;
  font-weight:500 !important;
}
.s-slider-block__display-all{
  font-size:12px !important;
  font-weight:400 !important;
}

/* ---------- 4) زر "اكتشفي المجموعة": صغير، تحت بالزاوية، ناعم ---------- */
.advanced-slider .advanced-slider__caption{
  display:flex !important;
  align-items:flex-end !important;
  inset:0 !important;
  height:100% !important;
  padding-bottom:18px !important;
}
.advanced-slider .advanced-slider__caption .container{ width:100%; }
.advanced-slider .advanced-slider__caption__inner__content__heading:empty,
.advanced-slider .advanced-slider__caption__inner__content__text:empty{
  display:none !important;
}
.advanced-slider .advanced-slider__caption__inner__content__button{
  font-size:11px !important;
  font-weight:400 !important;
  letter-spacing:.06em;
  padding:6px 14px !important;
  min-height:0 !important;
  line-height:1.4 !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.85) !important;
  background:rgba(255,255,255,.08) !important;
  backdrop-filter:blur(2px);
  color:#fff !important;
  margin:0 !important;
}
.advanced-slider .advanced-slider__caption__inner__content__button span{ color:#fff !important; }

/* ---------- 5) آراء العملاء: خط أصغر + حذف "ماذا يقول عملاؤنا عنا" ---------- */
.s-block--custom-reviews .reviews__subtitle{ display:none !important; }
.s-block--custom-reviews .reviews__title{
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  margin-top:0 !important;
}
.s-block--custom-reviews .home-block-line{ display:none !important; } /* السطر اللي تحت "آراء العملاء" */
.s-block--custom-reviews .reviews__text{ font-size:12px !important; line-height:1.8 !important; }
.s-block--custom-reviews .reviews__author-name{ font-size:13px !important; font-weight:500 !important; margin-bottom:4px !important; }
.s-block--custom-reviews .reviews__avatar{ width:40px !important; height:40px !important; }
/* إطار التقييم: نفس الظل الأصلي ونفس الحجم الحالي */
.s-block--custom-reviews .reviews__card{
  border:0 !important;
  box-shadow:rgba(50,50,105,.15) 0 2px 5px 0, rgba(0,0,0,.05) 0 1px 1px 0 !important;
}

/* ---------- 6) مميزات المتجر: صور الأيقونات (اللي اترفعت من تخصيص الثيم) ---------- */
.s-block--enhanced-features{
  padding-top:36px !important;
  padding-bottom:36px !important;
}
.s-block--enhanced-features .enhanced-features__grid{
  display:grid !important;
  grid-template-columns:repeat(var(--kh-feat-cols,3), minmax(0,1fr)) !important;
  gap:0 !important;
  max-width:560px;
  margin-inline:auto;
  align-items:start;
}
.s-block--enhanced-features .enhanced-features__grid[data-length="2"]{ --kh-feat-cols:2; }
.s-block--enhanced-features .enhanced-features__grid[data-length="4"]{ --kh-feat-cols:4; }

.s-block--enhanced-features__item{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:4px 10px !important;
  min-height:0 !important;
  overflow:visible !important;
}
/* خط فاصل رفيع بين كل ميزة والتانية */
.s-block--enhanced-features__item + .s-block--enhanced-features__item{
  border-inline-start:1px solid rgba(48,38,25,.12) !important;
}
.s-block--enhanced-features__item > .absolute{ display:none !important; } /* خطوط الهوفر بتاعة الثيم */
.s-block--enhanced-features__item p{ display:none !important; }         /* بدون وصف */

/* حاوية الصورة: مقاس واحد ثابت لكل الأيقونات */
.s-block--enhanced-features__item .feature-icon{
  width:60px !important; height:60px !important;
  min-width:60px; max-width:60px;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  display:flex !important; align-items:center; justify-content:center;
  transform:none !important;
}
.s-block--enhanced-features__item .feature-icon img{
  width:100% !important; height:100% !important;
  max-height:none !important; max-width:none !important;
  object-fit:contain !important;
  margin:0 !important;
  transform:none !important;
  transition:none !important;
  /* تلوين الأيقونة السودا بالبني بتاع خريف #302619 */
  filter:brightness(0) saturate(100%) invert(4%) sepia(34%) saturate(5101%) hue-rotate(35deg) brightness(112%) contrast(80%);
}
.s-block--enhanced-features__item:hover .feature-icon img{ transform:none !important; }

.s-block--enhanced-features__item h2{
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  margin:10px 0 0 !important;
  max-width:120px;
  color:var(--kh-brown) !important;
  letter-spacing:0;
}
@media (min-width:768px){
  .s-block--enhanced-features__item .feature-icon{ width:68px !important; height:68px !important; min-width:68px; max-width:68px; }
  .s-block--enhanced-features__item h2{ font-size:13px !important; max-width:150px; }
}

/* ---------- 7) المفضلة = Bookmark بدل القلب (الكرت + صفحة المنتج + الهيدر) ---------- */
:root{
  --kh-bm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h11v17L12 16.6l-5.5 3.9z'/%3E%3C/svg%3E");
  --kh-bm-full:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h11v17L12 16.6l-5.5 3.9z' fill='black' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* أي أيقونة قلب في المتجر تبقى بوك مارك */
i.sicon-heart{
  display:inline-block !important;
  width:20px; height:20px;
  font-size:0 !important;
  background-color:currentColor;
  -webkit-mask:var(--kh-bm) center / contain no-repeat;
          mask:var(--kh-bm) center / contain no-repeat;
  vertical-align:middle;
}
i.sicon-heart::before{ content:none !important; }
/* لما المنتج يكون في المفضلة: بوك مارك ممتلئ */
.btn--wishlist.is-added i.sicon-heart,
.btn--wishlist.favorited i.sicon-heart,
.btn--wishlist:not(.un-favorited):not(.not-added) i.sicon-heart{
  -webkit-mask-image:var(--kh-bm-full);
          mask-image:var(--kh-bm-full);
}
.btn--wishlist .s-button-element,
.btn--wishlist button{ color:var(--kh-brown) !important; }

/* خانة المفضلة في الهيدر (اللي فيها كل المنتجات المضافة): القلب يبقى بوك مارك */
salla-wishlist-summary .s-wishlist-summary-icon svg,
button[data-external-guest-wishlist-btn] svg{
  display:none !important;
}
salla-wishlist-summary .s-wishlist-summary-icon::before,
button[data-external-guest-wishlist-btn]::before{
  content:"";
  display:inline-block;
  width:22px; height:22px;
  background-color:var(--kh-brown);
  -webkit-mask:var(--kh-bm) center / contain no-repeat;
          mask:var(--kh-bm) center / contain no-repeat;
}

/* قائمة الحساب (المنسدلة + سايدبار صفحات الحساب): القلب جنب "قائمة الأمنيات" يبقى بوك مارك */
.s-user-menu-dropdown-item-link[href*="wishlist"] .s-user-menu-dropdown-item-prefix svg{
  display:none !important;
}
.s-user-menu-dropdown-item-link[href*="wishlist"] .s-user-menu-dropdown-item-prefix{
  display:inline-flex !important;
  align-items:center; justify-content:center;
}
.s-user-menu-dropdown-item-link[href*="wishlist"] .s-user-menu-dropdown-item-prefix::before{
  content:"";
  display:inline-block;
  width:18px; height:18px;
  background-color:currentColor;
  -webkit-mask:var(--kh-bm) center / contain no-repeat;
          mask:var(--kh-bm) center / contain no-repeat;
}

/* لو سلة أظهرت خانة المفضلة بتاعتها في الهيدر (للعميل المسجل) نخفي أيقونتنا عشان متتكررش */
.header__main-row:has(salla-wishlist-summary:not([hidden])) .kh-header-bookmark{
  display:none !important;
}

/* ==========================================================
   8) أيقونات الهيدر الفخمة — خط رفيع وأطراف مدورة (نفس روح einabayaa)
   بحث + حساب + شنطة تسوق + بوك مارك
   ========================================================== */
:root{
  --kh-ico-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");
  --kh-ico-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.25' r='3.75'/%3E%3Cpath d='M4.75 20.25c.9-3.6 3.8-5.6 7.25-5.6s6.35 2 7.25 5.6'/%3E%3C/svg%3E");
  --kh-ico-bag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.25 8.25h13.5l-1.05 12.5H6.3z'/%3E%3Cpath d='M9 10.5V6.75a3 3 0 0 1 6 0v3.75'/%3E%3C/svg%3E");
  --kh-ico-bookmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.75 3.75h10.5v16.5L12 16.5l-5.25 3.75z'/%3E%3C/svg%3E");
}

/* القاعدة المشتركة: نخفي أيقونة الخط القديمة ونرسم الجديدة بنفس لون الهيدر */
.store-header .header-btn__icon.sicon-search,
.store-header .header-btn__icon.sicon-user,
.store-header .header-btn__icon.sicon-cart,
.store-header salla-cart-summary i.sicon-cart{
  display:inline-block !important;
  width:20px !important; height:20px !important;
  font-size:0 !important; line-height:0 !important;
  background-color:currentColor !important;
  -webkit-mask:var(--kh-ico) center / contain no-repeat;
          mask:var(--kh-ico) center / contain no-repeat;
  transform:none !important;
}
.store-header .header-btn__icon.sicon-search::before,
.store-header .header-btn__icon.sicon-user::before,
.store-header .header-btn__icon.sicon-cart::before,
.store-header salla-cart-summary i.sicon-cart::before{ content:none !important; }

.store-header .sicon-search{ --kh-ico:var(--kh-ico-search); }
.store-header .sicon-user{ --kh-ico:var(--kh-ico-user); }
.store-header .sicon-cart{ --kh-ico:var(--kh-ico-bag); }

/* البوك مارك في الهيدر (أيقونة الـ JS + خانة سلة للعميل المسجل) بنفس الطقم */
.kh-header-bookmark svg{ display:none !important; }
.kh-header-bookmark::before{
  content:"";
  display:block;
  width:20px; height:20px;
  background-color:currentColor;
  -webkit-mask:var(--kh-ico-bookmark) center / contain no-repeat;
          mask:var(--kh-ico-bookmark) center / contain no-repeat;
}
salla-wishlist-summary .s-wishlist-summary-icon::before,
button[data-external-guest-wishlist-btn]::before{
  width:20px !important; height:20px !important;
  background-color:currentColor !important;
  -webkit-mask-image:var(--kh-ico-bookmark) !important;
          mask-image:var(--kh-ico-bookmark) !important;
}

/* محاذاة: كل أيقونات الهيدر على خط واحد ومقاس واحد (20px) ومسافة واحدة (14px) */
.store-header .header__main-start,
.store-header .header__main-end{
  align-items:center !important;
  gap:14px !important;
}
.store-header .header__main-start > *,
.store-header .header__main-end > *{
  margin:0 !important;
  align-self:center !important;
  line-height:0 !important;
}
.store-header .header-btn,
.store-header .header__search-btn,
.store-header .kh-header-bookmark,
.store-header salla-cart-summary,
.store-header salla-cart-summary a,
.store-header salla-cart-summary #s-cart-icon,
.store-header salla-user-menu .s-user-menu-trigger-slot,
.store-header salla-user-menu .s-user-menu-trigger,
.store-header salla-wishlist-summary{
  display:inline-flex;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  vertical-align:middle;
}
.store-header .header-btn__icon.sicon-search,
.store-header .header-btn__icon.sicon-user,
.store-header .header-btn__icon.sicon-cart,
.store-header salla-cart-summary i.sicon-cart{ display:block !important; }
.store-header .mburger{ margin:0 !important; line-height:0 !important; }
.store-header .mburger .menu-label{ line-height:20px !important; height:20px; }

/* عداد السلة: دائرة صغيرة بني بخط ناعم */
.store-header salla-cart-summary .s-cart-summary-count{
  min-width:15px !important; height:15px !important;
  padding:0 3px !important;
  font-size:9px !important; font-weight:500 !important; line-height:15px !important;
  border-radius:999px !important;
  background:var(--kh-brown) !important;
  color:#fcf2e5 !important;
  border:0 !important; box-shadow:none !important;
  position:absolute !important;
  top:-5px !important; bottom:auto !important;
  inset-inline-end:-7px !important;
  transform:none !important;
}
.store-header salla-cart-summary .s-cart-summary-wrapper,
.store-header salla-cart-summary a{ position:relative !important; }

/* ==========================================================
   9) صورة المستخدم بعد تسجيل الدخول — مونوجرام فخم
   أول حرف من اسم العميل داخل دائرة بخط رفيع (الحرف بيتحط من ملف الـ JS)
   ولو مفيش اسم: أيقونة المستخدم الرفيعة
   ========================================================== */
.s-user-menu-trigger-avatar{ display:none !important; }
.s-user-menu-avatar-wrap{
  position:relative;
  display:inline-flex !important;
  align-items:center; justify-content:center;
  width:24px !important; height:24px !important;
  min-width:24px;
  border-radius:50% !important;
  border:1px solid currentColor !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  color:inherit;
}
/* الاحتياطي: أيقونة مستخدم رفيعة */
.s-user-menu-avatar-wrap::before{
  content:"";
  width:15px; height:15px;
  background-color:currentColor;
  -webkit-mask:var(--kh-ico-user) center / contain no-repeat;
          mask:var(--kh-ico-user) center / contain no-repeat;
}
.s-user-menu-avatar-wrap.kh-has-initial::before{ display:none; }
.kh-initial{
  font-size:11px;
  font-weight:400;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:inherit;
  transform:translateY(.5px);
}
/* النقطة الحمرا بتاعة الإشعارات: أصغر وبني بدل الأحمر الصارخ */
.s-user-menu-red-dot::after,
.s-user-menu-red-dot::before{
  width:7px !important; height:7px !important;
  background:var(--kh-brown) !important;
  border:1.5px solid #fff !important;
}

/* ==========================================================
   10) البنر الثاني (الصورة) بمقاس بوست انستقرام 4:5 على الجوال
   ارفع صورة الجوال 1080 × 1350 من تخصيص الثيم
   ========================================================== */
@media (max-width:639.98px){
  .advanced-slider--2 .advanced-slider__slide{
    aspect-ratio:4 / 5 !important;
    height:auto !important;
  }
  .advanced-slider--2 .advanced-slider__slide img.advanced-slider__image{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center;
  }
}

/* شبكة المنتجات (صفحة أحدث المنتجات والتصنيفات): عمودين أصغر تكة من المرجع */
@media (max-width:767.98px){
  salla-products-list .s-products-list-wrapper.s-products-list-vertical-cards{
    gap:22px 14px !important;
    padding-inline:6px;
  }
}