` : l'enveloppe survit avec ses styles. Un « Filtre par date » posé sur un module qui n'est pas en mode événement, ou un « Attributs » sur une publication qui n'en a aucun, laissaient donc un trou de 16 px (leur `padding:8px 0`) — invisible à l'écran, inexplicable pour qui a composé la page. `:empty` ne s'applique qu'aux éléments SANS enfant ni texte : le rendu injecte exactement '' dans ces cas, jamais un blanc. Le canevas de l'éditeur n'est pas concerné — ses composants contiennent toujours un aperçu `.aw-comp-ph`, donc ils restent sélectionnables et supprimables. */ .aw-composant:empty { display: none; } /* La vignette d'une carte GARDE sa place même sans visuel : son aplat gris est ce qui aligne les titres d'une rangée quand seuls certains articles ont une image. Depuis qu'elle est un composant (interrupteur « Composant actif »), `.aw-composant:empty` la masquait — le filet qui retire un `` vide l'enveloppe, et la carte perdait sa colonne image. Pour ne PAS afficher de vignette, on désactive le composant : c'est le geste explicite. */ .module-card__media.aw-composant:empty { display: block; } /* Titre de section d'un composant (réglage commun du panneau). Il fait partie du composant : il le suit quand on le déplace et disparaît avec lui. */ .aw-composant__title { margin: 0 0 .6rem; } /* Largeur de lecture (composant Contenu). 70 caractères : au-delà, l'œil perd le début de la ligne suivante. `ch` suit la police choisie, contrairement à une largeur en pixels qui redeviendrait fausse au premier changement de typo. */ .aw-composant--readable { max-width: 70ch; } /* Alignement d'un composant (option « Alignement » du panneau). Le composant devient une colonne flex : ses blocs internes (barre de filtres, réseaux, puces…) ET le texte suivent l'alignement horizontal choisi. Opt-in — sans classe, le composant garde son affichage bloc habituel. */ .aw-composant--align-left, .aw-composant--align-center, .aw-composant--align-right { display: flex; flex-direction: column; } .aw-composant--align-left { align-items: flex-start; text-align: left; } .aw-composant--align-center { align-items: center; text-align: center; } .aw-composant--align-right { align-items: flex-end; text-align: right; } /* ─── Composant « Image de couverture » ─────────────────────────────────────── Quatre formats (réglage « Format » du panneau) : image seule — rendue telle quelle, sans enveloppe, donc sans règle ici —, bannière (texte par-dessus), image puis texte, et côte à côte. L'image reste le