/* Colonne carrousel avec bloc flexible */
.carrousel-col {
  display: flex;
  flex-direction: column;
}

/* Conteneur du carrousel qui remplit la hauteur */
.carrousel-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Tous les éléments internes du carrousel prennent 100% de hauteur */
.carousel,
.carousel-inner,
.carousel-item,
.carousel-image-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* Image centrée et uniforme */
.carousel-image {
  width: 100%;
  height: 108vh;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.carousel-hide-prev .carousel-control-prev {
  display: none !important;
}

.carousel-hide-prev .carousel-image-wrapper{
    padding-right: 1.5rem;
}

.carousel-hide-next .carousel-control-next {
  display: none !important;
}

.carousel-hide-next .carousel-image-wrapper{
    padding-left: 1.5rem;
}

.carousel-control-next-icon,
.carousel-control-prev-icon{
    background-color: white;
    opacity: 1;
    border-radius: 100%;
    border: solid 4px rgb(224, 76, 61);
    width: 3rem !important;
    height: 3rem !important;
    background-image: url('./assets/arrow.svg') !important;
}

.carousel-control-next,
.carousel-control-prev{
    opacity: 1 !important;
    width: auto !important;
    
}