/* Conteneur du carrousel */
.sa-carousel {
    --swiper-navigation-size: 73px;
    margin-bottom: calc(var(--spacer) * 4);
}

.sa-carousel:last-child {
    margin-bottom: calc(var(--spacer) * 4);
}

.sa-carousel__innerContainer.swiper-wrapper {
    align-items: center;
}

/* En-tête du carrousel */
.sa-carousel__header {
    margin-bottom: calc(var(--spacer) * 2);
    text-align: center;
}

/* Controles du carrousel */
.sa-carousel__control {
    background: none;
    border: 0;
    padding: 0;
}

@media screen and (max-width: 450px) {
    .sa-carousel__control {
        background-color: rgba(255, 255, 255, .65);
    }

    .sa-carousel__control:hover,
    .sa-carousel__control:focus {
        background-color: rgba(255, 255, 255, .9);
    }
}

.sa-carousel__control path {
    fill: none;
    stroke: var(--clr-neutral-min);
    stroke-width: var(--border-size);
}

/* Élément du carrousel */
.sa-carousel__image-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sa-carousel__caption-container {
    position: absolute;
    bottom: calc(var(--spacer) * 2);
    left: 50%;
    transform: translateX(-50%);
}

.sa-carousel__title-link {
    display: inline-block;
    margin: 0;
    padding: calc(var(--spacer) / 2) calc(var(--spacer) * 2);
    background-color: rgba(0, 0, 0, .65);
    border-radius: 5px;
    border: 0 solid transparent;
    color: var(--clr-neutral-max);
}

.sa-carousel__title-link:hover,
.sa-carousel__title-link:focus {
    background-color: rgba(0, 0, 0, .9);
}

.sa-carousel__title {
    color: currentColor;
}
