/* bg colors edit */
.s-product-options-donation-options-item input:checked + label,
.product-details salla-add-product-button salla-button .s-button-primary,
#quick-donation__trigger:where([dir="rtl"], [dir="rtl"] *),
#main-nav.fixed-pinned .main-nav__inner,
.main-nav:not(.fixed-pinned) .main-nav__inner,
.product-entry .btn--add-to-cart button,
.store-footer {
  background: linear-gradient(
    90deg,
    rgb(161 167 94) 0%,
    rgb(127 132 74) 100%
  ) !important;
  color: white !important;
}

/* header style */

.main-menu li.root-level {
  background: transparent !important
    ;
}

.footer-logo img,
.navbar-brand img {
  filter: brightness(0) invert(1) !important;
}

/* foter edit */

.store-footer__info-bar {
  background: #54582b !important;
}

.store-footer__info-ba * {
  color: white !important;
}

/* title animation */
.product-single div.main-content.flex.flex-col.gap-5 > div:nth-child(1) > h1,
.s-slider-block__title h2,
.s-block__title h2 {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #54582b 0%,
    #aeb373 29%,
    #7f8632 67%,
    #cbd468 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 5s linear infinite;
  display: inline-block;
  font-weight: 800;
  line-height: 2.5rem;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* img product animation */

@keyframes animate {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(3px, -3px);
  }
  50% {
    transform: translate(-3px, 3px);
  }
  75% {
    transform: translate(3px, 3px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.product-entry:hover img {
  animation: animate 0.6s linear;
}

/* donatios title color */

.s-block--donations-grid > div > div > div.flex.items-start > h3 {
  color: #7f8632;
}

.main-menu li.root-level > a {
  background: transparent !important;
}