/* Унифицированная адаптация шапки FLEXYPRO для всех страниц */

/* Базовый layout навигации (desktop) — через CSS, не Tailwind */
.nav-links {
  display: flex;
  align-items: center;
  gap: 20px;
}
.nav-links a, .nav-links button, .nav-links span {
  white-space: nowrap;
}

/* Лого: subtitle прячем на узких экранах */
@media (max-width: 768px) {
  header .header-subtitle { display: none; }
  header .header-title { font-size: 14px; line-height: 1.1; }
}

/* Гамбургер — увеличенная тач-зона (≥44×44) */
.hamburger-btn {
  display: none;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid #1F1F1F;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.hamburger-btn:hover { border-color: #FD6143; }
.hamburger-btn svg { width: 22px; height: 22px; stroke: #E8E8E8; }

@media (max-width: 880px) {
  .hamburger-btn { display: inline-flex !important; }
  .nav-links {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: rgba(13,13,13,0.96);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    border-bottom: 1px solid #1F1F1F;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)) 0 !important;
    gap: 0 !important;
    display: none !important;
    z-index: 60;
  }
  .nav-links.open { display: flex !important; }
  .nav-links a, .nav-links button, .nav-links span {
    min-height: 48px;
    display: flex !important;
    align-items: center;
    padding: 12px 24px !important;
    font-size: 16px !important;
    border-bottom: 1px solid #1A1A1A;
    text-align: left;
  }
  .nav-links a:last-child, .nav-links button:last-child, .nav-links span:last-child {
    border-bottom: 0;
  }
  header { position: relative; }
}