/*
 * Icone FontAwesome Pro 6.7.2 senza Kit (sri.md, Fase 5 — Strategia B, CSS-only).
 * Il tag (<i> o <span>) resta nel markup; qui gli si applica come maschera l'SVG locale in ../images/icons/.
 * SVG esatti del Kit Pro (licenza nel commento di ogni file). Nome file = {peso}-{icona}.svg
 *
 * Nuova icona: aggiungere l'SVG in images/icons/ e un blocco qui sotto con
 * width = larghezza viewBox / altezza viewBox (in em). Senza blocco l'icona resta invisibile.
 */

.fa, .fas, .far, .fal, .fat, .fad, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands, .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;
}

/* arrow-right: light nel menu, regular nei contenuti */
.fa-arrow-right {
  width: 0.875em; /* 448/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/light-arrow-right.svg");
          mask-image: url("../images/icons/light-arrow-right.svg");
}
.fa-regular.fa-arrow-right {
  -webkit-mask-image: url("../images/icons/regular-arrow-right.svg");
          mask-image: url("../images/icons/regular-arrow-right.svg");
}

.fa-angle-left {
  width: 0.625em; /* 320/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/light-angle-left.svg");
          mask-image: url("../images/icons/light-angle-left.svg");
}

.fa-arrow-up-right-from-square {
  width: 1em; /* 512/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/light-arrow-up-right-from-square.svg");
          mask-image: url("../images/icons/light-arrow-up-right-from-square.svg");
}

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

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

.fa-fax {
  width: 1em; /* 512/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/light-fax.svg");
          mask-image: url("../images/icons/light-fax.svg");
}

.fa-arrow-up-right {
  width: 0.75em; /* 384/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/regular-arrow-up-right.svg");
          mask-image: url("../images/icons/regular-arrow-up-right.svg");
}

.fa-arrow-down-right {
  width: 0.75em; /* 384/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/regular-arrow-down-right.svg");
          mask-image: url("../images/icons/regular-arrow-down-right.svg");
}

.fa-facebook {
  width: 1em; /* 512/512 */
  background-color: currentColor;
  -webkit-mask-image: url("../images/icons/brands-facebook.svg");
          mask-image: url("../images/icons/brands-facebook.svg");
}

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