/*
 * Icone FontAwesome come SVG locali (Font Awesome Pro 5.15.4, dagli SVG esatti del kit,
 * licenza commerciale del cliente). Sostituisce il Kit FA e FontAwesome 4.6.1 CDN.
 * Strategia CSS-only (sri.md 5.6): il tag <i class="fa* fa-nome"> resta e viene mascherato
 * con l'SVG; nessun JS, copre anche i contenuti del database e le icone iniettate da JS.
 *
 * Per aggiungere un'icona: salvare l'SVG in ../img/icons/{peso}-{nome}.svg e aggiungere
 * un blocco i.fa-{nome} con width = larghezzaViewBox/altezzaViewBox (in em).
 */

/* Regola base: replica ciò che faceva il CSS del Kit sul tag <i> */
i.fa, i.fas, i.far, i.fal, i.fat, i.fad, i.fab,
i[class*="fa-solid"], i[class*="fa-regular"], i[class*="fa-light"],
i[class*="fa-thin"], i[class*="fa-brands"], i[class*="fa-sharp"] {
    display: inline-block;
    height: 1em;
    width: 1em;
    line-height: 1;
    vertical-align: -0.125em;
    font-style: normal;
    -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;
    -webkit-mask-position: center;   mask-position: center;
    -webkit-mask-size: contain;      mask-size: contain;
}

/* --- solid ------------------------------------------------------------ */
i.fa-angle-left {                       /* menu: "torna indietro" (mod_menu) */
    width: 0.5em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-angle-left.svg");
            mask-image: url("../img/icons/solid-angle-left.svg");
}
i.fa-times {                            /* newsbox: chiudi */
    width: 0.688em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-times.svg");
            mask-image: url("../img/icons/solid-times.svg");
}
i.fa-envelope {                         /* footer / mobile CTA */
    width: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-envelope.svg");
            mask-image: url("../img/icons/solid-envelope.svg");
}
i.fa-phone {                            /* footer / mobile CTA */
    width: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-phone.svg");
            mask-image: url("../img/icons/solid-phone.svg");
}
i.fa-calendar {                         /* datepicker (montecherz.js buttonText) */
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-calendar.svg");
            mask-image: url("../img/icons/solid-calendar.svg");
}
i.fa-angle-down {
    width: 0.625em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-angle-down.svg");
            mask-image: url("../img/icons/solid-angle-down.svg");
}
i.fa-angle-up {
    width: 0.625em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/solid-angle-up.svg");
            mask-image: url("../img/icons/solid-angle-up.svg");
}

/* --- light ------------------------------------------------------------ */
i.fa-map-marker {                       /* footer contact */
    width: 0.75em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/light-map-marker.svg");
            mask-image: url("../img/icons/light-map-marker.svg");
}

/* --- brands ----------------------------------------------------------- */
i.fa-whatsapp {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/brands-whatsapp.svg");
            mask-image: url("../img/icons/brands-whatsapp.svg");
}
i.fa-facebook-f {
    width: 0.625em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/brands-facebook-f.svg");
            mask-image: url("../img/icons/brands-facebook-f.svg");
}
i.fa-facebook {
    width: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/brands-facebook.svg");
            mask-image: url("../img/icons/brands-facebook.svg");
}