/* ========================================================================= LE ICONE DENTRO I CERCHI VERDI — il fantasma dei 9 pixel. ========================================================================= Segnalato il 2026-08-26: sostituiti i PNG con gli SVG corretti, le icone della sezione «Consegna / Spedizioni / Pagamenti» risultano **spostate in alto** dentro il tondo verde. Il PNG accanto invece e' centrato. ------------------------------------------------------------------------ NON E' L'SVG: E' UN FANTASMA DI RIGA Misurato, e i numeri dicono tutto da soli: cerchio 99 px icona (sia PNG sia SVG) 50 px PNG -> 24 sopra, 24 sotto centrato SVG -> 20 sopra, 29 sotto spostato in alto di 4,5 La struttura del widget icona di Elementor e': .elementor-widget-container flex, centrato, alto 99 └ .elementor-icon-wrapper alto **59** └ .elementor-icon inline-block, alto 50 └ svg alto 50 Il wrapper misura **59 e non 50** perche' `.elementor-icon` e' `inline-block`: sta su una riga di testo, e la riga aggiunge sotto lo spazio del **discendente**. Sono 9 px che non appartengono a niente di visibile. Poi il flex centra il **wrapper**, non l'icona: (99 - 59) / 2 = 20 px sopra. E dentro il wrapper l'icona sta in cima, quindi i 9 px avanzano tutti in fondo. Da cui 20 sopra e 29 sotto. Il PNG non ne soffre perche' e' un `` figlio diretto del contenitore flex: niente riga di testo di mezzo, niente discendente. ------------------------------------------------------------------------ LA CURA, E PERCHE' `line-height` E NON UN MARGINE `line-height: 0` toglie la riga, quindi il wrapper torna alto quanto l'icona e il flex lo centra davvero. Compensare con un margine negativo avrebbe **nascosto** il fantasma lasciandolo li': stessa resa oggi, e un numero da rincorrere se un domani cambia il corpo del testo, da cui quei 9 px dipendono. ------------------------------------------------------------------------ PERCHE' L'IDENTIFICATIVO DEL CONTENITORE E NON QUELLI DELLE ICONE ------------------------------------------------------------------------ La prima stesura, il 2026-08-26, elencava i **tre** widget icona della home. Poche ore dopo l'utente ha accorpato le quattro copie della sezione nel template **1647**, gli identificativi sono cambiati tutti e la regola ha smesso di applicarsi: il difetto e' tornato, misurato di nuovo a 20,1 sopra e 28,9 sotto. Era il caso previsto proprio qui in fondo, e si e' verificato lo stesso giorno. Da cui la forma di adesso: si aggancia alla **radice del template** (`2da7f230`), che e' un identificativo solo invece di tre, e vale per il blocco **ovunque sia inserito** — oggi home, Contatti, FAQ e archivio prodotti. Se domani si aggiunge una quarta colonna, e' gia' coperta senza toccare niente. Resta vero che se il template viene **ricostruito da zero** l'identificativo cambia e la regola smette di valere. E' il limite di qualunque aggancio a Elementor, ma ora il bersaglio e' uno e sta in un posto solo, non quattro sparsi per il sito. ------------------------------------------------------------------------ PERCHE' NON TUTTE LE ICONE DEL SITO Il fantasma ce l'hanno **tutti** i widget icona: qui nei cerchi si vede, altrove sposta di 9 px cio' che sta sotto. Toglierlo ovunque con `.elementor-icon-wrapper { line-height: 0; }` sarebbe la correzione «giusta» in astratto, ma ritoccherebbe la spaziatura di punti che nessuno ha guardato. Qui si corregge cio' che e' stato segnalato. ========================================================================= */ .elementor-element-2da7f230 .elementor-icon-wrapper { line-height: 0; }