/*
 * Date et temps de lecture d'un article.
 *
 * Aucune couleur ici : le texte hérite de son contexte et les icônes suivent en currentColor.
 * C'est ce qui permet au même composant de servir sur le panneau bleu foncé des dernières
 * actualités comme sur le fond clair de la liste et du mega menu.
 */

.news-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-list);
    font-size: var(--font-size-small);
    line-height: var(--line-height-tight);
}

.news-meta__item {
    display: flex;
    align-items: center;
    gap: var(--space-compact);
}

/* Boîte de 10px, comme la maquette. Le tracé de l'horloge fait 11 et déborde très légèrement,
   exactement comme dans le fichier source. */
.news-meta__icon {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
}

.news-meta__icon svg {
    display: block;
}