/* Исправление для иконки уведомлений */

/* Принудительное отображение иконки */
.notifications-dropdown .nav-link i.bi.bi-chat-left-text-fill {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
  font-size: 1.25rem !important;
}

/* Принудительное отображение псевдоэлемента */
.bi.bi-chat-left-text-fill::before {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  content: "\F251" !important; /* Unicode для иконки сообщения с текстом в Bootstrap Icons */
  font-family: "bootstrap-icons" !important;
}

/* Стили для контейнера */
.notifications-dropdown .nav-link {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem !important;
  color: #fff !important;
}

/* Стили для бейджа */
.notifications-dropdown .badge {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  font-size: 0.65rem !important;
  padding: 0.25rem 0.4rem !important;
}

/* Отменяем любые стили, которые могут скрывать иконку */
.user-area *::before,
.user-area *::after {
  content: normal;
}

.user-area .notifications-dropdown .nav-link::before,
.user-area .notifications-dropdown .nav-link::after {
  display: none !important;
}

/* Стили для выпадающего меню уведомлений */
.dropdown-list {
  max-height: 400px;
  overflow-y: auto;
  min-width: 300px;
  background-color: #1e1e2d !important;
  border: 1px solid #2c2c40 !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
}

.dropdown-list .dropdown-header {
  background-color: #3a7bd5 !important;
  color: #fff !important;
  border-bottom: 1px solid #2c2c40 !important;
}

.dropdown-list .dropdown-item {
  color: #e0e0e0 !important;
  border-bottom: 1px solid #2a2a3c !important;
}

.dropdown-list .dropdown-item:hover {
  background-color: #2a2a3c !important;
  color: #fff !important;
}

/* Стили для выпадающего меню профиля */
.user-dropdown .dropdown-menu {
  background-color: #1e1e2d !important;
  border: 1px solid #2c2c40 !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
  padding: 0.5rem 0 !important;
}

.user-dropdown .dropdown-menu .dropdown-item {
  color: #e0e0e0 !important;
  padding: 0.5rem 1rem !important;
}

.user-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #2a2a3c !important;
  color: #fff !important;
}

.user-dropdown .dropdown-menu .dropdown-divider {
  border-color: #2c2c40 !important;
  margin: 0.25rem 0 !important;
}

.user-dropdown .dropdown-menu i {
  color: #3a7bd5 !important;
}