/* 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: 85vh;
    object-fit: cover;
    object-position: center bottom;
    display: block;
    */
    
    width: 100%;
    height: 88vh;
    object-fit: cover;
    display: block;
    margin-top: -50px;
}

.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: transparent;
    opacity: 1;
    border-radius: 100%;
    border: solid 4px rgb(255, 255, 255);
    width: 3rem !important;
    height: 3rem !important;
    background-image: url(./assets/arrow.svg) !important;
    margin-right: 5px;
}

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