/*
 * Icone Font Awesome senza kit (Fase 5 sri.md, 2026-09-11, Strategia B: mask CSS direttamente sul tag <i>).
 * Sostituisce il kit kit.fontawesome.com/b7f5a20fe1.js (Pro 6.7.2, modalità SVG+JS).
 * SVG Pro esatti in ../images/icons/{peso}-{nome}.svg (licenza commerciale FA Pro del cliente).
 * Per aggiungere un'icona: salvare lo SVG in images/icons/ e aggiungere qui il blocco, con
 * width = larghezza viewBox / altezza viewBox (in em). Senza blocco l'icona resta invisibile.
 * background-color sta nei blocchi per-icona apposta: una classe non gestita non diventa un rettangolo pieno.
 */

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;
}

/* bars — light — apertura menu (index.php) */
i.fa-bars {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-bars.svg");
            mask-image: url("../images/icons/light-bars.svg");
}

/* xmark — light — chiusura menu (index.php) */
i.fa-xmark {
    width: 0.75em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-xmark.svg");
            mask-image: url("../images/icons/light-xmark.svg");
}

/* chevron-right — light — link/bottoni: contenuti DB, article/default.php, offer_item.php, offer_items.php */
i.fa-chevron-right {
    width: 0.625em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-chevron-right.svg");
            mask-image: url("../images/icons/light-chevron-right.svg");
}

/* gallery-thumbnails — light — link galleria nei moduli 127/180/194 */
i.fa-gallery-thumbnails {
    width: 1.125em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-gallery-thumbnails.svg");
            mask-image: url("../images/icons/light-gallery-thumbnails.svg");
}

/* camera-web — light — link webcam nei moduli 127/180/194 (oggi non renderizzato) */
i.fa-camera-web {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-camera-web.svg");
            mask-image: url("../images/icons/light-camera-web.svg");
}

/* angle-down — light — accordion (blog_item.php, classe fal) */
i.fa-angle-down {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-angle-down.svg");
            mask-image: url("../images/icons/light-angle-down.svg");
}

/* instagram — brands — social nel footer (modulo 124) */
i.fa-instagram {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/brands-instagram.svg");
            mask-image: url("../images/icons/brands-instagram.svg");
}

/* facebook-f — brands — social nel footer (modulo 124) */
i.fa-facebook-f {
    width: 0.625em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/brands-facebook-f.svg");
            mask-image: url("../images/icons/brands-facebook-f.svg");
}

/* xmark — thin — chiusura popup (html/layouts/chromes/popup.php) */
i.fa-thin.fa-xmark, i.fat.fa-xmark {
    width: 0.75em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/thin-xmark.svg");
            mask-image: url("../images/icons/thin-xmark.svg");
}