/* Sticky header + navigation */

.nav {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: saturate(160%) blur(14px);
  background: color-mix(in srgb, var(--bg) 78%, transparent);
  border-bottom: 1px solid transparent;
  transition: border-color .2s;
}
.nav.scrolled { border-bottom-color: var(--line); }   /* set by js/nav.js */

.nav-inner { display: flex; align-items: center; justify-content: space-between; height: var(--nav-h); gap: 16px; }

.logo { font: 800 22px/1 var(--display); text-decoration: none; display: flex; align-items: center; gap: 10px; }
.logo-mark {
  width: 34px; height: 34px; border-radius: 10px;
  background: var(--panel); color: var(--accent);
  display: grid; place-items: center; font: 500 14px/1 var(--mono);
  box-shadow: 0 0 0 1px rgba(99,241,183,.35), 0 0 18px -4px var(--glow);
}

.nav-links { display: flex; gap: 28px; font-size: 15px; font-weight: 500; }
.nav-links a { text-decoration: none; color: var(--ink-2); transition: color .15s; }
.nav-links a:hover { color: var(--ink); }

/* contact link — slightly highlighted; stays visible on mobile */
.nav-links .nav-cta { font-weight: 600; color: var(--accent-text); }
.nav-links .nav-cta:hover { color: var(--ink); }

/* link to the other page (index.html <-> zivnost.html) — stays visible on mobile */
.nav-links .nav-switch { color: var(--ink); }
.nav-links .nav-switch:hover { color: var(--accent-text); }

@media (max-width: 1000px) {
  .nav-links a:not(.nav-cta):not(.nav-switch) { display: none; }
}
@media (max-width: 480px) {
  .nav-links { gap: 16px; font-size: 14px; }
  .logo { font-size: 18px; }
}