/* Icone FontAwesome Pro 5.15.4 come SVG locali (sostituiscono il Kit FA, 2026-10-02)
 *
 * Variante CSS-only: il tag <i class="fal fa-..."> resta nel markup e diventa una
 * maschera colorata con currentColor. Gli SVG stanno in ../images/icons/ e si
 * chiamano {peso}-{nome}.svg.
 *
 * Per aggiungere un'icona: salvare l'SVG in images/icons/ e aggiungere qui un
 * blocco con width = larghezza viewBox / altezza viewBox (in em). Senza il blocco
 * l'icona resta invisibile (background-color sta nelle regole per-icona).
 *
 * Usate oggi:
 *   fa-search-plus  html/mod_accommodation_rooms/page.php (planimetrie)
 *   fa-angle-down   static/request/quick-{de,it,en}.php (nascosta da innerhofer.css)
 */

i.fa, i.fas, i.far, i.fal, i.fat, i.fad, i.fab {
    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;
}

/* light, viewBox 0 0 512 512 */
i.fa-search-plus {
    width: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-search-plus.svg");
            mask-image: url("../images/icons/light-search-plus.svg");
}

/* light, viewBox 0 0 256 512 */
i.fa-angle-down {
    width: 0.5em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-angle-down.svg");
            mask-image: url("../images/icons/light-angle-down.svg");
}
