/* Estilos do menu */
#userProfileLink {
    display: flex;
    align-items: center;
}

#userProfileLink img {
    margin-right: 10px;
}

#logoutLink {
    color: #dc3545;
    display: flex;
    align-items: center;
}

#userProfileLink:hover, #logoutLink:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

#btn-exit {
    transition: color 0.3s, background-color 0.3s;
}

#btn-exit:hover {
    color: #ff6b6b; 
    background-color: rgba(255, 107, 107, 0.1); 
}

#btn-exit i, #btn-exit span {
    transition: color 0.3s;
}

#btn-exit:hover i {
    color: #ff6b6b;
}

/* Garante que o dropdown fique acima de outros elementos */
.dropdown-menu {
    position: absolute !important;
    z-index: 1050 !important;
    display: none;
}

/* Quando o dropdown está visível, aparece com a classe 'show' */
.dropdown-menu.show {
    display: block !important;
}

/* Garante que o menu-inner e o layout-menu não escondam o dropdown */
.menu-inner {
    position: relative !important;
    z-index: 1000 !important;
}

.layout-menu {
    position: relative !important;
    z-index: 1000 !important;
}

/* Garante que o item do dropdown esteja visível corretamente */
.navbar-dropdown {
    position: relative !important;
    z-index: 1050 !important;
}

/* Ajuste para garantir que o dropdown não fique escondido atrás de outros elementos */
.layout-navbar {
    position: relative !important;
    z-index: 1051 !important;
}



