/* Pages légales (mentions légales, conditions générales de vente) */

.page-legale {
    background: #f1f1f1;
    padding: 160px 5vw 80px;
}

.page-legale .contenu-legal {
    max-width: 900px;
    margin: auto;
    background: #fff;
    padding: 5vmin 6vmin;
    box-shadow: 0 2px 30px rgba(0, 0, 0, .06);
}

.page-legale h1 {
    font-family: 'Cormorant', serif;
    margin: 0 0 10px;
}

.page-legale .chapo {
    font-style: italic;
    color: #6b6b6b;
    margin-bottom: 30px;
}

.page-legale h2 {
    font-family: 'Cormorant', serif;
    font-size: 3vmin;
    margin: 40px 0 10px;
}

.page-legale h2:first-of-type {
    margin-top: 0;
}

.page-legale h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 2vmin;
    font-weight: 600;
    margin: 25px 0 8px;
}

.page-legale p,
.page-legale li,
.page-legale td,
.page-legale th {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.9vmin;
    line-height: 1.7;
    color: #333;
}

.page-legale a {
    color: #8a6d3b;
}

.page-legale .separator {
    margin: 40px auto;
}

.page-legale .tableau-legal {
    border-collapse: collapse;
    width: 100%;
    max-width: 520px;
    margin: 15px 0 25px;
}

.page-legale .tableau-legal th,
.page-legale .tableau-legal td {
    border: 1px solid #e4d9c6;
    padding: 8px 14px;
    text-align: left;
}

.page-legale .tableau-legal th {
    background: #faf6f0;
    font-weight: 600;
}

.page-legale .encadre-legal {
    border-left: 3px solid #dac4a5;
    background: #faf6f0;
    padding: 15px 20px;
    margin: 20px 0;
}

.page-legale .sommaire-legal {
    list-style: none;
    padding: 0;
    columns: 2;
    column-gap: 40px;
    margin-bottom: 10px;
}

.page-legale .sommaire-legal li {
    margin-bottom: 6px;
    break-inside: avoid;
}

@media (max-width: 900px) {
    .page-legale {
        padding: 120px 4vw 60px;
    }

    .page-legale .contenu-legal {
        padding: 30px 22px;
    }

    .page-legale h2 {
        font-size: 22px;
    }

    .page-legale h3 {
        font-size: 16px;
    }

    .page-legale p,
    .page-legale li,
    .page-legale td,
    .page-legale th {
        font-size: 15px;
    }

    .page-legale .sommaire-legal {
        columns: 1;
    }
}