/*
    Correzioni Spark applicate sopra il tema Spruko.

    Questo foglio va caricato DOPO styles.css e icons.css: sono file del tema,
    rigenerati quando lo si aggiorna, e una modifica fatta li' dentro andrebbe
    persa senza lasciare traccia. Qui invece resta, e si vede subito cos'e'
    nostro e cos'e' del tema.
*/

/* ------------------------------------------------------------------------
   Menu laterale: icona centrata sulla riga della voce
   ------------------------------------------------------------------------
   Il tema definisce l'icona come una scatola quadrata di altezza FISSA:

       .app-sidebar .side-menu__icon { width: 1.15rem; height: 1.15rem;
                                       font-size: 1.15rem; }

   ma non le da' un line-height, quindi eredita quello del tema (1.5). Dentro
   una scatola alta 18,4px si forma cosi' una riga da 27,6px: i 9,2px di
   interlinea in eccesso non possono allargare la scatola (l'altezza e' fissa),
   quindi meta' spinge il glifo verso il basso e il resto sborda sotto il
   bordo. L'etichetta accanto non ha il problema perche' il tema le assegna
   gia' line-height: 1.

   Risultato: l'icona finisce piu' in basso del testo che le sta a fianco.
   Misurato sull'inchiostro reale dei glifi: 5,4px di scarto, che su una riga
   da 18px si vedono benissimo.

   Pareggiando line-height e altezza della scatola l'interlinea in eccesso
   sparisce e il glifo torna centrato: scarto misurato 5,4px -> 0,8px, cioe'
   lo stesso allineamento delle voci senza icona.

   Vale per tutte le varianti del menu (esteso, a sole icone, orizzontale)
   perche' nessuna di esse ridefinisce il line-height dell'icona. */
.app-sidebar .side-menu__icon {
    line-height: 1;
}

/* ------------------------------------------------------------------------
   Menu laterale chiuso: il passaggio del mouse non deve coprire il pulsante
   ------------------------------------------------------------------------
   Con il menu chiuso (data-toggled="icon-overlay-close") la sidebar e' larga
   5rem e il pulsante a tre righe dell'intestazione si sposta a circa 6rem dal
   bordo. Passando col mouse sul menu chiuso, NavMenu lo allarga a 15rem
   (data-icon-overlay="open") SOPRA l'intestazione (z-index 103 contro 100):
   la striscia col logo copre il pulsante, e un clic li' finisce sul link del
   logo (href="home"). Chi risale dalle icone del menu verso il pulsante non
   esce mai dalla sidebar, quindi il menu non si richiude e il clic sul
   pulsante porta alla Home invece di riaprire il menu. Misurato il 31/10/2026
   sulla pagina di prova col tema vero: al centro del pulsante c'era
   IMG.desktop-dark del link al logo.

   Rimedio: mentre e' allargata dal mouse, la sidebar e' trasparente al
   puntatore tranne che nel corpo delle voci (.main-sidebar). La striscia del
   logo lascia passare il puntatore all'intestazione sottostante: il clic
   arriva al pulsante, e appena il mouse entra nella striscia la sidebar riceve
   mouseleave e si richiude da sola. Il link del logo resta cliccabile a menu
   aperto. Vale solo per lo stile "overlay" (il predefinito di Spark) e sopra
   i 992px, dove il tema applica l'allargamento. */
@media (min-width: 992px) {
    [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar {
        pointer-events: none;
    }
    [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar {
        pointer-events: auto;
    }
}