/* Heop — les liens du professionnel, sous son histoire.
 *
 * La mention de provenance est en petit ET en teinte sourde parce que c'est une
 * note de bas de page, pas un argument : elle dit d'ou vient le lien, elle ne
 * vante rien. Ce qu'elle affirme est verifiable — voir seller_profile_links().
 *
 * Les pastilles reprennent `.ui-chip` de la recette de fusion.
 */

.public-producer-links {
    display: grid;
    gap: 6px;
    margin-top: var(--ui-space-2);
}

.public-producer-links__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-producer-links__source {
    margin: 0;
    color: var(--ui-color-muted);
    font-size: .7rem;
    font-weight: 500;
}

/* --- LA TAILLE DES GLYPHES DE MARQUE EST UNE OBLIGATION, PAS UN REGLAGE ----
 *
 * La charte Facebook impose 16 px de large AU LOGO, minimum, en numerique.
 * Le glyphe du registre porte l'espace de respiration exige (1/4 de la largeur
 * de chaque cote), donc le logo n'occupe que 500/750 de sa boite : il faut
 * 24 px de boite pour 16 px de logo.
 *
 * Le defaut `--ui-icon-sm` vaut `clamp(22px, 6vw, 30px)` — 22 px sur un
 * telephone etroit, soit 14,7 px de logo. Sous la limite. Le plancher est donc
 * releve ici, et la borne haute est conservee pour que la pastille garde son
 * echelle sur grand ecran.
 *
 * Ne pas « recadrer serre » le viewBox pour gagner ces pixels : ce serait
 * supprimer l'espace de respiration, que la meme charte impose.
 */
.public-producer-links .ui-icon {
    width: clamp(24px, 6vw, 30px);
    height: clamp(24px, 6vw, 30px);
}

/* La mention par lien (provenances divergentes) se pose sous sa pastille, pas
 * a cote : dans la rangee, un texte a cote d'une pastille se lirait comme le
 * libelle de la suivante. */
.public-producer-links__list small.public-producer-links__source {
    display: block;
    margin-top: 3px;
    text-align: center;
}