/* Icône Tabler cerclée d'un filet (besoins de l'emplacement, contact, piliers de l'investissement,
   repli du blog). Le filet suit le champ (--field-line) ; l'icône est champagne sur fond sombre, bronze sur crème
   (--text-link). Le modificateur .icon--<nom> choisit l'icône (--ico). */
.icon-ring {
    display: grid;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid var(--field-line);
    border-radius: 50%;
}

.icon-ring::after {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    margin: auto;
    background-color: var(--text-link);
    mask: var(--ico) center / contain no-repeat;
}

.icon--surface { --ico: var(--icon-surface); }
.icon--height { --ico: var(--icon-height); }
.icon--weight { --ico: var(--icon-weight); }
.icon--plug { --ico: var(--icon-plug); }
.icon--wifi { --ico: var(--icon-wifi); }
.icon--droplet { --ico: var(--icon-droplet); }
.icon--mail { --ico: var(--icon-mail); }
.icon--phone { --ico: var(--icon-phone); }
.icon--building { --ico: var(--icon-building); }
.icon--help { --ico: var(--icon-help); }
.icon--chart { --ico: var(--icon-chart); }
.icon--robot { --ico: var(--icon-robot); }
.icon--coin { --ico: var(--icon-coin); }
.icon--tool { --ico: var(--icon-tool); }
.icon--cup { --ico: var(--icon-cup); }
.icon--user-off { --ico: var(--icon-user-off); }
.icon--receipt-tax { --ico: var(--icon-receipt-tax); }
.icon--cash-off { --ico: var(--icon-cash-off); }
.icon--messages-off { --ico: var(--icon-messages-off); }
.icon--calendar-off { --ico: var(--icon-calendar-off); }
.icon--adjustments-off { --ico: var(--icon-adjustments-off); }
.icon--percentage { --ico: var(--icon-percentage); }
.icon--clock { --ico: var(--icon-clock); }
.icon--credit-card { --ico: var(--icon-credit-card); }

/* Même icône sans cercle, à la taille du texte qu'elle précède (bande « Fini les… »). */
.icon-glyph {
    display: inline-block;
    flex-shrink: 0;
    width: 1.25em;
    height: 1.25em;
    background-color: var(--text-link);
    mask: var(--ico) center / contain no-repeat;
}