/* ================================
   سفين باقز — تخصيصات عامة
   ملاحظات: أي تعديل هنا يؤثر عالموقع كله
================================== */

/* أحجام الخطوط العامة */
body { /* حجم الخط الافتراضي للموقع */
  font-size: 18px;
}


.text-sm { /* انتبه: هذا كلاس عام—إذا كان من Tailwind رح يغيّر كل text-sm */
  font-size: 1.15rem;
}

.text-xl { /* نفس الملاحظة أعلاه */
  font-size: 1.5rem;
}

.s-contacts-item { /* بنود وسائل الاتصال بالفوتر */
  font-size: 1.25rem;
}

.s-menu-footer-item { /* روابط القوائم في الفوتر */
  font-size: 1rem;
}

.store-footer h3 { /* عناوين أقسام الفوتر */
  font-size: 1.55rem;
}

.s-product-card-content-title a { /* عناوين المنتجات في الكروت */
  font-size: 1.2rem;
}

.main-menu li > a { /* بنود القائمة العلوية */
  font-size: 1.12rem;
}

.form-label { /* عناوين الحقول في النماذج */
  font-size: 1.15rem !important;
}


/* الألوان والخلفيات العامة */
.s-product-card-entry { /* خلفية كرت المنتج */
  background-color: #e8e4da90; /* بيج شفاف خفيف */
}

.footer-is-light .store-footer .store-footer__inner,
.relative,
.top-navbar,
.main-nav-container,
.s-user-menu-trigger { /* توحيد خلفيات أقسام متعددة */
  background-color: #e8e4da;
}

/* مكوّنات وأدوات عامة */
.slide--cat-entry { /* بطاقات تصنيفات السلايدر */
  border-radius: 1.375rem;
  background-color: #e8e4da90;
}

.rounded-full { /* انتبه: عام جداً — قد يؤثر على عناصر كثيرة */
  border-radius: 0rem;
}

.w-16 { width: 8rem; }  /* ملاحظة: Utilities عامة—تأثيرها واسع */
.h-16 { height: 6rem; } /* نفس الملاحظة */


/* ================================
   أقسام المنتجات (main-links-0) — سلايدر مضبوط
   الهدف: توسيط العنوان والسلايدر وضبط المسافات
================================== */

/* 1) عنوان القسم في المنتصف */
#main-links-0 .s-slider-block__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
#main-links-0 .s-slider-block__title-left { /* كان يزاحم العنوان لليمين */
  display: none;
}
#main-links-0 .s-slider-block__title h2 {
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
  margin-bottom: 12px !important; /* عدّلها لو احتجت مسافة أكبر */
}

/* 2) حاوية السلايدر في الوسط مع حواف متوازنة */
#main-links-0 .swiper {
  width: min(1100px, 100%) !important; /* عدّل 900–1200 حسب العرض المرغوب */
  margin-inline: auto !important;
  padding-inline: 8px; /* توازن الهوامش يمين/يسار */
}

/* 3) سلوك سلايدر: صف واحد + مسافات متساوية */
#main-links-0 .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;         /* نُبقيه سلايدر (دون التفاف) */
  justify-content: flex-start !important;
  margin: 0 -12px;                      /* لمعالجة فراغ حواف السلايدر */
}
#main-links-0 .swiper-slide {
  margin: 0 12px;                       /* المسافة بين البطاقات */
  width: 180px !important;              /* عرض بطاقة الديسكتوب */
  box-sizing: border-box;
}
#main-links-0 .swiper-slide * { text-align: center; }

/* 4) موبايل: بطاقتان تقريبًا في العرض الواحد */
@media (max-width: 768px) {
  #main-links-0 .swiper { padding-inline: 10px; } /* هوامش متوازنة */
  #main-links-0 .swiper-slide {
    width: calc(50% - 18px) !important; /* عنصران جنب بعض */
    margin: 0 9px;
  }
}


/* ================================
   صور المنتجات داخل الكروت
   الهدف: الحافظ على المربّع وإيقاف القص في الجوال
================================== */

/* الحاوية مربعة بشكل افتراضي (بدون إجبار ارتفاع) */
.s-product-card-image {
  aspect-ratio: 1 / 1; /* يحافظ على مربع متناسق */
}

/* موبايل: عرض الصورة كاملة داخل المربّع (بدون قص) */
@media (max-width: 768px) {
  .s-product-card-image {
    aspect-ratio: 1 / 1;
    height: auto !important; /* إلغاء أي ارتفاع ثابت من الثيم */
  }
  .s-product-card-image img.s-product-card-image-cover {
    width: 100%;
    height: 100%;
    object-fit: contain !important; /* تظهر الصورة كاملة */
    object-position: center center;
    background: transparent; /* بدون خلفية إضافية */
  }
}

/* دِسكتوب: قص احترافي داخل المربع */
@media (min-width: 769px) {
  .s-product-card-image img.s-product-card-image-cover {
    object-fit: cover !important;
    object-position: center center;
  }
}


/* ================================
   أزرار وألسنة التبويب
================================== */

.s-button-primary { /* زر الشراء/الأزرار الأساسية */
  background-color: #162d46;
  color: #f8f8f8;
}

.s-block--tabs-produtcs .tab-trigger.is-active button { /* تبويب المنتجات النشط */
  background-color: #162d46;
  color: #f8f8f8;
}
/* سلايدر التصنيفات مع هوامش بسيطة يمين ويسار */
#main-links-0 .swiper {
  width: calc(100% - 20px) !important;   /* نقصنا 20px للمسافة */
  max-width: 100% !important;
  margin: 0 auto !important;             /* يوسّط السلايدر */
  padding: 0 !important;
}

#main-links-0 .s-slider-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.s-button-btn {
    font-size: 1rem;
}
.s-slider-block__title h2 {
    font-size: 1.5rem;
}

.store-footer__inner {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

























:root{
  --wa-color:#25D366;       /* لون الزر */
  --wa-text:#fff;           /* لون الأيقونة/النص */
  --wa-shadow:0 8px 24px rgba(0,0,0,.18);
}

/* الزر العائم */
#wa-tab{
  position:fixed;
  right:16px;               /* غيّرها إلى left:16px; لو تبغى يسار */
  bottom:16px;
  z-index:2147483647;
  isolation:isolate;        /* يمنع تأثيرات المزج من عناصر الأب */
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--wa-color);
  color:var(--wa-text);
  border-radius:999px;
  padding:12px 16px;
  box-shadow:var(--wa-shadow);
  cursor:pointer;
  text-decoration:none;
  font-size:15px;
  line-height:1;
  font-weight:600;
  -webkit-tap-highlight-color: transparent;
}

#wa-tab:hover{ filter:brightness(1.05); transform:translateY(-1px); }
#wa-tab:active{ transform:translateY(0); }

#wa-tab__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex-shrink:0;
}

/* إلغاء أي فلاتر/ستروك/بلند مود يفرضها القالب على الـ SVG */
#wa-tab__icon svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  filter:none !important;
  mix-blend-mode: normal !important;
}
#wa-tab__icon svg *,
#wa-tab__icon path,
#wa-tab__icon g{
  fill:#fff !important;
  stroke:none !important;
}

#wa-tab__label{ white-space:nowrap; }

/* على الشاشات الصغيرة: أيقونة فقط */
@media (max-width:480px){
  #wa-tab{ padding:12px; gap:0; }
  #wa-tab__label{ display:none; }
}