/* Add custom CSS styles below */ 
/* ====== HEADER ====== */
/*.main-nav-container .sicon-cart:before {opacity: 0;}
body.trans_header.slider_has_overlay .main-nav-container:not(.fixed-header) .sicon-cart {background-image: url(https://nussuq-dev.com/beluar/beluar-1.svg);}*/
.store-header .sicon-cart:before {content: "\ef36";}

.s-cart-summary-count:where([dir="rtl"], [dir="rtl"] *) {right: -1rem;}
.s-cart-summary-count:where([dir="ltr"], [dir="ltr"] *) {left: -1rem;}

@media (min-width:768px){
.header-btn__icon.icon {margin:0 !important}
}

@media (max-width: 991px) {
.header-btn__icon, .sicon-menu.text-2xl {font-size: 1.3rem;}
}


/* ====== PRODUCTS ====== */
.product-card .s-product-options-thumbnails-wrapper {flex-wrap: nowrap;}
.product-card__normal-cart button {background: #000;color: #fff;border-radius: 0;}
.product-card__normal-cart button i {display:none}
p.product-card__subtitle {min-height: 40px;}

@media (min-width:1024px){
.product-card__buttons {justify-content:flex-start}
.product-card--rounded .product-card__image {position: static;}
.quickview-btn {position: absolute !important;bottom: 6px;transition: 0;z-index: 9;right: 1rem;}
html[lang="en"] .quickview-btn {left: 1rem;}
.quickview-btn button, .wishlist button {background:none !important; box-shadow:none !important}
.quickview-btn button i {color:#fff !important}
.wishlist {display:none}
}

@media (max-width:768px){
.product-card__actions {position: unset;}
.product-card__actions .wishlist {position: absolute; top: 10px; bottom: auto; right:10px; left:auto}
.product-card__actions .quickview-btn {position: absolute;top: auto;bottom: 0;z-index: 1; right:10px; left:auto}
html[lang="en"] .product-card__actions .quickview-btn {left:10px; right:auto}
.product-card__actions .quickview-btn button {color:#fff; background:none; border-radius:0; height: 25px;}
.product-card__image {position: static;}
.product-card__actions .quickview-btn button:hover {background: none;}
}

/* ======== SPECIA PRODUCTS ======= */
@media (max-width: 768px) {
.special-product .product-card__normal-cart button {background-color:var(--product-enhanced-btn-bg)!important}
.product-card--special .product-card__content {padding:0 !important}
.special-product .quickview-btn button {height: 35px;}
}

/* ====== FOOTER ====== */
.custom-footer-column h2 {font-size: 1.25rem;}
.custom-footer-column .footer-list li a {line-height: 1.3;font-size: .95rem;}
#footer-social-icons .rounded_contacts a {opacity:1 !important}
.rounded_contacts a i {font-size:1.1rem}
.custom-footer-column .footer-list li a:hover, .custom-footer-column .footer-list li a:focus {color:#ccc}

.store-footer {overflow: hidden;}

@media (max-width:768px){
.custom-footer-column {text-align:right}
html[lang="en"] .custom-footer-column {text-align:left}
.vat-section {justify-content:center; gap:1rem}
}


/* ====== PRODUCT PAGE - RATING ====== */
#custom-mini-rating {background: transparent;border-radius: 0;padding: 0 8px;margin-bottom: 16px;border: none;box-shadow: none;}
#custom-mini-rating > div {justify-content: flex-start; gap:6px}
#custom-mini-rating > div > div {flex-direction: row !important; gap: 0;}
#custom-mini-rating > div span {font-size: 14px; color: #000;}

#custom-detailed-rating {background: transparent;border-radius: 0;padding: 14px;margin-bottom: 0;text-align: center;box-shadow: none;border: none;margin-top: 2rem;}
#custom-detailed-rating > div > div {font-size: 48px;font-weight: 400;color: #000;margin-bottom: 15px;}
#custom-detailed-rating > div > div > div > div {background: #f1c727 !important;}
div#custom-detailed-rating {opacity: 1 !important;}

salla-reviews-summary .s-reviews-summary-header-section.s-reviews-summary-recommendation-only {gap:10px}
.s-reviews-summary-recommendation-percentage, .s-reviews-summary-header-section.s-reviews-summary-recommendation-only p {font-size:1rem;}

@media (max-width:768px){
#custom-detailed-rating {padding:10px !important; margin-bottom:2rem !important}
}

/* === تفعيل وتعطيل العرض ====== */

#custom-product-recommendation {display:none}
/*اخفاء ايقونة القلب */
/* إخفاء أيقونات أو عناصر المفضلة (wishlist) */
.wishlist {
  display: none !important;
}


/*====== تكبير نص البطاقة الاولى ====*/
/* تكبير عنوان المنتج (النص) في جميع الشاشات */
/* تصغير عنوان المنتج (النص) بشكل متجاوب */
.product-card__content-wrapper .product-card__title a {
  font-size: clamp(16px, 2vw, 22px) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

/* (اختياري) تصغير الوصف أسفل العنوان */
.product-card__content-wrapper .product-card__subtitle {
  font-size: clamp(13px, 1.6vw, 16px) !important;
  line-height: 1.5 !important;
}




/* تكبير العنصر الذي يحتوي على flex مع تحريكه للأسفل */
header .flex.items-center.flex-col.justify-center {
  transform: scale(0.7) translateY(2px); /* تكبير وتحريك لأسفل */
  transform-origin: center; /* التكبير من المنتصف */
}

/* محاذاة عناصر الفوتر جهة اليسار */
footer .flex.items-center.flex-col.justify-center {
  transform: scale(0.7) translateY(2px); /* تكبير وتحريك لأسفل */
  transform-origin: center;               /* التكبير من المنتصف */
  display: flex;
  flex-direction: column;                 /* ترتيب عمودي */
  align-items: flex-start;                /* محاذاة العناصر جهة اليسار */
  justify-content: flex-start;            /* إزالة أي توسيط عمودي */
}

/*كود اخفاء الاطارات */
.enhanced-contact-item {
  border: none !important;  /* إزالة الإطار */
}

/* نسخ صورة الهيدر إلى الفوتر */
.footer-logo-container img {
  content: url( 
    /* نأخذ نفس رابط صورة الهيدر */
    url_of_header_logo_here
  );
  width: auto;          /* يمكن تعديل العرض */
  height: 80px;         /* يمكن تعديل الطول */
  object-fit: contain;  /* الحفاظ على نسبة الصورة */
}


/*رفع زر التيك توك */
.s-social-link {
  position: relative; /* أو absolute/fixed حسب الحاجة */
  z-index: 9999;      /* أعلى من معظم العناصر الأخرى */
}

/* ============================= */
/* التحكم في السجل التجاري */
/* ============================= */
/* اخفاء نص/عنصر السجل التجاري */
.s-trust-badges-label {
  display: none !important;
}

/* اظهار السجل التجاري بدون تفاعل */
.s-trust-badges-wrapper {
  pointer-events: none;      /* منع النقر والتفاعل */
  cursor: default;
  position: absolute;        /* يسمح بالتحريك */
  bottom: 157px;             /* تحريك من الأسفل */
  right: 140px;               /* تحريك من اليمين */
  z-index: 10;
  transform: scale(0.7);     /* تصغير/تكبير بسيط */

  display: flex;             /* تفعيل Flex */
  flex-direction: column;   /* ترتيب عمودي */
  align-items: center;      /* توسيط أفقي */
  justify-content: center;  /* توسيط عمودي */
  gap: 0.5rem;              /* مسافة بين العناصر */
}

/* ============================= */
/* شاشة الكمبيوتر */
/* ============================= */
@media (min-width: 1024px) {
  .s-trust-badges-wrapper {
    bottom: 80px;            /* موضع مختلف للكمبيوتر */
    right: 180px;
    transform: scale(0.95);
  }
}

/*كود التحكم في الرقم الضريبي 
/* اخفاء نص الرقم الضريبي */
.text-sm.text-text-grey.mb-1 {
  display: none !important;
}

/* تكبير حجم العناصر داخل الفوتر قليلاً وتحريكها جهة اليمين */
footer .flex.rtl\:space-x-reverse.space-x-2.items-end.justify-center {
  position: absolute;
  bottom: 160px;
  right: 1px;
  display: flex;
  flex-direction: column !important;  /* ترتيب عمودي */
  align-items: center;                 /* توسيط العناصر أفقياً */
  justify-content: center;             /* توسيط العناصر عمودياً داخل العمود */
  gap: 0.5rem;                         /* المسافة بين العناصر */
  z-index: 10;
  transform: scale(0.7);
}
/*كود لشاشة الكمبيوتر */
@media (min-width: 1024px) {
  footer .flex.rtl\:space-x-reverse.space-x-2.items-end.justify-center {
    position: absolute;
    bottom: 81px;         /* المسافة من أسفل الفوتر */
    right: 25px;           /* تحريك العنصر قليلاً إلى اليسار من أقصى اليمين */
    display: flex;
    flex-direction: column !important;  /* ترتيب عمودي */
    align-items: center;                 /* توسيط العناصر أفقياً */
    justify-content: center;             /* توسيط العناصر عمودياً داخل العمود */
    gap: 0.5rem;                         /* المسافة بين العناصر */
    z-index: 10;
    transform: scale(1);               /* تكبير/تصغير العناصر */
  }
}


/* تكبير أيقونات الخط قليلاً */
footer .flex.rtl\:space-x-reverse.space-x-2.items-end.justify-center i {
  font-size: 24px;  /* زيادة الحجم من 20px إلى 24px */
}

footer .flex.rtl\:space-x-reverse.space-x-2.items-end.justify-center {
  pointer-events: none;
  cursor: default;
}

/* دعم RTL مع عكس الاتجاه الطبيعي */
footer .flex.rtl\:space-x-reverse.space-x-2.items-end.justify-center.rtl\:space-x-reverse {
  flex-direction: row; /* بدلاً من row-reverse */
}
/* عدم التفاعل مع النقر * 
/* كود موثق لدى منصة الاعمال */
.flex.items-center.justify-center.flex-col.h-full {
  position: absolute;
  top: 128.5px;           
  left: 10px;           
  display: flex;
  flex-direction: column;
  align-items: center;   
  justify-content: center; 
  gap: 0.5rem;
  z-index: 1;           /* تخفيض القيمة لوضع العنصر خلف معظم العناصر */
  transform: scale(0.6); 
}

/* حجم الأيقونات */
.flex.items-center.justify-center.flex-col.h-full i {
  font-size: 20px;
}
/* شاشة الكمبيوتر */
/* فقط لشاشات الكمبيوتر */
@media (min-width: 1024px) {
  .flex.items-center.justify-center.flex-col.h-full {
    position: absolute;
    top: 120px;       /* المسافة من أعلى الصفحة */
    left: auto;       /* إلغاء أي محاذاة سابقة لليسار */
    right: 280px;      /* تحريك العنصر قليلاً إلى اليسار */
    bottom: auto;     /* إلغاء أي تحريك سابق للأسفل */
    display: flex;
    flex-direction: column;
    align-items: center;    
    justify-content: center; 
    gap: 0.5rem;
    z-index: 999;
    transform: scale(0.8);  
  }
}


  /* حجم الأيقونات */
  .flex.items-center.justify-center.flex-col.h-full i {
    font-size: 22px;  /* أكبر قليلاً على الكمبيوتر */
  }
}

/* التأكد من بقاء الشعار في منتصف الهيدر */
.inner.bg-inherit.w-full {
  padding-bottom: 20px; /* زيادة المسافة أسفل الهيدر */
  min-height: 80px;      /* ارتفاع الهيدر كحد أدنى */
  box-sizing: border-box; /* لضمان أن padding لا يزيد الحجم خارج العنصر */
}

.footer-logo-container {  /* الحاوية التي تحتوي على الصورة */
  width: 200px;            /* عرض الحاوية أكبر من الصورة */
  height: 300px;           /* ارتفاع الحاوية أكبر من الصورة */
  display: flex;
  justify-content: center; /* توسيط الصورة أفقياً */
  align-items: center;     /* توسيط الصورة عمودياً */
  margin: 0 auto;          /* توسيط الحاوية في الصفحة */
  background: transparent; /* يمكن تركه شفاف أو أي لون */
}

.img-fluid.mx-auto.lg\:mx-\[unset\] {
  width: 84px;          /* حجم الصورة أصغر من الحاوية */
  height: 95غ0px;         /* الطول = العرض */
  object-fit: cover;     /* الحفاظ على نسبة الصورة */
}
/*الفوتر */
/* الفوتر كعمود عمودي */
footer {
  display: flex;
  flex-direction: column; /* ترتيب العناصر عمودياً */
}

/* العنوان يظهر أولًا */
.footer-title {
  order: 1;
}

/* البادجات تظهر تحت العنوان */
.footer-badges {
  order: 2;
  margin-top: 12px; /* مسافة بين العنوان والبادجات */
  display: flex; /* للحفاظ على Flex الخاص بها */
  align-items: center;
  justify-content: center; /* وسط العناصر على الشاشات الصغيرة */
}

/* على الشاشات الكبيرة يمكن تغيير المحاذاة */
@media (min-width: 1024px) {
  .footer-badges {
    justify-content: flex-start; /* مثل lg:justify-start في Tailwind */
  }
}
/* كود الحكم بالازرار التي في اسفل الشاشة */
.s-payments-list {
  display: flex;               /* عرض العناصر في صف واحد */
  flex-wrap: wrap;             /* السماح للعناصر بالانتقال للسطر التالي إذا لم تتسع */
  justify-content: center;     /* محاذاة العناصر في الوسط أفقياً */
  gap: 10px;                   /* مسافة بين العناصر */
  padding: 0;
  margin: 0;
  list-style: none;            /* إزالة النقط من القائمة */
}

.s-payments-list-item {
  flex: 0 1 auto;             /* السماح للعناصر بالتمدد والانكماش حسب حجم الشاشة */
  max-width: 58px;             /* الحد الأقصى لحجم الصورة */
  width: 10vw;                 /* حجم نسبي حسب عرض الشاشة */
}

.s-payments-list-item img {
  width: 100%;                 /* الصورة تملأ العنصر بالكامل */
  height: auto;                /* يحافظ على النسبة الصحيحة للصورة */
  display: block;
}
/* ايقونة الواتساب */ 
#wa-selia {
  position: fixed;       /* يجعل العنصر ثابت على الشاشة */
  bottom: 20px;          /* المسافة من أسفل الشاشة */
  right: 20px;           /* المسافة من يمين الشاشة */
  z-index: 9999;         /* يجعله فوق كل العناصر الأخرى */
  width: 60px;           /* حجم العنصر */
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;    /* دائري الشكل */
  background-color: #b97e46; /* لون الخلفية */
  box-shadow: 0 4px 6px rgba(0,0,0,0.3); /* ظل جميل */
  cursor: pointer;
}

/* الحاوية الرئيسية */
.footer-business-info {
  display: flex;
  flex-direction: row;      /* صف أفقي */
  justify-content: center;  /* توسيط العناصر */
  align-items: center;      /* محاذاة متساوية عموديًا */
  gap: 20px;                /* المسافة بين العناصر */
  flex-wrap: wrap;          /* للسلوك على الشاشات الصغيرة */
  margin-top: 20px;         /* مسافة عن بقية الفوتر */
  z-index: 10;
}

/* دمج السجل التجاري + السجل الضريبي + موثق الأعمال في صف واحد */
.footer-trust-wrapper {
  display: flex;                  /* وضع العناصر في صف */
  flex-wrap: wrap;                /* السماح بالانتقال لسطر جديد إذا ضاق المكان */
  justify-content: space-between; /* توزيع المسافات متساوي بين العناصر */
  align-items: center;            /* محاذاة عمودي متناسقة */
  gap: 20px;                      /* مسافة مرنة بين العناصر (يمكن تعديلها) */
  width: 100%;                     /* عرض كامل الحاوية */
  padding: 10px 0;                /* مسافة من الأعلى والأسفل */
  box-sizing: border-box;         /* لتجنب مشاكل الحشو */
}

/* التأكد من أن كل عنصر يتناسب مع الشاشة */
.footer-trust-wrapper > div {
  flex: 1 1 120px; /* يسمح لكل عنصر بالتوسع والانكماش، والحد الأدنى 120px */
  display: flex;
  justify-content: center; /* محاذاة محتوى العنصر بالوسط */
  align-items: center;
  gap: 5px;                /* مسافة صغيرة بين أيقونة ونص داخل العنصر */
}

/* استجابة لشاشات صغيرة */
@media (max-width: 768px) {
  .footer-trust-wrapper {
    flex-direction: column; /* في الهواتف تصبح عمودياً */
    gap: 15px;
  }
}