/* Add custom CSS styles below */ 
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after {
    background-color: #194429;
    color: #ffffff;
}
/* تحريك شعار المتجر بشكل احترافي وهادئ */
.store-header .logo img,
.navbar-brand img,
img[alt*="logo"] {
    animation: logoFloat 4s ease-in-out infinite,
               logoGlow 3s ease-in-out infinite;
    transition: all .4s ease;
    transform-origin: center;
}

/* عند مرور الماوس */
.store-header .logo img:hover,
.navbar-brand img:hover,
img[alt*="logo"]:hover {
    transform: scale(1.08) rotate(-2deg);
}

/* حركة طفو ناعمة */
@keyframes logoFloat {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* توهج خفيف فاخر */
@keyframes logoGlow {
    0% {
        filter: drop-shadow(0 0 0 rgba(18, 94, 62, 0));
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(18, 94, 62, 0.35));
    }
    100% {
        filter: drop-shadow(0 0 0 rgba(18, 94, 62, 0));
    }
}
.btn--close {
color: #ffffff;
  }
.s-button-element {

    background: linear-gradient(
        -45deg,
        #1a4429,
        #8ec73f,
        #245c37,
        #a4db55
    );

    background-size: 300% 300%;
    animation: gradientAnimation 6s ease infinite;

    color: #fff !important;
    border: none;
    transition: all .3s ease-in-out;

    box-shadow: 0 4px 15px rgba(26, 68, 41, 0.25);
}

.s-button-element:hover {

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(26, 68, 41, 0.35);

}

@keyframes gradientAnimation {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.product-card--primary-buttons button, .product-card--primary-buttons salla-button {
   color: #fff !important;
    }
salla-button {
    background-color: #fff !important;
    }