/* Add custom CSS styles below */ 
body#app {
    background-color: #eed4df !important;
    --tw-bg-opacity: 1 !important;
}
/* Target the section and force it to viewport width */
section.s-block--fixed-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* Make the internal container full width as well */
section.s-block--fixed-banner .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Targeting only the first occurrence of this section type */
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#mainnav, 
#mainnav .inner.bg-inherit {
    background-color: #f6e6f1 !important;
    --tw-bg-opacity: 1 !important;
}
.s-infinite-scroll-last.infinite-scroll-last {
    display: none !important;
}
/* Target the Salla button element */
button.s-button-element.s-button-primary-outline {
    background-color: #A7778B !important;
    color: #FFFFFF !important;
    border-color: #A7778B !important;
}

/* Ensure the text inside is also white */
button.s-button-element.s-button-primary-outline .s-button-text {
    color: #FFFFFF !important;
}

footer.store-footer {
    background-color: #f6e6f1 !important;
    position: relative !important;
    overflow: visible !important;
    margin-top: 25px !important; 
}
footer.store-footer::before {
  content: "";
  position: absolute;
  top: -39px; /* Positioned to match the new height */
  left: 0;
  width: 100%;
  height: 40px; /* Increased from 20px to 40px */
  
  /* Updated SVG with deeper curves */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V20 Q25 0 50 20 T100 20 V40 Z' fill='%23f6e6f1'/%3E%3C/svg%3E");
  
  background-repeat: repeat-x;
  background-size: 200px 40px; /* Adjusted width/height for a balanced look */
  pointer-events: none;
}
.store-footer__inner {
  background-color: #f6e6f1 !important;
}
main#main-content > section:nth-child(8) {
  margin-bottom: -38px !important;
}

/* 1. Target the specific anchor tag */
.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a.flex.items-center.m-0 {
  display: block !important; /* Ensure it has dimensions */
  width: 150px;             /* Adjust to your logo's width */
  height: 60px;            /* Adjust to your logo's height */
  background-image: url('https://i.ibb.co/XwdfPc4/image-1-1-1-3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px;    /* Hides the existing text for SEO */
  overflow: hidden;
}

/* 2. Hide any existing child elements (like <h3> or <img>) inside the anchor */
.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a.flex.items-center.m-0 > * {
  display: none !important;
}
@media (min-width: 1024px) {
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) img {
    content: url("https://i.ibb.co/C3jKYCFs/first-v.png");
  }
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(2) img {
    content: url("https://i.ibb.co/Df50HCX5/second-v.png");
  }
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(3) img {
    content: url("https://i.ibb.co/bRF9mM6m/third-v.png");
  }
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(4) img {
    content: url("https://i.ibb.co/qFd0GmPw/fourth-v.png");
  }
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(5) img {
    content: url("https://i.ibb.co/nMKnpXR0/fifth-v.png");
  }
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(6) img {
    content: url("https://i.ibb.co/mF0RnR3W/sixth-v.png");
  }
}