/* Add custom CSS styles below */ 
salla-button .undefined{
  background-color: red;
  color: white;
}
@media (max-width: 767px) {
  .s-button-element .s-button-text {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
  }
}
.wishlist-button i,
.btn-wishlist i,
.icon-heart {
  color: red !important;
}
.card-product .wishlist-button i,
.card-product .btn-wishlist i,
.card-product .icon-heart {
    color: red !important;
    font-size: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.card-product {
  position: relative;
}

/* قلب ثابت أعلى يمين صورة المنتج */
.card-product::before {
  content: "♥";
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: red;
  background-color: white;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
/* تنسيق الزر في كروت المنتجات */
.card-product .product-buttons .wishlist-button,
.card-product .product-buttons .btn-wishlist {
    background-color: #FF0000 !important; /* الخلفية حمرا */
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* تنسيق أيقونة القلب */
.card-product .product-buttons .wishlist-button i,
.card-product .product-buttons .btn-wishlist i,
.card-product .product-buttons .icon-heart {
    color: #ffffff !important;  /* القلب أبيض */
    font-size: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Force show text on mobile */
.s-button-text {
  display: inline-block !important;
}

/* Hide the mobile icon if it exists */
.s-button-element::before {
  display: none !important;
}