/* Condivisi ----------------------------------------------------------------- */
.menu-divider{
    border-top: 1px solid color-mix(in oklch, var(--primary-background-color), var(--primary-foreground-color) 20%);
}

.menu-item{
    color: var(--primary-foreground-color);
}

.menu-item:focus{
    color: var(--primary-foreground-color);
}

.menu-item:hover{
    color: var(--primary-accent-color);
}

.menu-profile-dropdown{
    background-color: color-mix(in oklch, var(--primary-background-color), var(--primary-foreground-color) 20%);
    transform: translate(-35px, -60px) !important;
}

.menu-item.dropdown-item:hover:hover{
    background-color: rgba(255, 255, 255, 0);
}


/* Sidebar ------------------------------------------------------------------- */
.sidebar{
    background-color: var(--primary-background-color);
    height: calc(100vh - 5rem);
    color: var(--primary-foreground-color);
}

.sidebar-icon{
    max-width: 200px;
    max-height: 150px;
}
/* Schermi piccoli ------------------------------------------------------------- */
.menu-small{
    background-color: var(--primary-background-color);
    color: var(--primary-foreground-color);
}

.menu-small .btn{
    color: var(--primary-foreground-color);
    font-size: larger;
}

.menu-small .btn:hover{
    color: var(--primary-accent-color);
}

.menu-small img {
    vertical-align: bottom;
    height: 40px;
    width: auto;
}

.sidebar-small {
    background-color: var(--primary-background-color);
    max-width: 400px;
}

/* Scroller  ------------------------------------------------------------------- */
.sidebar-scroller::-webkit-scrollbar {
        width: 6px;
}

.sidebar-scroller::-webkit-scrollbar-thumb {
    background-color: var(--primary-accent-color);
    border-radius: 6px;
}