/* Override the hover behavior for user dropdown */
.user-profile:hover .user-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
}

/* Add a logout button style */
.dropdown-item.logout {
    color: #ef4444;
}

.dropdown-item.logout:hover {
    background-color: rgba(239, 68, 68, 0.05);
    color: #ef4444;
}

.dropdown-item.logout i {
    color: #ef4444;
}