@import "global.less";
@import "search.less";
@import "heroBanner.less";
@import "bannerOverlay.less";
@import "contenttilescarouseltabs.less";
@import "contenttilescarousel.less";
@import "contenttile.less";
@import "layout.less";
@import "imageandoverlay.less";
@import "productTile.less";
@import "campaignBanner.less";
@import "mixins.less";
@import "cart.less";
@import "checkout.less";

@white: #fff;
@red: #ff1e00;
@black: #000;

body,
html {
  margin: 0;
  padding: 0;
  background: @white;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

body {
  // width: 100vw;
  overflow-x: hidden;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

// FONTS
@import "fonts.less";
// FONTS END

.storepage {
  width: 100%;
}

div.main-menu {
  & div.menu-group {
    & ul {
      & li.show {
        &.level0 {
          & > a {
            @media (max-width: 992px) {
              display: none;
            }
          }
        }
      }
    }
  }
}

div.featured-slider {
  width: 100%;
  overflow: hidden;

  & .featured-carousel-wrapper {
    & .featured-tile {
      @media (max-width: 544px) {
        width: 100vw !important;
        padding-bottom: 30px;
      }
    }
  }
  & .experience-commerce_assets-button {
    @media (max-width: 544px) {
      width: 100vw;
    }
  }

  & .slick-arrow {
    @media (max-width: 544px) {
      display: none !important;
    }
  }
  & .slick-next {
    right: 40px;
  }
  & .slick-prev:not(.featured) {
    left: 40px !important;
  }

  & .carousel-tabs-title-wrapper {
    min-height: 25px;
  }

  & .slick-container {
    overflow: hidden;
    width: 100%;

    & .slick-list {
      width: 100%;
      & .slick-track {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 0;
        & .slick-slide {
          // width: 200px;
          opacity: 0;
          .transition(all 500 ease);
          &.ready {
            opacity: 1;
          }
          &.featured {
            @media (max-width: 544px) {
              display: none;
            }
          }
        }
      }
    }
  }
}

.search-focus-content {
  max-width: 943px;
}

.suggest-container {
  & .close-button {
    background: #fff;
    border: 0;
    padding: 0;
    & button {
      border: none;
      background: none;
    }
  }
  & .featured-slider {
    & .content-tile-carousel-header,
    & .carousel-tabs-title-wrapper {
      display: none;
    }
    & .product-tile {
      & .image-container {
        padding-right: 10px;
        & .tile-image-wrapper-link {
          overflow: hidden;
        }
      }
      & .price {
        font-size: 14px;
        line-height: 100%;
      }
    }
    & .featured-tile {
      display: none;
    }
  }
}

.search-key-wrapper .search-focus-content .product-tile {
  max-width: none;
}

.product-grid-wrapper {
  & .product {
    &:hover {
      & .quickview {
        bottom: 1rem;
      }
      & .promo-labels {
        bottom: -50px;
      }
    }
  }
}

.product-images-display {
    /*height: 600px;*/

    & > .row {
        height: 100%;
        overflow: hidden;

        & .product-thumbnails-container {
            height: 100%;
        }

        & .pdp-slider-container {
            height: 100%;
        }
    }
}

.swatch-slider {
  & span {
    cursor: pointer;
  }
}

.attribute-error-message {
  color: #df2935;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.12px;
  line-height: 14.4px;
  margin-top: 8px;
  text-transform: uppercase;
}

.product-elements {
  &.category {
    &.double {
      grid-column: span 2;
    }
    & .listing-product-category {
      position: relative;
      width: 100%;
      height: 100%;

      & img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      & .details {
        position: absolute;
        bottom: 14%;
        color: white;
        .font(16px, 500);
        letter-spacing: 1px;
        text-align: center;
        border-bottom: 1px solid white;
        padding-bottom: 4px;
        left: 50%;
        .translate(-50%,0,0);
      }
    }
  }
}

// NEW SLIDERS  - VASSO 07/04/25
@media (max-width: 769px) {
  #imagesArea{
      flex-direction:column-reverse;
  }
}
.dot {
  background: #b7b7b7;
  border: none;
  height: 2px;
  overflow: hidden;
  width: 38px;
  display:block;
}
.slick-dots{
  display:flex;
  justify-content:center;
  gap:14px;
  align-items:center;
  bottom:0;
}
.slick-active  .dot {
  display:block;
  background: #fff;
  height: 5px;
}
.slick-slider-not .slick-arrow.slick-next{
  right: 10px;
}
.slick-slider-not .slick-arrow.slick-prev{
  left: 10px;
}
.slick-slider-not .slick-arrow{
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  visibility: hidden;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 20px 20px;
}
.slick-slider-not:hover .slick-arrow{
  opacity: 1;
  visibility:visible;
}
       
.slick-prev:before, .slick-next:before{
  color:transparent;
}
// NEW SLIDERS  - VASSO 07/04/25