/* ============================================================
   ABC DANSE - Mentions légales
   Page administrative volontairement sobre et compacte
   ============================================================ */

.legal-page{
    margin:0;
    background:#f6f4f5;
    color:#2f2a2d;
}

.legal-shell{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}


/* Bandeau */

.legal-hero{
    padding:34px 0 0;
}

.legal-banner{
    overflow:hidden;
    border-radius:16px;
    background:#ddd;
    box-shadow:0 8px 24px rgba(0,0,0,.07);
}

.legal-banner img{
    display:block;
    width:100%;
    height:auto;
}

.legal-version{
    margin:7px 2px 0;
    text-align:right;
    color:#aaa;
    font-size:10px;
    line-height:1;
    letter-spacing:.04em;
}


/* Document */

.legal-content{
    padding:20px 0 56px;
}

.legal-update{
    margin:0 0 12px;
    color:#777;
    font-size:.88rem;
}

.legal-document{
    padding:26px 28px;
    background:#fff;
    border:1px solid rgba(0,0,0,.07);
    border-radius:12px;
    box-shadow:0 5px 18px rgba(0,0,0,.035);
}

.legal-text{
    color:#302b2e;
    font-size:.94rem;
    line-height:1.52;
}

.legal-text a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
}


/* Retour */

.legal-actions{
    margin-top:18px;
}

.legal-back{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 13px;
    border:1px solid #d7d1d4;
    border-radius:6px;
    background:#fff;
    color:#413a3e;
    text-decoration:none;
    font-size:.88rem;
}

.legal-back:hover{
    border-color:#aaa0a5;
}


/* Mobile */

@media(max-width:736px){

    .legal-shell{
        width:calc(100% - 24px);
    }

    .legal-hero{
        padding-top:18px;
    }

    .legal-banner{
        border-radius:10px;
    }

    .legal-content{
        padding-top:16px;
    }

    .legal-document{
        padding:19px 16px;
        border-radius:9px;
    }

    .legal-text{
        font-size:.91rem;
        line-height:1.48;
    }
}