/* ==========================================================================
   Icônes
   Le tracé prend la couleur du texte environnant (`currentColor` dans le
   sprite) : une icône posée dans un bouton orange devient blanche, dans un
   lien bleu devient bleue, sans variante à déclarer.
   ========================================================================== */

.icon {
    inline-size: var(--icon-size, 24px);
    block-size: var(--icon-size, 24px);
    flex: none; /* jamais compressée par un flex parent */
    stroke-width: var(--icon-stroke, 1.75);
}

/* Icône alignée sur une ligne de texte (ex. « ★ 4,9 », « PDF ↓ ») */
.icon--inline {
    display: inline-block;
    vertical-align: -0.15em;
}