/* Исправления для мобильной навигации */

/* Компенсация фиксированного навбара */
body {
  padding-top: 0; /* Убираем глобальный отступ, используем отступ в hero */
}

/* Базовые стили гамбургера для всех экранов */
.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 4px;
  padding: 8px;
  background: none;
  border: none;
  transition: all 0.3s ease;
}

.hamburger span {
  width: 24px;
  height: 3px;
  background: var(--dark-gray);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.hamburger:hover span {
  background: var(--primary-color);
}

/* Активное состояние гамбургера */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6px);
}

/* Десктопные стили - гарантируем корректное отображение */
@media (min-width: 769px) {
  .nav-links {
    display: flex !important; /* Всегда показываем в десктопе */
  }
  
  .hamburger {
    display: none !important; /* Скрываем гамбургер в десктопе */
  }
}

/* Мобильные стили */
@media (max-width: 768px) {
  .hamburger {
    display: flex;
    z-index: 10002;
    position: relative;
  }
  
  /* Обеспечиваем правильное отображение логотипа */
  .nav-logo {
    z-index: 10004;
    position: relative;
  }
  
  /* Улучшаем контейнер навигации */
  .nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    min-height: 80px;
    position: relative;
  }
  
  /* Гарантируем корректный отступ для hero в мобильной версии */
  .hero {
    margin-top: 80px; /* Используем margin-top как в десктопе */
  }
  
  /* СКРЫВАЕМ навигационные ссылки в шапке мобильной версии */
  .nav-links {
    display: none !important; /* Полностью скрываем по умолчанию с приоритетом */
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    flex-direction: column;
    padding: 20px 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 10001;
  }
  
  /* Показываем меню только при активации */
  .nav-links.active {
    display: flex !important; /* Включаем flex при активации с приоритетом */
    transform: translateY(0);
  }
  
  .nav-link {
    padding: 12px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    text-align: left;
  }
  
  .nav-link:last-child {
    border-bottom: none;
  }
  
  .navbar {
    z-index: 10003;
  }
  
  .nav-actions {
    display: none;
  }
}