/* Add custom CSS styles below */ 
.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
  
}

:root {
  --main-white: #ffffff;
  --main-green: rgb(8 46 36);
  --main-beige: rgb(250 214 185);
}

body {
  background-color: var(--main-white);
}

/* hamburger menu */
i.sicon-menu.text-primary.text-2xl::before {
  margin-right: -5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius:4px;
  width: 32px;
  height: 32px;
 background-color: var(--main-beige) !important;
  
}
/* header */
.banner--fixed img {
  border-radius: 0;
  background-color: var(--main-white);
}


/* قبل السكرول */
.s-cart-summary-total {
  color: var(--main-white) !important;
}

/* بعد السكرول */
.header.is-sticky .s-cart-summary-total,
.fixed-header .s-cart-summary-total,
.fixed-pinned .s-cart-summary-total {
  color: #000 !important;
}


/* Home page only - main menu before scroll */
body.index .main-menu > li > a {
  color: var(--main-white) !important;
}

/* Home page only - submenu links stay black */
body.index .main-menu .sub-menu a,
body.index .main-menu .sub-menu a span,
body.index .sub-menu a,
body.index .sub-menu a span {
  color: black !important;
}

/* Home page only - after scroll */
body.index .header.is-sticky .main-menu > li > a,
body.index .fixed-header .main-menu > li > a,
body.index .fixed-pinned .main-menu > li > a {
  color: black !important;
}
i.header-btn__icon.icon.sicon-shopping-bag,
i.header-btn__icon.sicon-user-circle {
  width: 30px;
  height: 30px;
  background-color: var(--main-beige);
}

i.header-btn__icon.sicon-user-circle {
  margin-top: -9px;
}

/* Mobile menu links always black */
@media (max-width: 1024px) {
  body.index.menu-opened ul.main-menu.mm-spn--open li a,
  body.index.menu-opened ul.main-menu.mm-spn--open li a span,
  body.index.mm-ocd-opened ul.main-menu.mm-spn--open li a,
  body.index.mm-ocd-opened ul.main-menu.mm-spn--open li a span {
    color: black !important;
  }
}


/* Home page only - before scroll */
body.index i.sicon-sar {
  color: var(--main-white) !important;
}

/* Home page only - after scroll */
body.index .header.is-sticky i.sicon-sar,
body.index .fixed-header i.sicon-sar,
body.index .fixed-pinned i.sicon-sar {
  color: black !important;
}

/* Banners */
.s-block--fixed-banner .container {
  max-width: 100%;
  padding: 0;
}

/* Desktop / default */
.s-block--fixed-banner:first-of-type .container {
  margin-top: -260px !important;
}

/* Mobile */
@media (max-width: 767px) {
  .s-block--fixed-banner:first-of-type .container {
    margin-top: -120px !important;
  }
}

/* footer */
.footer-is-light .store-footer .store-footer__inner {
  background-color: var(--main-green) !important;
}

.store-footer h3 {
  color: var(--main-white);
}

.s-trust-badges-label,
.s-trust-badges-number {
  color: var(--main-white);
}


/* adding logo header in footer */
.store-footer a[href="https://salla.sa/goat.ds/"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.store-footer a[href="https://salla.sa/goat.ds/"] .custom-footer-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}



















button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: #fff;
    background: var(--main-green)!important;
    transition: ease-out 0.5s;
    border: 2px solid var--main-green)!important;
    box-shadow: inset 0 0 0 0 #fff
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    color: var(--main-color)!important;
    box-shadow: inset 0 -100px 0 0 #fff
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:active {
    transform: scale(.9)
}

.s-products-slider-card.swiper-slide {
    transition: transform 0.3s ease
}

.s-products-slider-card.swiper-slide:hover {
    transform: translateY(-7px)
}

.s-products-slider-card.swiper-slide {
    padding-top: 20px
}

.s-product-card-entry {
    box-shadow: 0 0 10px 0 #87816e30;
}









/* increase header size */

.navbar-brand img {
    max-height: 5rem;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
}


/* لوجو الفوتر */
.store-footer h3 img {
  max-height: 90px !important;
  height: 90px !important;
  width: auto !important;
  object-fit: contain !important;
}

.footer-is-light .store-footer {
    color: rgb(201 201 201);
}