/*
 * Icone FontAwesome Pro 6.7.2 servite in locale al posto del kit kit.fontawesome.com
 * (ai_docs/sri.md fase 5, strategia B: mask CSS direttamente sul tag <i>).
 * Per aggiungere un'icona: SVG in ../img/icons/ ({peso}-{nome}.svg) e un blocco qui sotto
 * con width = larghezza/altezza del viewBox, in em. Senza blocco l'icona resta invisibile.
 */

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;
    vertical-align: -0.125em;
    -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;
    -webkit-mask-position: center;   mask-position: center;
    -webkit-mask-size: contain;      mask-size: contain;
}

i.fa-phone {
    width: 1em;                          /* viewBox 512 x 512 */
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/light-phone.svg");
            mask-image: url("../img/icons/light-phone.svg");
}

i.fa-envelope {
    width: 1em;                          /* viewBox 512 x 512 */
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/light-envelope.svg");
            mask-image: url("../img/icons/light-envelope.svg");
}

i.fa-instagram {
    width: 0.875em;                          /* viewBox 448 x 512 */
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/brands-instagram.svg");
            mask-image: url("../img/icons/brands-instagram.svg");
}

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

i.fa-pinterest {
    width: 0.969em;                          /* viewBox 496 x 512 */
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/brands-pinterest.svg");
            mask-image: url("../img/icons/brands-pinterest.svg");
}

i.fa-youtube {
    width: 1.125em;                          /* viewBox 576 x 512 */
    background-color: currentColor;
    -webkit-mask-image: url("../img/icons/brands-youtube.svg");
            mask-image: url("../img/icons/brands-youtube.svg");
}