/* ==========================================================================
   Profilia - Étoiles de note (pfl_note_etoiles, pfl-avis.php)

   Remplies au prorata exact de la moyenne : deux rangées superposées, la
   rangée pleine est rognée à --pf-note (ex. 86 % pour 4,3). L'espacement
   entre étoiles est celui du composant hôte (gap: inherit).
   ========================================================================== */

/* Spécificité doublée : les composants hôtes déclarent souvent display:flex sur leur conteneur d'étoiles. */
span.pf-stars.pf-stars { display: inline-grid; flex: none; line-height: 0; vertical-align: middle; }
.pf-stars__rang { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: inherit; }
.pf-stars__plein { clip-path: inset(0 calc(100% - var(--pf-note, 100%)) 0 0); }
.pf-stars svg { flex: none; }
.pf-stars__plein svg { fill: var(--rating); }
.pf-stars__vide svg { fill: var(--pf-stars-vide, var(--star-vide, #D5DCDC)); }
.pf-stars--sombre { --pf-stars-vide: rgba(255, 255, 255, .26); }
.pf-stars--clair { --pf-stars-vide: var(--star-vide, #D5DCDC); }

/* La rangée pleine ne doit jamais hériter d'une couleur « off » d'un composant hôte. */
.pf-stars .pf-stars__plein svg.on { fill: var(--rating); }

/* Pastilles du pied de page et de l'en-tête des pages agences */
.pf-f-stars, .pf-agp-chip__stars { gap: 1px; }