/* Исправления для хедера - приоритетные стили */

/* Принудительно показываем navbar-desktop на десктопе */
@media (min-width: 991.98px) {
  .navbar.navbar-expand-lg.navbar-desktop {
    display: block !important;
  }
  
  .navbar-mobile {
    display: none !important;
  }
}

/* Стили для scrolled состояния с высоким приоритетом */
.navbar-desktop.scrolled {
  background-color: #edf6f7 !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.navbar-mobile.scrolled {
  background-color: #edf6f7 !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Принудительные стили для логотипа */
.navbar-brand img {
  transition: filter 0.3s ease, -webkit-filter 0.3s ease !important;
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
}

.scrolled .navbar-brand img {
  filter: none !important;
  -webkit-filter: none !important;
}

/* Убеждаемся, что хедер прозрачный по умолчанию */
header {
  background-color: transparent !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Стили для правой части хедера */
.header-right-section {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  margin-left: auto !important;
}

.navbar-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* Убираем анимацию выезжания хедера */
.scrolled {
  animation: none !important;
}