/* 1. تحسين تسميات المنتجات والعروض الترويجية */
.text-xs.w-fit.block.px-3.font-medium.py-1.my-2, 
.text-xs.w-fit.block.px-3.font-thin.py-1.my-2 {
    background-color: #13822d;
    color: white;
    font-weight: bold;
    border-radius: 4px; /* إضافة جمالية بسيطة */
}

/* 2. إصلاح أزرار المنتجات غير المتاحة */
custom-salla-product-card button:disabled,
custom-salla-product-card button:disabled:hover {
    background-color: #fff !important;
    color: red !important;
    border: 1px solid red !important;
    opacity: 0.7; /* إضافة شفافية ليعرف المستخدم أنه غير فعال */
    cursor: not-allowed;
}

/* 3. تحسينات السلايدر وصور المنتجات (بدون التسبب في CLS) */
/* للهواتف */
@media screen and (max-width: 767px) { 
  .product-single.safari .product-info .swiper-wrapper {
    /* نلغي التحديد القسري بـ 400px ونسمح بالتمدد الطبيعي */
    height: auto !important; 
    min-height: 300px; /* نضع حداً أدنى لمنع انهيار المكان */
  }
  .product-single.safari .swiper-slide img {
    width: 100%;
    height: auto; /* الحفاظ على نسبة أبعاد الصورة */
    object-fit: contain; /* منع قص الصورة */
  }
}

/* للأجهزة اللوحية والكمبيوتر */
@media screen and (min-width: 768px) {
  .product-info .sidebar.static {
     /* إصلاح الشريط الجانبي دون إجبار الارتفاع */
    height: auto; 
  }
  
  /* توسيط أدوات التحكم في السلايدر */
  .s-slider-v-centered .s-slider-block__title-nav {
    width: 100%;
    left: 0;
    justify-content: center;
  }
}

/* 4. إخفاء أزرار التنقل المعطلة في السلايدر (تحسين بصري) */
.product-info .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

/* 5. إلغاء الكود الضار الذي يخفي الأيقونات */
/* 
تم حذف: .w-5.h-5 { display: none !important; } 
لأنه يخفي أيقونات النظام المهمة
*/