/**
 * Style frontend pour le bloc Nombre de commentaires
 */

/* Layout flex - reproduit le comportement natif d'un wp-block-group en mode horizontal.
 * is-layout-flex et is-horizontal sont ajoutés manuellement en PHP pour garantir
 * que le gap (--wp--style--block-gap) s'applique entre l'icône et le texte. */
.onlyf1-comments-count.is-layout-flex {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.onlyf1-comments-count.is-layout-flex.is-horizontal {
    flex-direction: row;
    gap: 0.3em;
}

.onlyf1-comments-count.has-text-align-left {
    justify-content: flex-start;
}

.onlyf1-comments-count.has-text-align-center {
    justify-content: center;
}

.onlyf1-comments-count.has-text-align-right {
    justify-content: flex-end;
}

/* Le lien utilise display:contents pour rester transparent au layout flex parent
 * L'icône et le texte restent des enfants directs du flex container */
.onlyf1-comments-count-link {
    display: contents;
    text-decoration: none;
    color: inherit;
}