/* ⛓️ CURSOR_ANCHOR:ui:navbar_items */
/* Nav items hover effects - desktop only */
@media (min-width: 992px) {
  .nav-item:hover {
    background: rgb(var(--color-primary));
  }

  .nav-item:hover .nav-link {
    color: rgb(var(--color-canvas)) !important;
  }

  .nav-item:hover .nav-link .bi {
    color: rgb(var(--color-canvas)) !important;
  }

  .nav-item:hover .nav-link .badge-new {
    color: rgb(var(--color-canvas)) !important;
  }

  .nav-item:hover .nav-link .external-link-badge {
    color: rgb(var(--color-canvas)) !important;
    opacity: 0.9;
  }
}

.navbar .nav-item {
  position: relative;
  z-index: 10;
  padding: 0;
  display: flex;
  align-items: stretch;
  min-height: 45px;
}

.navbar .nav-item .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
}

/* Dropdown items в navbar */
.navbar .nav-item.dropdown {
  position: relative;
  z-index: 1090;
}

/* User menu nav-item - МАКСИМАЛЬНЫЙ приоритет */
.navbar .nav-item:has(.user-menu),
.navbar .nav-item:has(#user-menu) {
  position: relative;
  z-index: 9998 !important;
  display: flex;
  align-items: stretch;
  padding: 0;
}

.navbar .nav-item:has(.user-menu) .user-menu,
.navbar .nav-item:has(#user-menu) #user-menu {
  display: flex;
  align-items: stretch;
  height: 100%;
  width: 100%;
}

.navbar .nav-item:has(.user-menu) .user-menu .nav-link,
.navbar .nav-item:has(#user-menu) #user-menu .nav-link {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0.5rem 0.75rem;
  width: 3em;
  justify-content: center;
}