/* Add custom CSS styles below */
:root {
  --main-color: #eca576;
}

/* Make add to cart background main color */
div.product-card__content > div.product-card__enhanced-mini-cart > salla-add-product-button > div > salla-button > button {
  background-color: var(--main-color) !important;
  color: white !important;
}
div.product-card__content > div.product-card__enhanced-mini-cart > salla-add-product-button > div > salla-button > button > span > div > i {
  color: white !important;
  transition: 0.3s;
}
div.product-card__content > div.product-card__enhanced-mini-cart > salla-add-product-button > div > salla-button:hover > button > span > div > i {
  transform: scale(1.3);
}

/* Show all products button */
.btn.btn--outline-primary.h-10.grow-0.gap-1\.5.group.\!px-2.\!rounded-none {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}

/* Header buttons */
#mainnav > div > div > div > div.flex.items-center.justify-end.w-1\/3 > button > span,
#s-cart-icon > i,
#mainnav > div > div > div > div.flex.items-center.justify-start.w-1\/3 > a > i {
  padding: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--main-color);
  color: white;
  width: 40px;
  height: 40px;
}

/* Box shadow for products */
custom-salla-product-card {
  box-shadow: 0px 10px 20px -3px rgba(0, 0, 0, 0.15);
}

#mainnav > div > div > div > div.flex.items-center.justify-end.w-1\/3 > button.header-btn.hidden.lg\:block > i,
#mainnav > div > div > div > div.flex.items-center.justify-start.w-1\/3 > button.header-btn.block.lg\:hidden > i {
  color: var(--main-color);
}

a > .logo-normal {
  height: 70px !important;
  
}

/* national day ---------- */
#product-60200259 > div.product-card__content > p,#product-60200259 > div.product-entry__content.flex.flex-col.flex-1.overflow-hidden.p-5{
font-size: 16px;
    font-weight: bold;
    color: white;
    padding: 15px 10px;
        margin:7px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    overflow:hidden;
    background:linear-gradient(90deg, #009936, #5bdf61, #009936);
    background-size: 300%;
    animation: gradientShift 5s ease infinite;
    box-shadow:0 0 15px rgb(0 152 16 / 50%);
}
 @keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/*العنوان بداخل المنتج المميز بترفلاي والبكج الخاص باليوم الوطني*/
#product-60200259 > div.product-entry__content.flex.flex-col.flex-1.overflow-hidden.p-5 > h3 > a,#product-1490679304 > div > div.flex.justify-center.items-baseline > h3 > a{
color:white;
font-size:20px;
}
#product-60200259 > div.product-entry__content.flex.flex-col.flex-1.overflow-hidden.p-5 > div.w-full.center-between.mb-4{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
#product-60200259 > div.product-entry__content.flex.flex-col.flex-1.overflow-hidden.p-5 > div.flex.items-center.gap-2.justify-center.mt-auto > div button,#product-1490679304 > div > div.flex.items-center.gap-2.justify-center.mt-auto > div button{
background-color:white
}
#product-60200259 > div.product-entry__content.flex.flex-col.flex-1.overflow-hidden.p-5 > div.w-full.center-between.mb-4 > div > h4,#product-1490679304 > div > div.w-full.flex.justify-center.mb-3 > div > h4{
font-size:20px;
    animation: pulsate 5s infinite;

}
/*--------------------*/
#product-60200259 > div.product-card__content > p::before {
    content: 'اليوم الوطني!';
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 16px;
    padding: 2px 10px;
    background-color: red;
    color: white;
    border-radius: 8px;
    animation: pulsate 5s infinite;
    transition:0.3s;
    width:75px
      }
  @keyframes pulsate {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.0);
        opacity:0.7;
    }
    100% {
        transform: scale(0.8);
    }
}
#product-60200259 > div.product-card__content > div.product-card__price.rtl\:space-x-reverse.space-x-1 > h4{
  font-size:35px;
  color:green;
  animation: bigger 2s infinite;

}
  @keyframes bigger {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}