.nav-link {
    display: flex;
    align-items: center;
}

.user-icon {
    margin-right: 0.5rem;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* Базовые стили для dropdown */
.dropdown-menu {
    min-width: 100%;
    display: none; /* Скрыто по умолчанию */
    opacity: 1; /* Убрали анимацию opacity - Bootstrap управляет этим */
    visibility: visible; /* Всегда видим для Bootstrap */
    transition: none; /* Убрали transition - может конфликтовать с Bootstrap */
    position: absolute;
    z-index: 1000;
}

/* Стили для наведения (только для больших экранов) */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu,
    .nav-item.dropdown:focus-within .dropdown-menu {
        display: block;
    }
}

/* Для мобильных устройств - оставляем стандартное поведение Bootstrap */
@media (max-width: 991.98px) {
    .dropdown-menu {
        position: static;
    }
    .nav-item.dropdown:hover .dropdown-menu {
        display: none; /* Отключаем hover на мобильных */
    }
}