/**
 * CSS Unificato per Menu e Sidebar - EMS
 * Stili centralizzati per garantire il corretto funzionamento della sidebar e dei sottomenu
 */

/* ----- VISIBILITÀ DEI SOTTOMENU ----- */

/* Stato predefinito: nascosto */
.navigation li ul,
.navigation li .hidden-ul {
    display: none !important; 
    padding-left: 0;
    margin: 0;
    list-style: none;
    background-color: rgba(0,0,0,.1);
    transition: none !important; /* Previene transizioni indesiderate */
    pointer-events: auto !important; /* Garantisce che gli eventi mouse funzionino */
}

/* Stato attivo: visibile */
.navigation li.active > ul,
.navigation li.active > .hidden-ul {
    display: block !important;
}

/* ----- INDICATORI PER SOTTOMENU ----- */

/* Base di tutti gli elementi cliccabili */
.navigation .has-ul {
    position: relative;
    cursor: pointer;
}

/* Freccia per indicare il sottomenu */
.navigation .has-ul:after {
    content: '\e9c7'; /* icona freccia */
    font-family: 'icomoon';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 1rem;
    opacity: 0.75;
    transition: transform 0.2s ease-in-out;
    pointer-events: none; /* Importante: evita che gli eventi sul menu vengano bloccati dalla freccia */
}

/* Rotazione freccia quando il menu è aperto */
.navigation li.active > .has-ul:after {
    transform: translateY(-50%) rotate(90deg);
}

/* ----- STILI SPECIFICI PER MIGLIORARE L'INTERFACCIA ----- */

/* Correzione z-index per i dropdown */
.dropdown-menu {
    z-index: 1000;
}

/* Migliora stile degli elementi di sottomenu */
.navigation .hidden-ul li a {
    padding-left: 50px;
    color: rgba(255,255,255,.7);
    border-left: 2px solid transparent;
}

/* Evidenzia elementi attivi nei sottomenu */
.navigation .hidden-ul li.active > a,
.navigation .hidden-ul li > a.active {
    background-color: rgba(0,0,0,.1);
    color: #fff;
    border-left-color: #26a69a;
}

/* ----- REGOLE RESPONSIVE ----- */

/* Versione mobile */
@media (max-width: 768px) {
    .navigation li.active > ul,
    .navigation li.active > .hidden-ul {
        background-color: rgba(0,0,0,.15); /* Più scuro per migliorare il contrasto */
    }
    
    .navigation .has-ul:after {
        right: 15px;
    }
    
    /* Aumenta area cliccabile su mobile */
    .navigation .has-ul {
        padding-right: 40px;
    }
}

/* Sidebar minimizzata - comportamento speciale per i sottomenu */
.sidebar-xs .sidebar-main:not(.sidebar-mobile-main) .navigation > li > ul {
    position: absolute;
    left: 56px;
    top: 0;
    width: 200px;
    background-color: #263238; /* Colore sfondo coerente con sidebar */
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    display: none;
    border-radius: 0 3px 3px 0;
}

/* Previene overflow nei sottomenu della sidebar minimizzata */
.sidebar-xs .sidebar-main:not(.sidebar-mobile-main) .navigation > li:not(.active) > ul {
    display: none !important;
}