/**
 * Remplace l'astérisque des champs requis par une mention explicite.
 *
 * Les sélecteurs couvrent les labels simples et les légendes de groupes des
 * thèmes public et d'administration. Drupal continue de porter la sémantique
 * requise via #required, l'attribut HTML required et les classes natives.
 */

label.form-required::after,
label.js-form-required::after,
.form-item__label.form-required::after,
.form-item__label.js-form-required::after,
.fieldset__label.form-required::after,
.fieldset__label.js-form-required::after,
.fieldset-legend.form-required::after,
.fieldset-legend.js-form-required::after {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-inline-start: 8px;
  padding: 2px 8px;
  content: "obligatoire" !important;
  border: 1px solid rgba(180, 35, 24, .2);
  border-radius: 999px;
  background: rgba(180, 35, 24, .09);
  color: #991b1b;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}