/* Стили для иконок в навигационной панели */

/* Общие стили для иконок */
.nav-item .nav-link[data-theme-value],
.notifications-dropdown .nav-link {
  color: #fff;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s ease;
}

.nav-item .nav-link[data-theme-value]:hover,
.notifications-dropdown .nav-link:hover {
  color: rgba(255, 255, 255, 0.8);
  transform: translateY(-2px);
}

/* Стили для значка уведомлений */
.notifications-dropdown .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 0.65rem;
  padding: 0.25rem 0.4rem;
}

/* Стили для выпадающего меню уведомлений */
.dropdown-list {
  max-height: 400px;
  overflow-y: auto;
  min-width: 300px;
}

/* Убираем точки над иконками */
.user-area *::before,
.user-area *::after {
  content: normal !important;
}

.user-area li,
.user-area .nav-item,
.user-area .notifications-dropdown {
  list-style: none !important;
  list-style-type: none !important;
  background: none !important;
  background-image: none !important;
}

/* Адаптивность */
@media (max-width: 767px) {
  .nav-item .nav-link[data-theme-value],
  .notifications-dropdown .nav-link {
    padding: 0.3rem;
  }
  
  .nav-item .nav-link[data-theme-value] i,
  .notifications-dropdown .nav-link i {
    font-size: 1rem !important;
  }
}

/* Анимации */
.nav-item .nav-link[data-theme-value] i,
.notifications-dropdown .nav-link i {
  transition: transform 0.2s ease;
}

.nav-item .nav-link[data-theme-value]:hover i,
.notifications-dropdown .nav-link:hover i {
  transform: scale(1.1);
}