/* =============================================================================
   Custom SVG Icons (FixIA)
   =============================================================================
   Uso:  <i class="fac fac-nome-icona"></i>

   Per aggiungere una nuova icona:
   1. Metti il file SVG in /static/icons/ (monocromatico, senza fill o con fill="currentColor")
   2. Aggiungi una regola:
        .fac-nome-icona {
            -webkit-mask-image: url('/static/icons/nome-icona.svg');
            mask-image: url('/static/icons/nome-icona.svg');
        }
   3. Usala: <i class="fac fac-nome-icona"></i>
   =========================================================================== */

/* --- Classe base condivisa da tutte le icone custom --- */
.fac {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.125em;
    overflow: visible;
}

/* =============================================================================
   Definizioni icone
   =========================================================================== */

/* Esempio (decommentare quando si aggiunge l'SVG):
.fac-placeholder {
    -webkit-mask-image: url('/static/icons/placeholder.svg');
    mask-image: url('/static/icons/placeholder.svg');
}
*/
.fac-fixia {
    -webkit-mask-image: url('/static/icons/fixia.svg');
    mask-image: url('/static/icons/fixia.svg');
}