/**
 * mod_joomanji_versions
 *
 * AUCUNE COULEUR EN DUR : uniquement les jetons de Corpus, avec une valeur de
 * repli prise sur le texte courant quand le gabarit ne les donne pas.
 */

/* Le tableau de tous les produits. */
.jmj-versions__table {
  width: 100%;
  border-collapse: collapse;
}

.jmj-versions__table th {
  text-align: start;
  font-size: var(--t-petit, 0.9375rem);
  font-weight: var(--graisse-forte, 600);
  color: var(--texte-doux, currentColor);
  padding: 0 var(--e-3, 12px) var(--e-2, 8px);
  border-block-end: var(--trait, 1px) solid var(--bord, currentColor);
}

.jmj-versions__table td {
  padding: var(--e-3, 12px);
  border-block-end: var(--trait, 1px) solid var(--bord, currentColor);
}

.jmj-versions__table tbody tr:last-child td {
  border-block-end: 0;
}

.jmj-versions__numero {
  font-variant-numeric: tabular-nums;
  font-weight: var(--graisse-forte, 600);
}

.jmj-versions__date {
  color: var(--texte-doux, currentColor);
  font-variant-numeric: tabular-nums;
}

/* La ligne seule, sous un bloc d'achat. */
.jmj-versions__ligne {
  display: flex;
  flex-wrap: wrap;
  gap: var(--e-3, 12px);
  align-items: baseline;
  margin-block-start: var(--e-4, 16px);
  padding-block-start: var(--e-4, 16px);
  border-block-start: var(--trait, 1px) solid var(--bord, currentColor);
}

.jmj-versions__pastille {
  display: inline-block;
  inline-size: 0.5rem;
  block-size: 0.5rem;
  border-radius: 50%;
  background: var(--succes, var(--accent, currentColor));
}

/* Verte, la version publiee ; rouge, celles qu'elle remplace. */
.jmj-versions__pastille.est-actuelle {
  background: var(--succes, var(--accent, currentColor));
}

.jmj-versions__pastille.est-ancienne {
  background: var(--erreur, var(--texte-doux, currentColor));
}

/* Le journal d'un produit, a cote du bloc d'achat. */

/* Le bouton du depliant porte la pastille, le numero et la date. */
.jmj-versions__journal .accordeon__bouton .jmj-versions__pastille {
  margin-inline-end: var(--e-2, 8px);
}

/* Le bouton du depliant porte le numero et la date sur une seule ligne. */
.jmj-versions__journal .accordeon__bouton .jmj-versions__date {
  margin-inline-start: var(--e-2, 8px);
  font-weight: normal;
}

.jmj-versions__rubrique {
  margin: var(--e-3, 12px) 0 var(--e-1, 4px);
  font-size: var(--t-petit, 0.9375rem);
  font-weight: var(--graisse-forte, 600);
  color: var(--texte-doux, currentColor);
}

/**
 * UN TIRET, PAS UNE PUCE. Demande de Cyrille le 21 octobre 2026 : avec les
 * pastilles verte et rouge des versions, les puces rondes font un point de
 * trop dans la meme colonne.
 *
 * Le tiret est pose par `list-style-type`, donc par le MARQUEUR de la liste,
 * et jamais par un `::before` qui serait du TEXTE : c'est la regle ecrite
 * dans `_modules.scss` de Corpus, un lecteur d'ecran annoncerait ce texte a
 * chaque ligne alors que la liste lui est deja dite par le `<ul>`.
 */
.jmj-versions__items {
  margin: 0;
  padding-inline-start: var(--e-4, 16px);
  font-size: var(--t-petit, 0.9375rem);
  list-style-type: "-";
}

.jmj-versions__items li {
  padding-inline-start: 0.4em;
}

.jmj-versions__items li + li {
  margin-block-start: var(--e-1, 4px);
}