/**
 * Aveda Brand Overrides — styles.css
 * ====================================
 * Brand-specific CSS overrides for the Aveda tenant.
 *
 *
 * Dependency chain:
 *   default/vars.css → brands/aveda/vars.css → default/styles.css → styles.css (this file)
 */
.drupal b,
.drupal strong,
strong,
b {
  font-weight: 700;
}

h4,
h5,
h6 {
  font-weight: 400;
  font-size: revert;
}

.nav-link-top-after, .sub-nav-link-top-after {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48cGF0aCBkPSJNMjUwIDI4OS43TDAgNDAuMiA0MC4zIDAgMjUwIDIwOS4zIDQ1OS43IDAgNTAwIDQwLjIgMjUwIDI4OS43eiIvPjwvc3ZnPg==);
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48cGF0aCBkPSJNMjUwIDI4OS43TDAgNDAuMiA0MC4zIDAgMjUwIDIwOS4zIDQ1OS43IDAgNTAwIDQwLjIgMjUwIDI4OS43eiIvPjwvc3ZnPg==);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  content: '';
}
.nav-active .nav-link-top-after, .subsubnav-active .sub-nav-link-top-after {
  -webkit-transform: rotate(0deg) translateX(-0.5em);
  -moz-transform: rotate(0deg) translateX(-0.5em);
  -ms-transform: rotate(0deg) translateX(-0.5em);
  -o-transform: rotate(0deg) translateX(-0.5em);
  transform: rotate(0deg) translateX(-0.5em);
}

/* START MPP PAGE */
.sku-radio-label {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.peer:checked ~ .sku-radio-label {
  border: 1px solid #000000;
}

.star-ratings::before {
  -webkit-text-stroke: 0;
  letter-spacing: 0;
}

.vegan-ingredients-banner a:hover {
  color: var(--color-primary-300);
  text-decoration: underline;
}

.br-replace br {
  content: "";
}

.font-color--white {
  color: var(--color-neutral-white, #fff);
}

.button.button--clear-dark:hover {
  cursor: pointer;
  background-color: var(--color-primary, #120e02);
  color: var(--color-neutral-white, #fff);
  text-decoration: none;
  border-color: var(--color-neutral-white, #fff);
}
/* END MPP PAGE */


/* avoid overlap by images in slider */
.swiper-thumbnail .pincer-button-prev,
.swiper-thumbnail .pincer-button-next {
  width: 40px;
  height: 90px;
  background: var(--color-bg) !important;
  opacity: 1;
}

/* Hide the arrows on the number input box */
input[type='number'] {
  -moz-appearance: textfield;
}

@media screen and (min-width: 768px) {
  :root {
    --pincer-swiper-navigation-font-size: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .swiper-thumbnail .swiper-thumbnail-button-next,
  .swiper-thumbnail .swiper-rtl .swiper-thumbnail-button-prev {
    left: var(--pincer-swiper-thumbnails-navigation-prev-left);
  }

  .swiper-thumbnail .swiper-thumbnail-button-prev,
  .swiper-thumbnail .swiper-rtl .swiper-thumbnail-button-next {
    left: var(--pincer-swiper-thumbnails-navigation-prev-left);
  }
}

.swiper-thumbnail .swiper-slide-thumb-active div {
  border: 1px solid #000;
}
@media screen and (max-width: 1024px) {
  .pincer-swiper {
    margin: 0 15px 0 20px;
  }

  .product-details-carousel .product-details-carousel-pincer-swiper .pincer-button-prev,
  .product-details-carousel .product-details-carousel-pincer-swiper .pincer-button-next {
    top: 50%;
    transform: translateY(-50%);
  }

  .product-details-carousel .product-details-carousel-pincer-swiper .pincer-button-prev {
    margin-left: .25rem;
  }

  .product-details-carousel .product-details-carousel-pincer-swiper .pincer-button-next {
    margin-right: .25rem;
  }

  .product-details-carousel .product-details-carousel-pincer-swiper .swiper-thumbnail-button-next,
  .product-details-carousel .product-details-carousel-pincer-swiper .swiper-thumbnail-button-prev {
    top: 0;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
}

.pincer-swiper .swiper-container {
  width: 90%;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .pincer-swiper .swiper-container {
    width: 100%;
  }
}

.pincer-swiper .swiper-pagination {
  position: absolute;
}

#blueprint-pdp .ugc-container,
.drupal-container .ugc-container {
  padding: 0;
  @media (min-width: 640px) {
    padding: 0 2rem;
  }
}

.default-max-width {
  max-width: 1200px;
}

main#main-content .default-max-width {
  max-width: 100%;
}

body:has(.product-details) {
  .mobile-image-zoom-svg-wrapper {
    bottom: calc(var(--pincer-swiper-padding-bottom) * 2 + 32px);
    right: 32px;
  }
  .mobile-zoom-slide .pincer-swiper,
  .mobile-zoom-thumbnail .pincer-swiper {
    margin: 0;
    padding-bottom: 0px !important;
  }
  .pincer-swiper {
    @media(min-width: 1024px) {
      padding-bottom: 0px !important;
    }
  }
}