/**
 * « L'avis des professionnels » — sous l'article (silos santé) et sous l'outil.
 *
 * Feuille autonome : sur une page d'outil, `community.css` (9 000 lignes)
 * n'est pas chargé, et ne doit pas l'être pour un seul bloc. Écrite HORS
 * `@layer` : Blocksy remet à zéro marges et typographie hors couche, et une
 * règle calquée perdrait (piège de cascade du site).
 */

.ubc-avis-pros {
  display: grid;
  gap: var(--ub-s-3);
  margin-block: var(--ub-s-6);
  padding: var(--ub-s-5);
  border: var(--ub-stroke-thin) solid var(--ub-encre-100);
  border-radius: var(--ub-r-md);
  background-color: var(--ub-surface);
}

.ubc-avis-pros__titre {
  margin: 0;
  font-family: var(--ub-font-display);
  font-size: var(--ub-fs-h4);
  line-height: var(--ub-lh-snug);
}

.ubc-avis-pros__liste {
  display: grid;
  gap: var(--ub-s-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ubc-avis-pros__avis {
  margin: 0;
  padding: 0 0 var(--ub-s-4);
  border-block-end: var(--ub-stroke-thin) solid var(--ub-encre-100);
}

.ubc-avis-pros__avis:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}

.ubc-avis-pros__qui,
.ubc-avis-pros__verdict,
.ubc-avis-pros__vide,
.ubc-avis-pros__invitation {
  margin: 0;
  line-height: var(--ub-lh-normal);
}

.ubc-avis-pros__qui {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ub-s-1) var(--ub-s-2);
}

.ubc-avis-pros__verdict,
.ubc-avis-pros__vide,
.ubc-avis-pros__invitation {
  color: var(--ub-text-muted);
  font-size: var(--ub-fs-sm);
}

.ubc-avis-pros__texte p {
  margin: var(--ub-s-2) 0 0;
}

/* Badge autonome : la base `.ubc-badge` vit dans community.css, absent des
   pages d'outil. Le libellé « profil vérifié » porte l'information, la
   couleur ne fait que l'accompagner (X-14). */
.ubc-badge--pro {
  display: inline-flex;
  align-items: center;
  gap: var(--ub-s-1);
  padding: var(--ub-s-1) var(--ub-s-3);
  border: var(--ub-stroke-thin) solid var(--ub-silo, var(--ub-encre-100));
  border-radius: var(--ub-r-xs);
  color: var(--ub-silo-ink, var(--ub-text));
  font-size: var(--ub-fs-xs);
  font-weight: 600;
  line-height: var(--ub-lh-snug);
}