/* Slideshow */
slideshow-controls:has(.slideshow-controls__dots),
slideshow-component[autoplay] slideshow-controls {
  mix-blend-mode: normal;
}
.slideshow-controls__dots button {
  --size: 12px;
}
/* END Slideshow */
/* Cart Drawer */
.cart-drawer__header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;

  @media screen and (min-width: 750px) {
    padding: 0;
  }
}
.cart-drawer__header-content {
  position: relative;
}
.cart-drawer__close-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.cart-drawer--empty .cart-drawer__header {
  align-items: stretch;
}
.cart-drawer__heading {
  padding: 12px 20px;
  font-size: 16px;
  font-family: var(--font-body--family);
  font-weight: 700;
}
.cart-drawer__heading-text {
  display: flex;
  align-items: center;
}
.cart-drawer__heading .cart-bubble__background {
  display: none;
}
.cart-drawer__heading .cart-bubble {
  min-width: unset;
  padding: 0;
  display: inline-block;
}
.cart-drawer__heading .cart-bubble[data-maintain-ratio] {
  min-width: unset;
}
.cart-drawer__heading .cart-bubble__text {
  font-size: 16px;
  font-weight: 700;
  padding: 0 1px;
}
.cart-drawer--empty .cart-drawer__heading {
  margin-bottom: 0;
}
/* END Cart Drawer */

/* Divider */
.rotten-image-divider {
  --rotten-image-divider-bg: url("https://eatrotten.com/cdn/shop/files/rip1_black_7.png");
  --rotten-image-divider-height: 54px;
  --rotten-image-divider-width: 396px;
}

.rotten-image-divider.bottom {
  --rotten-image-divider-bg: url("https://eatrotten.com/cdn/shop/files/rip1_black_3.png");
}

.rotten-image-divider.black {
  --rotten-image-divider-color: #000;
}

.rotten-image-divider.purple {
  --rotten-image-divider-color: #ab38d7;
}

@media (min-width: 768px) {
  .rotten-image-divider {
    --rotten-image-divider-bg: url("https://eatrotten.com/cdn/shop/files/11135f406b08589baf051c980921f068.png");
    --rotten-image-divider-height: 114px;
    --rotten-image-divider-width: 1920px;
  }
  .rotten-image-divider.bottom {
    --rotten-image-divider-bg: url("https://eatrotten.com/cdn/shop/files/11135f406b08589baf051c980921f068_0a52eae3-9ee7-495c-a8f0-26f0f22092f7.png");
  }
}

.rotten-image-divider {
  margin: -2px 0;
  height: var(--rotten-image-divider-height);
  width: 100%;
  background-image: var(--rotten-image-divider-bg);
  background-repeat: repeat-x;
  background-size: var(--rotten-image-divider-width);
  background-position: bottom;
  background-color: var(--rotten-image-divider-color);
}

.rotten-image-divider.transparent {
  position: relative;
  margin-top: calc((-1 * var(--rotten-image-divider-height) + 2px));
}
/* END Divider */
/* Footer */
.shopify-section-group-footer-group {
  &:first-of-type {
    border-bottom: 1px solid #fff;

    @media screen and (max-width: 749px) {
      border-bottom: none;
    }
  }

  .footer-content {
    @media screen and (max-width: 749px) {
      padding: 64px 0;
    }

    > .group-block 
    > .group-block-content {
      @media screen and (max-width: 749px) {
        flex-direction: column-reverse;
        gap: 64px;
      }

      > .group-block:first-of-type {
        @media screen and (max-width: 749px) {
         > .group-block-content {
            gap: 64px;
          }
        }

        .group-block:first-of-type {
          h4 {
            font-family: var(--font-paragraph--family);
            font-size: 18px;
            font-weight: 500;
            line-height: 1.4;
            color: #c8ec0d;
          }

          .details-content ul {
            gap: 8px;
            display: flex;
            flex-direction: column;
          }
          
          .menu__item {
            display: flex;
            
            a {
              line-height: 1.3;
            }
          }

          @media screen and (max-width: 749px) {
            h4 {
              font-size: 14px;
            }

            .menu__item a {
              font-size: 12px!important;
            }
          }
        }

        .group-block:last-of-type .group-block {
          p {
            font-size: 18px;
            font-weight: 500;
            color: #c8ec0d;
          }

          .icon-block a:not([href="#"]) {
            transition: opacity .3s ease;

            &:hover {
              opacity: .7;
            }
          }

          .icon-block a[href="#"] {
            pointer-events: none;
          }

          @media screen and (max-width: 749px) {
            p {
              font-size: 14px;
            }
            
            .group-block .group-block-content,
            > .group-block-content {
              justify-content: flex-start;
              align-items: flex-start;
            }
          }
        }

        .email-signup-block {
          @media screen and (max-width: 749px) {
            display: none;
          }
        }

      }

      > .group-block:last-of-type {
        @media screen and (max-width: 749px) {
          > .group-block-content {
            gap: 84px;
          }
        }

        .email-signup-block {
          display: none;

          @media screen and (max-width: 749px) {
            display: block;
          }
        }
      }
    }
  }

  .email-signup__input-group {
    display: flex;
    gap: 12px;

    @media screen and (max-width: 749px) {
      flex-direction: column;
      gap: 12px;
    }
  }

  .email-signup__heading, h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
    padding: 0 0 20px;
    color: #c8ec0d;

    @media screen and (max-width: 749px) {
      font-size: 18px;
    }
  }

  .email-signup__input {
    background: transparent;
    border-radius: 4px;
    color: #fff;
    padding: 12px 16px;

    &:has(+.email-signup__button--integrated.email-signup__button--text){
      padding-inline-end: 16px!important;
    }

    &.paragraph {
      color: #fff;
    }

    &::placeholder {
      color: #fff;
    }

    &:focus {
      outline: none;
      box-shadow: none;
    }

    @media screen and (max-width: 749px) {
      padding: 16px 12px;
      height: 46px;
    }
  }

  .email-signup__button.button-secondary {
    position: static;
    background: #c8ec0d;
    border: 1px solid #c8ec0d;
    outline: none;
    box-shadow: none;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    min-width: 136px;

    @media screen and (max-width: 749px) {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
  }

  .utilities {
    display: flex;
    flex-direction: row;
    justify-content: space-between!important;
    align-items: center;

    @media screen and (max-width: 749px) {
      flex-direction: column;
      align-items: flex-start;
      gap: 64px;
      padding: 0 0 64px;
    }
  }

  .footer-utilities__text li {
    @media screen and (max-width: 749px) {
      width: 100%;
    }
  }

  .footer-utilities__text, 
  .footer-utilities__text a {
    color: #fff;
    font-size: 14px;

    @media screen and (max-width: 749px) {
      font-size: 12px;
    }
  }
}
/* END Footer */