/* Add custom CSS styles below */

@font-face {
  font-family: 'SallaIcons';
  src: url('https://cdn.salla.network/fonts/sallaicons.woff2') format('woff2'),
       url('https://cdn.salla.network/fonts/sallaicons.ttf') format('truetype');
  font-display: swap; /* أو optional لو تبغى خفة أكبر */
}


/* ضمان أن الصور متجاوبة ولا تتجاوز عرض الحاوية */
img {
  max-width: 100%;
  height: auto; /* يحافظ على نسبة العرض إلى الارتفاع */
  display: block; /* يزيل أي مسافة بيضاء إضافية أسفل الصور */
}

/* تحسين تحميل الخطوط لمنع تحولات التخطيط (CLS) */
/* استبدل 'YourCustomFont' باسم الخط الذي تستخدمه */
@font-face {
  font-family: 'YourCustomFont';
  src: url('your-custom-font.woff2') format('woff2'); /* استخدم مسار الخط الصحيح */
  font-display: swap; /* يمنع حظر عرض النص أثناء تحميل الخط، ويستخدم خط احتياطي مؤقتًا */
}

/* تطبيق الخط على عناصر النص الرئيسية */
body, h1, h2, h3, h4, h5, h6, p, span, a {
  font-family: 'YourCustomFont', sans-serif; /* تأكد من وجود خط احتياطي */
}

/* مثال لحجز مساحة للعناصر التي قد تسبب CLS، مثل الإعلانات أو الـ pop-ups */
/* إذا كان لديك عنصر معين يظهر بشكل مفاجئ ويسبب تحولاً، يمكنك حجز مساحة له */
/* .your-ad-container {
  min-height: 200px; /* مثال: حجز 200 بكسل للعنصر */
/* }
/* إخفاء خيار "الأكثر مبيعاً" من الفلتر */
#product-filter option[value="bestSell"] {
    display: none !important;
}

/* Add custom CSS styles below */ 

.woot-widget-bubble {
  position: fixed !important;
  right: 20px !important;
  bottom: 90px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 10px !important;
  background: #bc8676 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
  padding: 0 !important;
}

.woot-widget-bubble svg {
  width: 28px !important;
  height: 28px !important;
  fill: #ffffff !important;
}