@use "../abstracts/variables" as *;

// =============================================================
// Composant article — page de détail
// =============================================================
// Styles spécifiques à l'affichage d'un article en pleine page.
// Les styles de la carte article en liste sont dans _card.scss.

// Bloc article — page de détail
.post {
    padding: $spacing-md 0;

    // Métadonnées (date, auteur) — même apparence que .card__meta
    &__meta {
        margin-bottom: $spacing-sm;
        color: $color-text-muted;
    }

    // Mention de mise à jour
    &__updated {
        margin-bottom: $spacing-sm;
    }
}

// Contenu HTML de l'article (généré par Trumbowyg, sanitisé par HTMLPurifier)
// word-break empêche le débordement d'URLs ou de mots longs sans espace sur mobile
.post__content {
    word-break: break-word;
    overflow-wrap: break-word;
}

// Images insérées dans le contenu via Trumbowyg — sélecteur descendant sur <img>
// accepté ici car le contenu est généré par un éditeur WYSIWYG et non par des templates
.post__content img {
    max-width: 100%;
    height: auto;
    border-radius: $border-radius;
    margin: $spacing-sm 0;
}