/*
 * Sottomenu laterale del backend (OC4).
 * - colori della palette di sistema di October (il colore WB resta alla sidebar dei form);
 * - niente espansione automatica al passaggio del mouse (sovrascrive backendhelper/collapse.css):
 *   si apre e chiude solo con il pulsante, stato ricordato in localStorage (html.wb-sidenav-open).
 */

/* palette "Default" di October: modules/backend/models/brandsetting/HasPalettes.php */
#layout-sidenav {
    --oc-sidebar-color: #536061;
    --oc-sidebar-bg: #e9edf3;
    --oc-sidebar-active-color: #333333;
    --oc-sidebar-active-bg: #ffffff;
    --oc-sidebar-hover-bg: #ffffff;
}

[data-bs-theme="dark"] #layout-sidenav {
    --oc-sidebar-color: #d7e1ea;
    --oc-sidebar-bg: #292a2d;
    --oc-sidebar-active-color: #ffffff;
    --oc-sidebar-active-bg: #424242;
    --oc-sidebar-hover-bg: #424242;
}

/* larghezza: chiuso 70px, aperto 250px; nessun effetto hover */
html .layout-sidenav-container > .layout-sidenav-spacer,
html .layout-sidenav-container > .layout-sidenav-spacer:hover {
    width: 70px;
    transition: width .2s ease;
}

html.wb-sidenav-open .layout-sidenav-container > .layout-sidenav-spacer,
html.wb-sidenav-open .layout-sidenav-container > .layout-sidenav-spacer:hover {
    width: 250px;
}

/* spazio per il pulsante in alto */
nav.layout-sidenav > ul { padding-top: 56px; }

nav.layout-sidenav .wb-sidenav-toggle {
    position: absolute;
    left: 15px;
    top: 12px;
    z-index: 2;
    width: 40px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--oc-sidebar-color);
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

nav.layout-sidenav .wb-sidenav-toggle:hover {
    background: var(--oc-sidebar-hover-bg);
    color: var(--oc-sidebar-active-color);
}

/* tooltip immediato con il nome della voce (solo a menu chiuso) */
.wb-sidenav-tooltip {
    position: fixed;
    z-index: 1100;
    padding: 5px 10px;
    border-radius: 6px;
    background: #28221f;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .08s ease-out;
}

.wb-sidenav-tooltip.is-visible { opacity: 1; }

/* nessuna evidenziazione delle voci al passaggio del mouse */
body:not(.drag) #layout-sidenav ul > li.mainmenu-item:not(.sidebar-button) > a:hover {
    background: transparent;
}