/* Styles pour corriger l'affichage du texte sur mobile */

/* Styles globaux pour les extraits */
.excerpt-text {
    height: auto !important;
    min-height: 3em !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
}

/* Styles spécifiques pour les extraits de BD sur mobile - CORRIGÉ */
@media (max-width: 767px) {
    /* Empêcher la troncature du texte dans les extraits */
    .excerpt-text {
        white-space: normal !important;
        /* Rétablissement du comportement standard */
        word-wrap: break-word !important;
        word-break: break-word !important;
        -webkit-hyphens: auto !important;
        -moz-hyphens: auto !important;
        -ms-hyphens: auto !important;
        hyphens: auto !important;
    }
    
    /* Assurer que les conteneurs ont une hauteur suffisante */
    .comic-item .p-4,
    .comic-slide .p-4 {
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 15px !important;
    }
    
    /* Styles pour le contenu des BD */
    .post-content.prose,
    .prose.prose-lg.prose-turquoise {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* Styles pour les cartes de BD sur la page d'accueil */
.mobile-swipe-track .comic-item,
.mobile-swipe-track .comic-item > div,
.comic-display .comic-item,
.comic-display .comic-item > div {
    height: auto !important;
    min-height: 0 !important;
}

/* Styles spécifiques pour les cartes de BD sur la page d'accueil */
.comic-item .p-4 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

/* Assurer que le texte s'affiche correctement dans les cartes */
.comic-item .text-gray {
    flex-grow: 1 !important;
    height: auto !important;
    min-height: 3em !important;
}

/* Forcer l'affichage complet du texte */
.mobile-swipe-track .excerpt-text {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Styles spécifiques pour la section LA CASE DU JOUR sur mobile */
@media (max-width: 767px) {
    /* Augmenter la hauteur du conteneur pour accommoder tout le texte */
    .comic-item,
    .comic-slide {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 15px !important;
    }
    
    /* Assurer que le texte s'affiche correctement */
    .comic-item .text-gray,
    .comic-slide .text-gray,
    p.excerpt-text,
    p.full-text {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        display: block !important;
        line-height: 1.5 !important;
        max-height: none !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        -webkit-hyphens: auto !important;
        -moz-hyphens: auto !important;
        -ms-hyphens: auto !important;
        hyphens: auto !important;
    }
    
    /* Forcer l'affichage complet du texte dans les cartes de BD */
    .comic-item .p-4,
    .comic-slide .p-4 {
        padding-bottom: 20px !important;
    }
    
    /* Ajuster la hauteur des conteneurs pour qu'ils s'adaptent au contenu */
    .mobile-swipe-track,
    .mobile-swipe-container,
    .comic-display {
        height: auto !important;
    }
}