/*==================================================
    MENTIONS LÉGALES
==================================================*/

.legal-hero {

    padding: 110px 0 70px;

    background: linear-gradient(
        180deg,
        #F7F5EF 0%,
        #FFFFFF 100%
    );

    text-align: center;

}

.legal-hero__content {

    max-width: 850px;

    margin: 0 auto;

}

.legal-hero h1 {

    margin: 20px 0;

    font-size: clamp(2.5rem, 5vw, 4rem);

    line-height: 1.1;

    color: var(--color-primary);

}

.legal-hero p {

    max-width: 700px;

    margin: 0 auto;

    color: #666;

    line-height: 1.8;

}

.legal-page {

    padding: 90px 0 120px;

}

.legal-content {

    max-width: 900px;

    margin: 0 auto;

}

.legal-section {

    margin-bottom: 55px;

}

.legal-section h2 {

    margin-bottom: 20px;

    color: var(--color-primary);

    font-size: 1.7rem;

}

.legal-section p {

    margin-bottom: 18px;

    color: #5f5f5f;

    line-height: 1.9;

}

.legal-section a {

    color: var(--color-primary);

    font-weight: 600;

}

.legal-card {

    margin: 25px 0;

    padding: 28px 30px;

    background: #F8F7F2;

    border: 1px solid #E9E6DC;

    border-radius: 18px;

}

.legal-card p {

    margin-bottom: 10px;

}

.legal-card p:last-child {

    margin-bottom: 0;

}

.legal-note {

    font-size: .85rem;

    color: #888 !important;

}

.legal-contact {

    margin-top: 80px;

    padding: 55px 35px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #6B6E4A,
        #81855D
    );

    border-radius: 25px;

    color: #fff;

}

.legal-contact h2 {

    margin-bottom: 15px;

    color: #fff;

}

.legal-contact p {

    max-width: 650px;

    margin: 0 auto 30px;

    color: rgba(255,255,255,.9);

    line-height: 1.8;

}

@media (max-width: 768px) {

    .legal-hero {

        padding: 80px 0 50px;

    }

    .legal-page {

        padding: 65px 0 80px;

    }

    .legal-section h2 {

        font-size: 1.45rem;

    }

    .legal-card {

        padding: 22px;

    }

    .legal-contact {

        padding: 40px 25px;

    }

}