#handipuericultheque-home {
  user-select: none;
}



#slides-swiper-view .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;

  /* Pour éviter le fond vide si l'image est plus petite */
}

#slides-swiper-view img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}


#handipuericultheque-home .fade-transition {
  transition: opacity 0.3s ease;
  opacity: 0.9;
}

#handipuericultheque-home .slides-view {
  opacity: 1;
}

#handipuericultheque-home .active-indicator {
  border: 3px solid var(--red) !important;
  /* Bleu Bootstrap */
  box-sizing: border-box;
}

#handipuericultheque-home .swiper-button-prev {
  left: 40px !important
}


#handipuericultheque-home .swiper-button-next {
  right: 45px !important
}

#handipuericultheque-home .swiper-button-next,
#handipuericultheque-home .swiper-button-prev {
  color: var(--red);
}

#handipuericultheque-home .swiper-button-next svg,
#handipuericultheque-home .swiper-button-prev svg {
  fill: var(--red);
}

#handipuericultheque-home .summary,
#handipuericultheque-home .view-toggle button,
#handipuericultheque-home .btn.btn-outline-red {
  border-width: 2px !important;
}


#slides-swiper-view {
  position: relative;
}



#slides-pagination .view-toggle {}

#slides-pagination .view-toggle button {
  width: 100%;

}

#handipuericultheque-home .summary {
  border-radius: 30px
}

#handipuericultheque-home .summary h6 {
  font-weight: 1.4rem;
}


#handipuericultheque-home .summary-item {
  position: relative;
  font-size: 0.9rem;
}

#handipuericultheque-home .summary-item img {
  filter: var(--black-filter);
}

#handipuericultheque-home .summary-item:hover {
  color: var(--red);
}

#handipuericultheque-home .summary-item:hover img {
  filter: var(--red-filter);
}


#handipuericultheque-home .summary-item.active::before {
  content: '\f054';
  /* fa-chevron-right unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--red);
  /* ta variable CSS */
  font-size: 1.2em;
}


#handipuericultheque-home .summary-label {
  display: inline-block;
  white-space: nowrap;
  position: relative;
}

#handipuericultheque-home .summary-page {
  white-space: nowrap;
}



#handipuericultheque-home .btn-outline-red.active {
  border-color: var(--red) !important;
  color: white !important;
  background-color: var(--red) !important;
}

@media screen and (max-width:768px) {
  #handipuericultheque-home .sides-wrapper {
    flex-direction: column-reverse;
  }


  #handipuericultheque-home .site-contents {
    width: 500px;
    max-width: 90%;
    margin: 0 auto;
  }

  #slides-swiper-view .swiper-slide {

    height: auto
      /* Pour éviter le fond vide si l'image est plus petite */
  }

  #handipuericultheque-home .swiper-button-prev {
    left: -0px !important;
  }

  #handipuericultheque-home .swiper-button-next {
    right: -0px !important;
  }
}