/* Улучшения для хедера при скроллинге */

/* Плавные переходы для хедера */
header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Стили для десктопной навигации */
.navbar-desktop {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

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

/* Стили для мобильной навигации */
.navbar-mobile {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

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

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

/* Плавные переходы для логотипа */
.navbar-brand img {
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/* Стили для логотипа в начальном состоянии (белый) */
.navbar-brand img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

/* Стили для логотипа при скроллинге (оригинальный цвет) */
.scrolled .navbar-brand img {
  filter: none !important;
  -webkit-filter: none !important;
}

/* Дополнительные улучшения для плавности */
.navbar-nav .nav-link {
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Улучшения для кнопок в хедере */
.stake-btn, .trophy-btn {
  transition: all 0.3s ease;
  cursor: pointer !important;
}

/* Стили для всех кнопок GET FREE TICKET */
.stake-btn,
.interact-button {
  cursor: pointer !important;
}

.stake-btn:hover,
.interact-button:hover {
  cursor: pointer !important;
}

/* Убираем анимацию появления хедера при скроллинге */
.scrolled {
  animation: none !important;
}

/* Исправляем стили для navbar-container */
.navbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* Стили для media-list в правой части */
.header-right-section .media-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}