/* Ajustements propres au site, chargés après app.css (feuille d'origine reprise de Pimcore,
   laissée telle quelle). */

/* Cartes des créations (et galerie de l'atelier), toutes tailles d'écran : titre orange collé à
   sa catégorie (17 px dans app.css). Sur ordinateur, la hauteur des cartes reste fixe (500 px) :
   les rangées gardent le même pas, l'espace gagné passe sous la carte. */
.news-detail h3 {
    margin-bottom: 4px;
}

/* Cartes des créations (et galerie de l'atelier) sur téléphone et tablette (< 992 px).
   Sur ordinateur, app.css fixe leur hauteur à 500 px : rien ne change.
   Ici, la hauteur suit le contenu : les lignes vides (0, 2 ou 3 selon la création), la liste
   vide de pièces jointes et la marge du dernier paragraphe donnaient des écarts inégaux.
   On les retire et on met le même espace sous chaque carte. */
@media (max-width: 61.99em) {
    .news-detail {
        display: flow-root;      /* la carte englobe la photo (flottante) */
        padding-bottom: 50px;    /* bien plus que titre → photo : on voit à quelle création est la photo */
    }
    .news-detail .detail-entry-gallery {
        display: flow-root;
    }
    .news-detail .lignes-vides,
    .news-detail .news-attachments {
        display: none;
    }
    .news-detail p.leadtext {
        margin-bottom: 0;
    }
    .news-detail p.leadtext + p.leadtext {
        margin-top: 10px;
    }
}