/* Solution pour éviter que les mots soient coupés en fin de ligne */

/* Appliquer à tous les extraits de texte */
.excerpt-text,
.full-text,
.text-gray,
.comic-item .text-gray,
.comic-slide .text-gray {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: normal !important; /* Empêche de couper les mots au milieu */
    white-space: normal !important;
    hyphens: none !important; /* Désactive les césures automatiques */
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
}

/* Styles spécifiques pour mobile */
@media (max-width: 767px) {
    /* Assurer que le texte s'affiche correctement sur mobile */
    .excerpt-text,
    .full-text,
    .text-gray,
    .comic-item .text-gray,
    .comic-slide .text-gray {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: normal !important;
        white-space: normal !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        -moz-hyphens: none !important;
        -ms-hyphens: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    
    /* Assurer que les conteneurs ont une hauteur suffisante */
    .comic-item,
    .comic-slide,
    .comic-item .p-4,
    .comic-slide .p-4 {
        height: auto !important;
        min-height: 0 !important;
    }
}