/**
 * navbar.css
 * Стили навбара: меню-тогглер, поиск, уведомления
 */

/* Navbar overflow visible для dropdown */
.app-navbar {
  overflow: visible !important;
}

.app-navbar .container-fluid {
  overflow: visible !important;
}

/* ─────────────────────────────────────────────────────────────
   MENU TOGGLE (гамбургер)
────────────────────────────────────────────────────────────── */
/* Кнопка «гамбургера» — без круга/рамки */
.menu-toggle {
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 1;
  color: #fff;
}

.menu-toggle:focus {
  outline: none;
  box-shadow: none;
}

/* ─────────────────────────────────────────────────────────────
   DROPDOWN AVATAR
────────────────────────────────────────────────────────────── */
/* Спрятать стрелочку у dropdown-аватара */
.dropdown-toggle.no-caret::after {
  display: none !important;
}

/* ─────────────────────────────────────────────────────────────
   MOBILE SEARCH OVERLAY
────────────────────────────────────────────────────────────── */
.mobile-search-overlay {
  position: fixed;
  top: var(--navbar-h);
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1030;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.mobile-search-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* Светлая тема - забеливание */
[data-bs-theme="light"] .mobile-search-overlay {
  background-color: rgba(255, 255, 255, 0.85);
}

/* Темная тема - затемнение */
[data-bs-theme="dark"] .mobile-search-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}