/* ==========================================================================
   ÊTRE ACTIONNAIRE DE CDA
   (contenu_pages/etre_actionnaire_cda.php du site 2023)

   Le texte, les titres, les listes et les liens viennent des blocs
   etre_actionnaire_cda__txt_1 à __txt_3. Leur habillage commun est dans
   components/contenu_page.css ; ne reste ici que ce que le legacy réglait
   en plus pour cette page : l'encart « En résumé » (#resume en 2023).
   ========================================================================== */

/* ----- Encart « En résumé » (bloc __txt_2 et son visuel) ------------------ */
/* Collé au bord droit du cadre blanc, en retrait de 7rem à gauche. */
.resume {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.6rem;
    margin-left: 7rem;
    background-color: #F0F0F0;
}

.resume .resume-txt {
    width: 80%;
    padding: 3rem 5rem;
}

.resume-visuel img {
    width: 100%;
}

/* ----- Adaptations (styles_responsive.css du legacy) --------------------- */
@media screen and (max-width: 700px) {
    /* Mot long du titre (« AANDEELHOUDER » en néerlandais) coupé plutôt que
       sorti de l'écran, comme il l'était en 2023. La césure est réservée à
       l'allemand et au néerlandais, et aux mots d'au moins 10 lettres :
       « COMPAGNIE » passe entier à la ligne. */
    .ct-page h1 {
        overflow-wrap: anywhere;
    }

    .ct-page h1:lang(de),
    .ct-page h1:lang(nl) {
        -webkit-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-chars: 10 5 5;
    }

    .resume {
        flex-direction: column;
        margin-left: 0;
    }

    .resume .resume-txt {
        width: 100%;
        margin-bottom: 2.6rem;
        padding: 0;
    }
}