/*  خلفية المتجر */
body,
.app-content,
.main-content{
  background-color: #F5FAFF !important;
}
/*  البنر */
/* إزالة الفراغات حول البنر */
.s-block--fixed-banner .container{
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* إزالة المسافة فوق البنر */
.s-block--fixed-banner{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* يخلي البنر يملي الشاشة */
.s-block--fixed-banner .banner{
  display: block;
  width: 100% !important;
  border-radius: 0 !important;
}

/* ===================== سحاب - خلفية صور السلايدر ===================== */

.swiper-slide a img.w-full.object-contain.rounded-md{
  background: #EBF4FF !important;
  border-radius: 18px !important;
  padding: 10px !important;
}

/* تحسينات مميزات المنتج */


.s-block__title h2{
  color: #2563EB !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  text-align: center !important;
  position: relative;
  display: inline-block;
}

/* الخط تحت العنوان */
.s-block__title h2::after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #EBF4FF;
  margin: 10px auto 0;
  border-radius: 2px;
}
/* تجهيز البوكس */
.box-container .box{
  transition: all 0.3s ease !important;
  border-radius: 16px;
}

/* حركة عند المرور */
.box-container .box:hover{
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* الأيقونة (الدائرة) */
.box-container .box h3{
  transition: all 0.3s ease !important;
}

/* تكبير الأيقونة */
.box-container .box:hover h3{
  transform: scale(1.1);
}

/* الأيقونة نفسها */
.box-container .box i{
  transition: all 0.3s ease !important;
}

/* دوران خفيف للأيقونة */
.box-container .box:hover i{
  transform: rotate(8deg);
}
/* ===================== سحاب - بطاقة المنتج ===================== */

/* الحاوية */
.s-products-list-vertical-cards{
  display: flex !important;
  justify-content: center !important;
}

/* عرض الكارد */
.s-products-list-vertical-cards custom-salla-product-card{
  width: calc(100% - 24px) !important;
  margin: 0 auto !important;
}

/* الكارد */
.s-product-card-entry{
  background: #E6F0FF !important;
  border-radius: 22px !important;
  border: 1px solid rgba(59,130,246,0.15) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

/* هوفر قوي */
.s-product-card-entry:hover{
  transform: translateY(-10px) scale(1.02);
  box-shadow:
    0 25px 60px rgba(37,99,235,0.2),
    0 10px 25px rgba(0,0,0,0.08);
}

/* الصورة */
.s-product-card-image{
  background: #E6F0FF !important;
  padding: 20px !important;
}

/* ✅ الصورة تظهر كاملة وكبيرة من البداية */
.s-product-card-image img{
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transform: scale(1.08); /* تكبير افتراضي */
  border-radius: 16px !important;
  transition: transform 0.4s ease !important;
}

@media (max-width: 768px){
  .s-product-card-image{
    padding: 16px 16px 0 16px !important;
  }

  .s-product-card-image a{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 220px !important;
  }

  .s-product-card-image img,
  .s-product-card-image .s-product-card-image-cover{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .s-product-card-entry:hover img{
    transform: none !important;
  }
}
/* هوفر خفيف فقط */
.s-product-card-entry:hover img{
  transform: scale(1.12);
}

/* المحتوى */
.s-product-card-content{
  background: #E6F0FF !important;
  text-align: center !important;
  padding: 10px 20px 20px !important;
}

/* النص */
.s-product-card-content-title a{
  color: #1E293B !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

.s-product-card-price{
  color: #1E293B !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* زر السلة */
.s-product-card-content-footer .s-button-element{
  background: #3B82F6 !important;
  border-color: #3B82F6 !important;
  color: #FFFFFF !important;
  border-radius: 14px !important;
  height: 48px !important;
  transition: all 0.25s ease !important;
}

/* هوفر الزر */
.s-product-card-content-footer .s-button-element:hover{
  background: #2563EB !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37,99,235,0.25);
}

/* إخفاء عنوان أحدث المنتجات */
.hide-scroll-wrapper{
  display: none !important;
}

/* إزالة الخلفية من السكشن */
#featured-products-style2-3{
  background: transparent !important;
}
/* ===================== إشعار إضافة المنتج للسلة - سحاب ===================== */

/* الإشعار نفسه */
.s-add-product-toast{
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(59,130,246,0.12) !important;
  box-shadow: 0 18px 40px rgba(37,99,235,0.12) !important;
}

/* البار */
.s-add-product-toast__progress-bar{
  background: #1D4ED8 !important;
  height: 5px !important;
}

/* الهيدر */
.s-add-product-toast__header{
  background: #FFFFFF !important;
}

.s-add-product-toast__title{
  color: #1E293B !important;
  font-weight: 700 !important;
}

/* خط الفصل */
.s-add-product-toast__divider{
  background: rgba(59,130,246,0.10) !important;
}

/* الصورة */
.s-add-product-toast__image img{
  border-radius: 14px !important;
}

/* اسم المنتج والسعر */
.s-add-product-toast__name,
.s-add-product-toast__price,
.s-add-product-toast__price div{
  color: #1E293B !important;
}

/* زر إتمام الطلب */
#toast-submit .s-button-element,
#toast-submit button.s-button-element,
.s-add-product-toast .s-button-primary{
  background: #60A5FA !important;   /* أفتح شوي من البنر */
  border-color: #60A5FA !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

#toast-submit .s-button-text,
#toast-submit .s-button-text span,
#toast-submit .s-button-text svg,
#toast-submit .s-button-text path{
  color: #FFFFFF !important;
  stroke: currentColor !important;
}

/* زر عرض السلة */
.s-add-product-toast .s-button-gray-outline,
.s-add-product-toast .s-button-outline.s-button-gray-outline{
  background: #EAF2FF !important;   /* أفتح بكثير من زر إتمام الطلب */
  border-color: #D6E6FF !important;
  color: #2563EB !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.s-add-product-toast .s-button-gray-outline .s-button-text,
.s-add-product-toast .s-button-gray-outline .s-button-text span,
.s-add-product-toast .s-button-gray-outline .s-button-text svg,
.s-add-product-toast .s-button-gray-outline .s-button-text path{
  color: #2563EB !important;
  stroke: currentColor !important;
}

/* هوفر خفيف */
#toast-submit .s-button-element:hover{
  background: #3B82F6 !important;
  border-color: #3B82F6 !important;
}

.s-add-product-toast .s-button-gray-outline:hover{
  background: #DCEBFF !important;
  border-color: #C9DEFF !important;
}

/* تحسينات المحتوى التعريفي */

/* الحاوية */
.info-block__img{
  background: #EBF4FF !important; /* أغمق شوي من خلفية المتجر */
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* الصورة نفسها */
.info-block__img img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 18px !important;
}

/* العنوان */
.info-block__content h2{
  color: #2563EB !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

/* المحتوى */
.info-block__content p{
  color: #1E293B !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
}

/* ===================== صفحة اتمام الطلب ===================== */

/* كارد المنتج */
.cart-item{
  background: #EEF5FF !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 20px !important;
  color: #1E293B !important;
}

/* صورة المنتج */
.cart-item img{
  background: #EBF4FF !important;
  border-radius: 12px !important;
  border: none !important;
}

/* اسم المنتج */
.cart-item h3 a{
  color: #1E293B !important;
  font-weight: 700 !important;
}

/* السعر بالرصاصي */
.cart-item .item-price{
  color: #64748B !important;
  font-weight: 500 !important;
}

/* كلمة المجموع بالأسود */
.cart-item p.text-primary span:first-child{
  color: #000000 !important;
}

/* الرقم النهائي يبقى غامق */
.cart-item .item-total{
  color: #1E293B !important;
  font-weight: 800 !important;
}

/* حدود البوكس الأوسط */
.cart-item .border-t,
.cart-item .border-b{
  border-color: #000000 !important;
}

/* بوكس ملخص الطلب */
.bg-white.border.p-5.sm\:p-7.rounded.mb-5.relative.transition-all.duration-1000{
  background: #EEF5FF !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* عنوان ملخص الطلب */
.bg-white.border.p-5.sm\:p-7.rounded.mb-5.relative.transition-all.duration-1000 h4{
  color: #1E293B !important;
  font-weight: 800 !important;
}

/* نصوص الملخص */
.bg-white.border.p-5.sm\:p-7.rounded.mb-5.relative.transition-all.duration-1000 span{
  color: #64748B !important;
}

/* الأرقام في الملخص */
.bg-white.border.p-5.sm\:p-7.rounded.mb-5.relative.transition-all.duration-1000 b{
  color: #1E293B !important;
}

/* زر اتمام الطلب = نفس لون اضافة للسلة */
.cart-submit-wrap .s-button-element{
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #3B82F6 !important;
  border-radius: 14px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}
/* ===================== سحاب - صفحة المنتج ===================== */



/* بلوك الوصف الجانبي */
.main-content.lg\:sticky{
  color: #1E293B !important;
}

/* عنوان المنتج */
.main-content.lg\:sticky h2{
  color: #1E293B !important;
}

/* الوصف */
.product__description,
.product__description #more-content,
.product__description p{
  color: #1E293B !important;
  line-height: 1.9 !important;
}

/* بلوك السعر والكمية */
.product-form{
  background: #EBF4FF !important;
  border: 1px solid rgba(59,130,246,0.12) !important;
  box-shadow: none !important;
}

/* السعر */
.product-form .total-price,
.product-form .starting-or-normal-price,
.product-form .starting-or-normal-price h2{
  color: #1E293B !important;
}

/* أزرار الكمية */
.product-form .s-quantity-input-container{
  background: #FFFFFF !important;
  border: 1px solid rgba(59,130,246,0.12) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.product-form .s-quantity-input-button,
.product-form .s-quantity-input-input{
  background: transparent !important;
  color: #1E293B !important;
  border: none !important;
}

/* زر إضافة للسلة */
.btn--add-to-cart .s-button-primary{
  background: #60A5FA !important;
  border-color: #60A5FA !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.btn--add-to-cart .s-button-primary .s-button-text{
  color: #FFFFFF !important;
}

/* زر اشتري الآن */
.s-add-product-button-mini-checkout,
.s-add-product-button-mini-checkout .s-add-product-button-mini-checkout-content{
  background: #EAF2FF !important;
  border-radius: 16px !important;
}

.btn--add-to-cart .s-add-product-button-mini-checkout-content{
  color: #2563EB !important;
}

.btn--add-to-cart .s-add-product-button-mini-checkout-content svg,
.btn--add-to-cart .s-add-product-button-mini-checkout-content path{
  color: #2563EB !important;
  fill: currentColor !important;
}

/* بلوك التقييم */
#tabs-container{
  background: #F5FAFF !important;
}

#tabs-container .container{
  background: #FFFFFF !important;
  border-radius: 20px !important;
}

/* مربع عبارة تقييمات المنتج */
.product-tabs .tabs{
  background: transparent !important;
}

.product-tabs .tab-trigger.tab--comments{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  background: #60A5FA !important;
  color: #FFFFFF !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.product-tabs .tab-trigger.tab--comments.is-active{
  background: #60A5FA !important;
  color: #FFFFFF !important;
}