/* width:0 + min-width:100% : la contribution intrinseque de la section vaut 0, donc les 8 cartes
   du slider ne dimensionnent plus la colonne parente, puis la section reprend toute sa largeur.
   Sans ca, entre 1200 et 1399px ou --container-primary-max-width vaut 90%, la max-width en
   pourcentage est ignoree au calcul intrinseque et .cart-grid-body explose a plusieurs milliers de px. */
.bwa-featured-products-group{
  padding: 20px 10px 20px;
  overflow: hidden;
  width: 0;
  min-width: 100%;
  background: white;
  margin-top: 10px;
  border-radius: 5px;
}

.bwa-featured-products-group .swiper-container{
  width: 100% !important;
}
.featuredproducts{
  display: flex;
  flex-direction: column;
}
.featuredproducts__head{
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}
.featuredproducts__title{
  color: var(--color-secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-align: center;
  margin-bottom: 0px;
}
.featuredproducts__list-items-titles{
  width: 100%;
  padding: 10px 0!important;
  overflow: visible!important;
}
.featuredproducts__item-title{
  color: var(--color-secondary);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  padding: 2px 0px;
  width: auto !important;
  cursor: pointer;
  user-select: none;
}
.featuredproducts__item-title.active{
  color: var(--color-primary)
}
.featuredproducts__item-title:not(.active):hover{
  color: var(--color-primary-darker)
}
.featuredproducts__item-title::after{
  content:'';
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 50px;
  bottom: -8px;
  left: 0;
  background: transparent;
  position: absolute;
}
.featuredproducts__item-title.active::after{
  background: var(--color-primary);
}
.featuredproducts__item-products{
  display: none;
}
.featuredproducts__item-products.active{
  display: block;
}
.featuredproducts__item-link{
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

/* Slider */
/* Le theme impose .container-primary .swiper-container { width: 94%; margin: 0 auto; position: static; }
   dans globals/sliders.css, ce qui decale les sliders par rapport au titre et au bouton */
.bwa-featured-products-group .container-primary .swiper-container{
  position: relative;
  width: 100%;
  margin: 0;
}
.bwa-featured-products-group .bwa-featured-products{
  position: relative;
}
.bwa-featured-products-group .bwa-featured-products .swiper-wrapper{
  align-items: stretch;
}
.bwa-featured-products-group .bwa-featured-products .swiper-slide{
  height: auto;
}
.bwa-featured-products-group .bwa-featured-products .swiper-slide > .product-miniature{
  height: 100%;
  margin: 0;
  width: 100%;
  max-width: none;
}

.bwa-featured-products-group .bwa-featured-products__head{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.bwa-featured-products-group .featured-products__arrows .btn-slider.swiper-button-lock{
  display: none;
}
.bwa-featured-products-group .featured-products__arrows{
  display: none;
  align-items: center;
}
.bwa-featured-products-group .featured-products__arrows .btn-slider{
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: opacity .2s ease;
}
.bwa-featured-products-group .featured-products__arrows .btn-slider.swiper-button-disabled{
  opacity: .35;
  pointer-events: none;
}
.bwa-featured-products-group .featured-products__arrows .arrow-slider{
  width: 9px;
  height: 17px;
  color: var(--color-secondary);
}

/* Scrollbar : mobile uniquement */
.bwa-featured-products-group .featured-products__scrollbar{
  height: 6px;
  max-width: 100%;
  margin: 30px 0 0;
  background: #E6EEF5;
  border-radius: 50px;
}
.bwa-featured-products-group .featured-products__scrollbar.swiper-scrollbar-lock{
  display: none;
}
.bwa-featured-products-group .featured-products__scrollbar .swiper-scrollbar-drag{
  background: #00114D;
  border-radius: 50px;
}

@media (min-width: 768px){
  .featuredproducts__head{
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 0px;
  }
  .featuredproducts__item-link{
    margin-top: 40px;
  }
  .featuredproducts__list-items-titles{
    width: 100%;
    padding: 10px 20px!important;
    overflow: hidden!important;
  }
  .featuredproducts__title{
    text-align: left;
    font-size: 24px;
    margin-bottom: 0;
  }
  .bwa-featured-products-group{
    padding-right: 20px;
    padding-left: 20px;
  }
  .bwa-featured-products-group .bwa-featured-products__head{
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .bwa-featured-products-group .featured-products__arrows{
    display: flex;
    gap: 10px;
  }
  .bwa-featured-products-group .featured-products__scrollbar{
    display: none;
  }
}