/* ============================================
   TAG — pastille d'info (horaire, lieu, format, thème)
   Usage : class="tag -time" / "tag -format -format-<slug>"
   ============================================ */

.tag {
  font-size: var(--text-sm);
  color: var(--color-text);
  background: #e8e8e8;
  padding: 3px 8px;
  white-space: nowrap;
  line-height: 1.4;
}

.tag:empty {
  display: none;
}

.tag a {
  color: inherit;
  text-decoration: none;
}

.tag a:hover {
  text-decoration: underline;
}

.tag.-time {
  color: var(--color-bg);
  background: var(--color-text);
  letter-spacing: 0.01em;
  line-height: 1.4;
}

.tag.-venue {
  background: var(--color-border);
}

/* Les couleurs des tags format/thème sont pilotées par l'onglet Événements
   du site et injectées dans le <head> par le snippet tag-colors. */
