/* Nav */
.primary-nav { display: none; }
.nav-list { display: flex; gap: var(--space-6); align-items: center; }
.nav-list a { color: var(--gray-200); font-weight: 600; }
.nav-list a:hover { color: var(--color-accent); }

.nav-toggle {
  width: 42px; height: 42px; border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-sm);
}
.nav-toggle:focus-visible { box-shadow: var(--shadow-glow-primary); }
.nav-toggle-bar { width: 20px; height: 2px; background: var(--color-text); display: block; margin: 2px 0; border-radius: 1px; }

/* Фикс: чтобы меню было поверх всего */
.primary-nav.open {
  z-index: 999;
}

/* Фикс: чтобы меню мягко выезжало */
.primary-nav {
  transition: transform var(--duration-normal) var(--easing-standard),
              opacity var(--duration-normal) var(--easing-standard);
  transform: translateY(-20px);
  opacity: 0;
}

.primary-nav.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

@media (min-width: 960px) {
  .nav-toggle { display: none; }
  .primary-nav { display: block; opacity: 1;}
}

/* Mobile menu state */
.primary-nav.open {
  height: 200px;
  position: fixed;
  inset: 64px 0 0 0; /* below header */
  background: rgba(10,11,15,0.98);
  display: block;
  padding: var(--space-8) var(--space-6);
}
.primary-nav.open .nav-list { flex-direction: column; align-items: flex-start; gap: var(--space-4); }


/* Terms & Conditions page-specific styles */
.legal-hero__header { margin-bottom: var(--space-6); }
.legal-meta { color: var(--color-text-muted); }

.toc { background: var(--color-elevated); border-radius: var(--radius-xl); border: 1px solid var(--color-border); }
.toc ol { margin: 0; padding-left: var(--space-6); display: grid; gap: var(--space-2); }
.toc a { color: var(--gray-200); font-weight: 600; }
.toc a:hover { color: var(--color-accent); text-decoration: underline; }

.legal-section h2 { scroll-margin-top: 96px; }
.legal-section h3 { color: var(--color-silver); margin-top: var(--space-4); }
.legal-section ul { padding-left: var(--space-6); }
.legal-section li { margin-bottom: var(--space-2); }

/* Subtle pulse highlight when navigating via hash */
.legal-section--pulse { position: relative; }
.legal-section--pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(0,163,255,0.35);
  box-shadow: var(--shadow-glow-primary);
  pointer-events: none;
  animation: legalPulse var(--duration-500) var(--easing-smooth) 2;
}

@keyframes legalPulse {
  0% { opacity: 0; }
  30% { opacity: 1; }
  100% { opacity: 0; }
}