/* Add custom CSS styles below */ 



/* ستايل زر الواتساب*/

#whatsapp-button {

position: fixed;

bottom: 20px;

right: 20px;

width: 60px;

height: 60px;

background-color: #25D366;

border-radius: 50%;

display: flex;

justify-content: center;

align-items: center;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);

cursor: pointer;

transition: all 0.3s ease;

z-index: 9999;

}

#whatsapp-button:hover {

transform: scale(1.1);

box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);

}

#whatsapp-button svg {

width: 36px;

height: 36px;

fill: white;

}

@media (max-width: 767px) {

#whatsapp-button {

left: 20px;

right: auto;

bottom: 120px;

}

}

/* تحريك سهم عرض الكل بشكل مستمر */

.sicon-arrow-left {
  color: red !important;
  animation: moveArrow 2s infinite ease-in-out;
  
}

@keyframes moveArrow {
  0% {
    transform: translateX(10px);

  }
  50% {
    transform: translateX(0);

  }
  100% {
    transform: translateX(10px);

  }
}

.s-block__display-all {
  animation: moveArrow 2s infinite ease-in-out;
}

@keyframes moveArrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}


/* __________________ تغيير ستايل الفوتر ______________*/

.store-footer__inner {
  background-color: #4d76a2 !important; /* لون أزرق قياسي */
  color: #ffffff !important; /* لون أبيض */
}

/* _________________ شعار اليوم الوطني قبل السعر _________*/


.s-product-card-sale-price::after {
  content: "";
  display: block;
  width: 300%; /* عرض الصورة */
  height: 100px; /* ارتفاع الصورة */
  background-image: url('https://www.3dyemen.com/saudind.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0; /* مسافة بين الصورة والنص */
}

.text-gray-500 line-through::after {
  content: "";
  display: block ;
  width: 100%; /* عرض الصورة */
  height: 100px; /* ارتفاع الصورة */
  background-image: url('https://www.3dyemen.com/saudind.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0; /* مسافة بين الصورة والنص */
}