/* --- badges de vignette ---
   Extrait de `home.css` le 2026-08-18. Les badges sont posés par
   `inc/loop-badges.php` sur toute vignette de pièce : ils apparaissent donc sur
   l'accueil, la boutique, les archives de catégorie, la page « Notre histoire »
   et les pièces similaires d'une fiche — partout où une rangée de vignettes est
   rendue, et non sur la seule page d'accueil.

   Feuille chargée partout : moins d'un kilooctet, contre une condition à tenir
   à jour au fil des pages qui gagnent une rangée de vignettes. */

/* Badge « Nouveau » (inc/loop-badges.php), posé sur la vignette. */
.ub-badge {
  background: var(--ub-panneau-fond);
  color: var(--ub-encre);
  font-size: 0.55rem;
  letter-spacing: 0.12em;
  padding: 0.28rem 0.55rem;
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
  text-transform: uppercase;
  z-index: 1;
}

/* « Bientôt » ne se lit pas comme « Nouveau » : l'un annonce une attente,
   l'autre une arrivée en rayon. Le camel de la marque sur fond plein le
   distingue au premier coup d'œil dans une rangée où les autres pièces sont
   achetables. */
.ub-badge--bientot {
  background: var(--ub-camel);
  color: #fff;
}