/* Add custom CSS styles below */ 
.sicon-fire {
  color: #ff4d4d; /* لون أحمر ناري */
  animation: flame 1s infinite alternate;
}

@keyframes flame {
  0% { transform: scale(1); color: #ff4d4d; text-shadow: 0 0 5px #ff4d4d; }
  50% { transform: scale(1.2); color: #ff944d; text-shadow: 0 0 15px #ff944d; }
  100% { transform: scale(1); color: #ff4d4d; text-shadow: 0 0 5px #ff4d4d; }
}


/* القائمة السفلية التوهج الازرق */ 

.bottom-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  padding: 2px; /* سمك الخط */
  background: linear-gradient(90deg, transparent, #00f, transparent);
  background-size: 200% 200%;
  -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: borderMove 3s linear infinite;
}

@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

/* تغيير خلفية زر أضف للسلة */
button.s-button-element.s-button-btn.s-button-primary {
    background-color: #0078ff !important; /* أزرق غامق */
    border-color: #0078ff !important;
    color: #fff !important;
}

button.s-button-element.s-button-btn.s-button-primary:hover {
    background-color: #00c3ff !important; /* سماوي فاتح */
    border-color: #00c3ff !important;
    color: #fff !important;
}

/*------------------------------------- */
.tab-trigger.is-active {
    background-color: #5e2b97 !important; /* بنفسجي */
    color: #ffffff !important;
}

/* التاب الغير نشط */
.tab-trigger:not(.is-active) {
    background-color: #f5f0e6 !important; /* غيّر هذا اللون بدل السلفر */
    color: #444444 !important;           /* لون النص للتاب الغير نشط */
}

/* عند الهوفر على التاب الغير نشط */
.tab-trigger:not(.is-active):hover {
    background-color: #ddd0c4 !important; /* لون أوضح عند الهوفر */
    color: #000000 !important;
}

  /*------------------------------------- */

/*---------اخفاء تاب الايدي في حال-------------- */

#product-tabs-options:not(:has(*)) {
    display: none !important;
}
/*------------------------------------- */

  
}