/* Add custom CSS styles below */ 
/* ================================
   HEADER SIZE + WHITE LOGO SUPPORT
   ================================ */

/* تصغير ارتفاع الهيدر */
.store-header .main-nav-container {
  height: 48px !important;
}

.store-header .inner {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* تصغير ارتفاع الهيدر (كسر inline style) */
#mainnav {
  height: 60px !important;
  min-height: 46px !important;
}

/* تقليل الفراغ الداخلي */
.store-header .inner {
  padding-top: 6px !important;
  padding-bottom: 4px !important;
}
.store-header {
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
/* =========================================
   Latest Products Section UI (Premium)
   Target: #best-offers-1-slider
   ========================================= */

/* 1) عنوان السكشن: نخلي الزخرفة هادئة ونلغي الخطوط السوداء */
#best-offers-1-slider .enhanced-title-border{
  display: block;
  width: 72px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 999px;
  background: rgba(196,122,138,0.45);
}

/* إخفاء أي خطوط/دوائر ديكور قديمة تحت العنوان */
#best-offers-1-slider .lg\:mx-0 hr,
#best-offers-1-slider .lg\:mx-0 .divider,
#best-offers-1-slider .lg\:mx-0 .separator,
#best-offers-1-slider .lg\:mx-0 .title-decoration,
#best-offers-1-slider .lg\:mx-0 .title-border,
#best-offers-1-slider .lg\:mx-0 .line,
#best-offers-1-slider .lg\:mx-0 .circle{
  display: none !important;
}

/* 2) لون السعر بعد الخصم: من الهوية بدل الأحمر */
#best-offers-1-slider .total-price.text-red-600{
  color: #8F4F5C !important;
}

/* 3) CTA واحد داخل الكرت: نخفي زر السلة الأيقونة ونبقي زر "إضافة للسلة" العريض */
#best-offers-1-slider .product-card__buttons .addToCart{
  display: none !important;
}

/* 4) كروت المنتجات: حل "تطفو" راقي
   - Outline شبه غير مرئي + Shadow ناعم + Hover أعمق قليلًا */
#best-offers-1-slider custom-salla-product-card.product-card,
#best-offers-1-slider .product-card{
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important; /* outline ناعم جدًا */
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important; /* ظل رايق */
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#best-offers-1-slider custom-salla-product-card.product-card:hover,
#best-offers-1-slider .product-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
  border-color: rgba(196,122,138,0.18) !important; /* تلميح وردي خفيف */
}

/* 5) زر "إضافة للسلة" (Soft-filled أقوى شوي) */
#best-offers-1-slider .product-card__enhanced-mini-cart .s-button-element{
  border-radius: 13px !important;
  border-color: rgba(196,122,138,0.55) !important;
  background: rgba(196,122,138,0.18) !important;
}

#best-offers-1-slider .product-card__enhanced-mini-cart .enhanced-label{
  color: #7A3F4B !important;
  font-weight: 600 !important;
}

#best-offers-1-slider .product-card__enhanced-mini-cart .enhanced-icon{
  color: #7A3F4B !important;
}

/* Hover للزر */
#best-offers-1-slider .product-card__enhanced-mini-cart .s-button-element:hover{
  background: rgba(196,122,138,0.22) !important;
  border-color: rgba(196,122,138,0.70) !important;
}

/* 6) أيقونات القلب/العين فوق الصور: أصغر وأنعم */
#best-offers-1-slider .product-card__actions .s-button-element{
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

#best-offers-1-slider .product-card__actions i{
  color: #8F4F5C !important;
}

/* 7) زر "عرض الكل": Secondary متناسق */
#best-offers-1-slider a.btn--outline-primary{
  border-color: rgba(196,122,138,0.55) !important;
  color: #8F4F5C !important;
  border-radius: 14px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* خطوط الفصل يمين ويسار "عرض الكل" */
#best-offers-1-slider .bg-gray-200{
  background: rgba(196,122,138,0.18) !important;
}

/* 8) تهدئة أزرار السلايدر */
#best-offers-1-slider .s-slider-nav-arrow{
  opacity: 0.75;
}
#best-offers-1-slider .s-slider-nav-arrow:hover{
  opacity: 1;
}
#best-offers-1-slider .product-card__enhanced-mini-cart-divider{
  display: none !important;
}
/* إزالة الخطين الجانبيين الأسودين حول عنوان السكشن */
#best-offers-1-slider .enhanced-title-border::before,
#best-offers-1-slider .enhanced-title-border::after {
  display: none !important;
  content: none !important;
}
#best-offers-1-slider .enhanced-title-border{
  width: 64px;
  height: 3px;
  border-radius: 999px;
  background: rgba(196,122,138,0.45);
}