/********************************************
 * OTHER DEVELOPER CUSTOMIZATIONS
 ********************************************/
body {
    background-color: rgb(255 255 255);
}

footer {
    background: #4A204F !important;
    padding: 0px 0;
}

footer * {
    background-color: unset !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

footer .s-payments-list-item {
    background-color: #ffffff !important;
}

.store-footer {
    position: relative;
    margin-top: 5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / 0%);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(1) > a.logo-footer {
    display: none;
}

@media (max-width: 768px) {
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(1) > a.flex.items-center.m-0 {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
}


/********************************************
 * START OF MY CUSTOMIZATIONS
 ********************************************/

/********************************************
 * SLIDER / PHOTOS
 ********************************************/
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  border-radius: 0 !important;
}

[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
  padding: 0 !important;
}

div.s-slider-block__title > div.s-slider-block__title-left {
  display: none !important;
}

/********************************************
 * NAVIGATION
 ********************************************/
div#mainnav {
  background-color: #ffffff;
  color: #000000;
}

div#mainnav i {
  color: #000000;
}

.main-menu li > a:hover {
  color: #000;
}

.sub-menu * {
  color: #000000;
}

/********************************************
 * PRODUCT CARDS
 ********************************************/
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background-color: #ffffff;
  color: #000000;
  border-color: #000000;
  border-radius: 10rem;
  border-width:1px;
}

.swiper {
    padding: 2px !important;
}

/* Hide all category-banners columns globally */
.category-banners.column {
  display: none !important;
}

/* Hide all direct child divs of sub-categories-slider globally */
#sub-categories-slider > div {
  display: none !important;
}