/* اخفاء علامة زيادة الكمبية */
salla-quantity-input,
.s-quantity-input {
    display: none !important;
}


/* تغيير خلفية شارة "قابل للتعديل" لجميع بطاقات المنتجات */ .product-entry__promotion_title { background-color: #E5A241 !important; color: #fff !important; /* يظل النص أبيض */ }

/* تكبير مساحة شارة "قابل للتعديل" */
.product-entry__promotion_title {
  max-width: 100% !important;   /* السماح لها تتمدد */
  padding-inline: 12px !important; /* توسعة الحواف يمين ويسار */
  font-size: 14px !important;   /* تكبير الخط */
  height: auto !important;
  white-space: normal !important; /* يسمح بسطرين إذا صار النص طويل */
}


/* تكبير مساحة النص داخل صناديق الإحصائيات */
.statistics-item h3 {
  font-size: 38px !important;     /* تكبير الرقم */
  line-height: 1.2 !important;
}

.statistics-item p {
  font-size: 20px !important;     /* تكبير النص السفلي */
  line-height: 1.6 !important;
  margin-top: 8px !important;
}

/* تكبير مساحة الصندوق نفسه */
.statistics-item .border {
  padding: 32px !important;        /* زيادة مساحة داخلية */
}

/* تكبير الأيقونة قليلاً */
.statistics-item .h-\[88px\] {
  height: 100px !important;
  width: 100px !important;
}

.statistics-item i {
  font-size: 50px !important;
}



.sold-quantity {
  gap: 6px !important;   /* مسافة مناسبة بين الصورة والنص */
}




@media (max-width: 767px) {
  #main-slider-1-0 .block-inner {
    padding-top: 0 !important;   /* إلغاء المسافة فوق */
  }
}


/* يخفي أيقونة الأرض في نسخة الجوال فقط */ @media (max-width: 768px) { .header__icons .sicon-earth { display: none !important; } }

/* الأيقونات كلها ستروك فقط */ .header__icons i svg, .header__icons svg { width: 32px !important; height: 32px !important; fill: none !important; /* يخليها شفافة من الداخل */ stroke: #10979E !important; /* لون الستروك */ stroke-width: 2px !important; /* سماكة الستروك */ }

/* هذا الكود مخصص لتغيير لون عنوان "اشترك في نشرتنا الإخبارية الآن!" فقط */ h2.mb-1.text-\[32px\].leading-12.md\:text-\[40px\].md\:leading-\[60px\].font-bold.text-gray-900.anime-item { color: #fff !important; /* يخلي النص أبيض */ }


/* تخصيص زر "إشتراك الآن" فقط بانحناء بسيط */
button.btn--main.group.is-primary.anime-item {
  background-color: #ffffff !important;   /* خلفية بيضاء */
  color: #10979E !important;             /* النص أخضر */
  border: 1px solid #10979E !important;  /* حدود خضراء */
  border-radius: 15px !important;         /* انحناء بسيط */
  padding: 12px 24px !important;
}

/* سهم القائمة المندسلة للحساب */
.s-user-menu-trigger-icon svg path {
  fill: #063034 !important;     /* فل كامل باللون */
  stroke: none !important;      /* يلغي أي ستروك */
  opacity: 1 !important;        /* يخلي اللون ثابت ما ينخفف */
}
/* القائـمة المنسدلة لحساب المستخدم فقط */
ul.s-user-menu-dropdown-list li a i svg,
ul.s-user-menu-dropdown-list li a i svg * {
  width: 18px !important;        /* حجم أصغر */
  height: 18px !important;
  fill: #12979E !important;      /* فل بلون أخضر */
  stroke: none !important;       /* إلغاء الستروك */
}

/* تصغير النصوص */
ul.s-user-menu-dropdown-list .s-user-menu-dropdown-item-title {
  font-size: 14px !important;    /* خط أصغر */
  line-height: 1.2 !important;
  color: #000 !important;        /* النص أسود (تقدر تغيّر) */
}

/* تصغير المسافات بين الأيقونة والنص */
ul.s-user-menu-dropdown-list li a {
  gap: 8px !important;
}

/* إلغاء اللون البرتقالي عند الضغط أو التحديد على التاب */
button.tab-item.active {
  background-color: var(--color-primary) !important; /* يظل بنفس لون التفعيل الأساسي */
  color: var(--color-primary-reverse) !important;   /* يظل النص واضح */
  box-shadow: none !important;                      /* يلغي أي ظل أو تأثير برتقالي */
}

/* تنسيق أيقونات + نصوص قسم تواصل معنا */
#widget-contacts a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  direction: rtl !important; /* يبدأ من اليمين */
  white-space: nowrap !important; /* يمنع النص يتجزأ */
}

#widget-contacts i {
  width: 32px !important;   /* توحيد حجم الأيقونات */
  height: 32px !important;
  font-size: 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#widget-contacts span {
  font-size: 13px !important;   /* خط أصغر */
  font-weight: normal !important; /* مو bold */
  color: #053033 !important;    /* لون موحد للنص */
}

/* إلغاء الدائرة والإطار من زر المفضلة */
salla-button.product-entry-btn--wishlist button.s-button-element {
  background: none !important;  /* يلغي الخلفية */
  border: none !important;      /* يلغي البوردر */
  box-shadow: none !important;  /* يلغي أي ظل */
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

/* زر المفضلة - قلب فل */
salla-button.product-entry-btn--wishlist i.sicon-heart svg path {
  fill: #888 !important;   /* يصير فل رمادي */
  stroke: none !important; /* يلغي الخط */
}

/* حدود صورة المنتج */
.product-entry__image-main img { border: 1px solid #e5e5e5 !important; /* رمادي فاتح جدًا */ border-radius: 8px; /* يظل فيه انحناء ناعم */ }


@media (max-width: 768px) {
  /* خلي البطاقة مضغوطة شوي */
  .s-products-list-wrapper .product-entry {
    padding: 10px !important;
    min-height: auto !important; /* يمنع إجبار الطول */
  }

  /* الزر يظهر النص كامل */
  .s-products-list-wrapper .s-button-element.s-button-btn {
    white-space: normal !important;  /* يسمح بسطور متعددة */
    text-overflow: unset !important; /* يلغي الـ ... */
    overflow: visible !important;    /* النص يبان كامل */
    font-size: 14px !important;      /* خط أصغر يناسب الجوال */
    padding: 10px !important;
  }

  /* الأيقونة بجانب النص بشكل مرتب */
  .s-products-list-wrapper .s-button-element.s-button-btn .s-button-text {
    display: flex;
    align-items: center;
    gap: 6px; /* مسافة بين الأيقونة والنص */
  }
}

.btn--main.s-button-element.s-button-btn.s-button-solid.s-button-primary {
  background-color: #fff !important;   /* الزر أبيض */
  color: #10979E !important;          /* النص أخضر */
  border: 1px solid #10979E !important; /* يضيف بوردر أخضر لو تحبين */
}

/* النص داخل الزر */
.btn--main.s-button-element .s-button-text .text {
  color: #10979E !important;
}

/* السهم */
.btn--main.s-button-element .arrow-icon {
  color: #10979E !important;
  fill: #10979E !important;
}


/*  استهداف البلوك هذا فقط */
div.content.max-w-2xl {
  display: flex;
  flex-direction: column; /* نخلي العناصر تحت بعض */
}

/* العنوان */
div.content.max-w-2xl h2 {
  order: 1; /* أول شيء */
}

/* النص */
div.content.max-w-2xl p {
  order: 2; /* يجي بعد العنوان */
}

/* العدّاد */
div.content.max-w-2xl salla-count-down {
  order: 3; /* بعد النص */
}

/* الزر */
div.content.max-w-2xl salla-button {
  order: 4; /* آخر شيء */
}

/* تعديل العمود الفاضي أو الخاص بالعنوان */
@media (min-width: 1024px) {
  .block-inner [data-aos="fade-left"] {
    display: flex;
    align-items: center;   /* توسيط عمودي */
    justify-content: center; /* توسيط أفقي */
  }
}

/* تصغير خط زر "أضف للسلة" */
.product-entry .add-to-cart-container button .s-button-text span,
.product-entry .fixed-cart-btn-mobile button .s-button-text span {
  font-size: 13px !important;   /* حجم أصغر للخط */
}

/* تصغير خط اسم المنتج */
.product-entry__title {
  font-size: 14px !important;   /* أصغر من الافتراضي */
  line-height: 1.4 !important;  /* تباعد مريح */
}

/* إخفاء البلوك كامل (الخلفية + النصوص + الإحصائيات) */
[data-aos="fade-up"][data-aos-delay="80"].rounded-2xl {
  display: none !important;
}

/* محاذاة الأسئلة في المنتصف على نسخة سطح المكتب */
@media (min-width: 1024px) {
  .flex.flex-col.lg\:flex-row.gap-6.items-start {
    justify-content: center;   /* يحط المحتوى بالنص */
    align-items: center;       /* يخليه وسطياً عمودياً */
  }

  .flex.flex-col.lg\:flex-row.gap-6.items-start > .right {
    width: 100% !important;   /* يخلي قسم الأسئلة ياخذ العرض */
    max-width: 800px;         /* عشان يكون بشكل مرتب ومحدود بالنص */
  }
}

/* زر الاسئلة الشائعة */
a[href*="api.whatsapp.com"] {
  order: 999;              /* يخليه آخر عنصر داخل الفلكس */
  color: #fff !important;  /* يخلي النص أبيض */
  border-color: #10979e;   /* ينسجم مع الهوية لو ودك */
  background-color: #10979e; /* لو حابة يكون أخضر/تركوازي خلفية */
}

a[href*="api.whatsapp.com"]:hover {
  background-color: #0c6d73; /* لون أغمق عند الهوفر */
  color: #fff !important;
}

/* تخصيص زر "ابدأ الآن" داخل مكون الهيرو فقط */
.block-inner .btn--main.s-button-element.s-button-btn.s-button-solid.s-button-primary {
  background-color: #fff !important;  /* أخضر */
  border: none !important;              /* بدون ستروك */
  color: #10979e !important;               /* النص أبيض */
}

/* النص داخل الزر بالهيرو */
.block-inner .btn--main.s-button-element.s-button-btn.s-button-solid.s-button-primary .text {
  color: #10979e !important;
}

/* الأيقونة داخل الزر بالهيرو */
.block-inner .btn--main.s-button-element.s-button-btn.s-button-solid.s-button-primary i {
  color: #10979e !important;
}

/* تصغير نص النشرة بالجوال */
@media (max-width: 767px) {
  h2.mb-1.text-\[32px\] {
    font-size: 22px !important;   /* حجم أصغر للجوال */
    line-height: 30px !important; /* تعديل الارتفاع */
  }
}