/* تنسيق عام للأزرار المشابهة في المتجر */
.tab-trigger .s-button-element,
.s-button-element.s-button-outline.s-button-primary-outline {
  background-color: #1d3d0b !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  border: 1px solid #1d3d0b !important;
  font-size: 16px !important;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

/* الزر غير النشط */
.tab-trigger .s-button-element,
.s-button-element.s-button-outline.s-button-primary-outline {
  background-color: transparent !important; /* خلفية شفافة */
  color: #1d3d0b !important; /* نص باللون الأخضر */
  border: 1px solid #1d3d0b !important; /* إطار أخضر */
}

/* الزر النشط */
.tab-trigger.is-active .s-button-element,
.s-button-element.s-button-outline.s-button-primary-outline.is-active {
  background-color: #1d3d0b !important; /* خلفية الزر النشط باللون الأخضر */
  color: #ffffff !important; /* نص أبيض */
  border: 1px solid #1d3d0b !important; /* إطار أخضر حول الزر النشط */
}


/* تأثير هوفر ناعم على كل الأزرار */
.tab-trigger .s-button-element:hover,
.s-button-element.s-button-outline.s-button-primary-outline:hover {
  background-color: #285c11 !important;
  color: #d4ffd4 !important;
  box-shadow: 0 2px 6px rgba(29, 61, 11, 0.25) !important;
}

/* توحيد لون الأيقونات مع النص */
.tab-trigger .s-button-element i,
.s-button-element.s-button-outline.s-button-primary-outline i {
  color: inherit !important;
}


/* بطاقة المنتج بتصميم أنيق */
.s-product-card-entry {
  border: 0.3px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* تأثير عند التمرير على بطاقة المنتج */
.s-product-card-entry:hover {
  border-color: #1d3d0b !important; /* تغيير اللون إلى الأخضر عند التمرير */
  transform: translateY(-5px) !important; /* رفع البطاقة */
  box-shadow: 0 4px 12px rgba(29, 61, 11, 0.15) !important; /* زيادة الظل عند التمرير */
}

/* زر إضافة للسلة بلون أخضر مملوء */
.s-product-card-entry button,
.s-product-card-entry input[type="submit"],
.s-product-card-entry .add-to-cart,
.s-product-card-entry .product-form__cart-submit,
.s-product-card-entry .btn {
  background-color: #1d3d0b !important; /* اللون الأخضر */
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 0 !important;
  font-weight: bold;
  transition: background-color 0.3s ease !important;
}

/* زر عند التمرير - تغيير بسيط باللون الأخضر */
.s-product-card-entry button:hover {
  background-color: #285c11 !important; /* تغيير اللون عند التمرير */
}

/* إظهار زر الإعجاب دائمًا */
.s-product-card-wishlist-btn {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 10px;
  right: 10px;
  z-index: 10;
  background-color: #1d3d0b !important; /* اللون الأخضر */
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease !important;
}

/* أيقونة القلب داخل الزر باللون الذهبي */
.s-product-card-wishlist-btn i::before {
  color: #d2b589 !important;
  font-size: 18px;
}

/* عند الضغط (إعجاب)، تصبح ممتلئة */
.s-product-card-wishlist-btn.favorited i::before {
  color: #000000 !important;
}

/* نبضة خفيفة عند التمرير */
.s-product-card-wishlist-btn:hover {
  transform: scale(1.05) !important;
}