/* =====================================================================
 * Weda Blog System — ÉTIQUETTES DE CATÉGORIE (badges + boutons de filtre)
 * Couleur administrable par catégorie (includes/tags.php) : bleu / rose / orange.
 * Palette de marque. Pas de pictogramme : pastille texte seule, fond clair,
 * liseré et texte dans la couleur principale.
 * Spécificité (0,2,0) pour passer devant blog-hub.css quel que soit l'ordre de chargement.
 * ===================================================================== */

:root {
  --weda-tag-blue: #3843D0;
  --weda-tag-blue-light: #C3C7F1;
  --weda-tag-magenta: #C02988;
  --weda-tag-magenta-light: #ECBFDB;
  --weda-tag-orange: #FD9104;
  --weda-tag-orange-light: #FEDEB4;
}

/* ---------- Badge ---------- */
.weda-card__badges .weda-card__badge {
  --tag: var(--weda-tag-blue);
  --tag-light: var(--weda-tag-blue-light);
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 14px;
  background: var(--tag-light);
  border: 1px solid color-mix(in srgb, var(--tag) 55%, transparent);
  border-radius: 100px;
  color: var(--tag);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
}
.weda-card__badges .weda-card__badge--magenta { --tag: var(--weda-tag-magenta); --tag-light: var(--weda-tag-magenta-light); }
.weda-card__badges .weda-card__badge--orange  { --tag: var(--weda-tag-orange);  --tag-light: var(--weda-tag-orange-light); }

/* ---------- Boutons de filtre (toggle) ---------- */
.weda-hub__filters .weda-hub__filter {
  --tag: var(--weda-tag-blue);
  --tag-light: var(--weda-tag-blue-light);
}
.weda-hub__filters .weda-hub__filter--magenta { --tag: var(--weda-tag-magenta); --tag-light: var(--weda-tag-magenta-light); }
.weda-hub__filters .weda-hub__filter--orange  { --tag: var(--weda-tag-orange);  --tag-light: var(--weda-tag-orange-light); }

.weda-hub__filters .weda-hub__filter:hover {
  background: color-mix(in srgb, var(--tag-light) 55%, transparent);
}
.weda-hub__filters .weda-hub__filter.is-active,
.weda-hub__filters .weda-hub__filter[aria-pressed="true"],
.weda-hub__filters a.weda-hub__filter[aria-current="page"] {
  background: var(--tag-light);
  color: var(--tag);
}