/* ===== NAVBAR: фон ===== */
.navbar.navbar-dark {
  background: linear-gradient(180deg, #00aaff, #0088dd) !important;
  border-bottom: 2px solid #0077cc;
}

/* ===== Верхние пункты меню (всегда белые) ===== */
.navbar.navbar-dark .navbar-nav .nav-link {
  color: #fff !important;
  font-weight: 600;
  padding: .55rem .95rem;
  transition: all .25s ease-in-out;
}

/* Наведение — лёгкая подсветка без тёмного квадрата */
.navbar.navbar-dark .navbar-nav .nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-link:focus,
.navbar.navbar-dark .nav-item.show > .nav-link {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 6px;
}

/* === Жёсткий фикс белого текста на верхнем уровне === */
nav.navbar.navbar-dark a,
nav.navbar.navbar-dark a:hover,
nav.navbar.navbar-dark a:focus,
nav.navbar.navbar-dark .navbar-nav .nav-link,
nav.navbar.navbar-dark .navbar-nav .nav-link:hover,
nav.navbar.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff !important;
  text-decoration: none !important;
}

/* Активные/раскрытые пункты меню сверху — мягкий чип */
nav.navbar.navbar-dark .nav-item.show > .nav-link,
nav.navbar.navbar-dark .navbar-nav .nav-link.active,
nav.navbar.navbar-dark .navbar-nav .nav-link[aria-expanded="true"] {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 6px;
}

/* Читаемая подсветка клавиатурой */
nav.navbar.navbar-dark .navbar-nav .nav-link:focus-visible {
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 2px;
}

/* Убираем старый hover на <li> */
nav.navbar .navbar-nav > li:hover { 
  background: transparent !important;
}

/* ===== DROPDOWN ===== */
.navbar .dropdown-menu {
  margin-top: .5rem;
  min-width: 200px;
  padding: .4rem;
  border: none;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

.navbar .dropdown-item {
  padding: .45rem .9rem;
  border-radius: 6px;
  font-weight: 500;
  color: #0b1220 !important;
  transition: background .2s, color .2s;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item.active {
  background: #0088dd !important;
  color: #fff !important;
}

/* ===== Кнопка-бургер ===== */
.navbar-toggler {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(255,255,255,0.2);
  transition: background .25s;
}

.navbar-toggler:hover {
  background: rgba(255,255,255,0.35);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #fff;
  position: relative;
  border-radius: 2px;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: all .25s;
}
.navbar-toggler-icon::before { top: -6px; }
.navbar-toggler-icon::after  { top: 6px; }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

/* === ЖЁСТКИЙ ПРИЦЕЛЕННЫЙ ФИКС: перебиваем глобальный a:hover === */
nav.navbar.navbar-dark .navbar-nav .nav-link:hover,
nav.navbar.navbar-dark .navbar-nav .nav-link:focus,
nav.navbar.navbar-dark .nav-item.show > .nav-link {
  color: #fff !important; 
  background: rgba(255,255,255,.18) !important;
}

/* ===== КНОПКА ПОИСКА ===== */
.navbar .btn-outline-primary {
  background: #fff !important;     /* белый фон по умолчанию */
  border: 1px solid #cce7ff !important; /* светло-голубая рамка */
  color: #0088dd !important;       /* голубая иконка/текст */
  border-radius: 6px;
  padding: 6px 10px;
  transition: all .25s ease-in-out;
}

.navbar .btn-outline-primary:hover,
.navbar .btn-outline-primary:focus {
  background: #0088dd !important;  /* голубой фон при hover */
  color: #fff !important;          /* белая иконка */
  border-color: #0077cc !important;
}

/* ===== ПОЛЕ ВВОДА ПОИСКА ===== */
.navbar .form-control {
  background: #fff !important;        /* белый фон */
  border: 1px solid #cce7ff !important; /* светло-голубая рамка */
  color: #0b1220;                     /* тёмный текст */
  border-radius: 6px;
  padding: 6px 12px;
  transition: all .25s ease-in-out;
  box-shadow: none !important;        /* убираем лишнюю тень */
}

.navbar .form-control::placeholder {
  color: #7aa7c7; /* нежно-голубой placeholder */
  opacity: 1;
}

.navbar .form-control:focus {
  border-color: #0088dd !important;   /* ярко-голубая рамка при фокусе */
  box-shadow: 0 0 0 2px rgba(0,136,221,.25) !important;
}

/* ---- белый hover только в шапке ---- */
nav.navbar.navbar-dark a:hover,
nav.navbar.navbar-dark a:focus,
nav.navbar.navbar-dark .navbar-nav .nav-link:hover,
nav.navbar.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff !important;
  text-decoration: none !important;
}

/* если внутри ссылки есть иконки/спаны — тоже красим в белый */
nav.navbar.navbar-dark a:hover *,
nav.navbar.navbar-dark .navbar-nav .nav-link:hover * {
  color: #fff !important;
}

/* (опционально) прокинуть переменные Bootstrap для ссылок в navbar */
nav.navbar.navbar-dark {
  --bs-link-color: #fff;
  --bs-link-hover-color: #fff;
}