/*--------------------------------------------------SECTION 5 AVIS Start---------------------------------------------*/
#carrousel-partnaires {
    display: flex;
    align-items: center; 
    justify-content: center;
    gap: 1em; 
    height: min-content;
    max-width: 1440px;
    margin-inline: auto;

    .bouton-précédent, .bouton-suivant {
        color: var(--color-white);
        background: none;
        border: none;
        min-width: 45px;
        min-height: 45px;
        cursor: pointer;
        font-size: 2rem;
        &:hover {
            color: var(--color-magenta);
        }
    }
}

.slider-wrapper-paretnaire {
    overflow: hidden;
    position: relative;
    width: 64vw;
}

.slider-paretnaire {
    display: flex;
    transition: transform 0.8s ease-in-out;
    gap: 0;
    padding-bottom: 2rem;
    flex: 0 0 100%;
}

.carte-paretnaire {
    box-sizing: border-box;
    padding: 2vw;
    display: flex;

    .card {
        position: relative;
        text-align: center;
        margin: 0 auto;
        padding: 2em 1em;
        border: solid var(--color-magenta) 3px;
        border-radius: 1em;
        width: 60vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* justify-content: space-between; */
        gap: 2em;

        .partner-logo{
            width: 50%;
            aspect-ratio: 1/1;
            border-radius: 50%;
            background-color: var(--color-white);
            display: flex;
            overflow: hidden;
            align-items: center;
            img {width: 100%; height: auto;}
        }

        .partner-name{
            font-size: 1rem;
            position: absolute;
            box-sizing: border-box;
            width: 80%;
            margin: 0;
            background-color: var(--color-magenta);
            border-radius: 300px;
            padding: .5em 1em;
            transform: translate(-50%, 50%);
            bottom: 0;
            left: 50%;
        }

        .card-description {
            font-size: clamp(.8rem, 1rem, 1.2rem);
            max-height: 100px;
            overflow: hidden;
            transition: max-height 0.4s ease;

            &.expanded {
                max-height: 1000px;
            }
        }

        .read-more-btn {
            margin-top: 0;
            cursor: pointer;
            background: none;
            border: none;
            color: var(--color-magenta);
            font-weight: bold;
        }

    }
}

@media (width >= 768px) {
    .slider-wrapper-paretnaire {
        width: 80vw;
    }

    .carte-paretnaire {
        padding: 2vw;

        .card {
            width: 36vw;
        }
    }
}

@media only screen and (min-width: 1024px) {
    .slider-wrapper-paretnaire {
        width: 100%;
    }

    .carte-paretnaire {
        min-width: 33.3333%;
        padding: 1%;
        margin: 20px 0;
        box-sizing: border-box;
        transform: scale(.9);
        cursor: pointer;
        display: flex;
        transition: all .5s ease;

        .card {
            background-color: var(--couleur-noir);
            width: auto;
            height: auto;
            overflow: visible;

            .card-description {
                max-height: fit-content;
            }
        }

        &.active {
            transform: scale(1.05);
            transition: all .5s ease;
        }

    }
}

/*--------------------------------------------------SECTION 5 AVIS End---------------------------------------------*/