.site-nav { 
  position: sticky; 
  top: 0; 
  z-index: 100; 
  background: rgba(13,19,35,0.85); 
  backdrop-filter: blur(20px); 
  border-bottom: 1px solid var(--border); 
  padding: var(--space-3) 0; 
}
.nav-inner { 
  display: flex; 
  align-items: center; 
  gap: var(--space-6); 
  max-width: 1300px; 
  margin-inline: auto; 
  padding-inline: clamp(var(--space-4), 5%, var(--space-12)); 
}
.nav-logo { 
  font-family: var(--font-display); 
  font-size: var(--text-lg); 
  font-weight: 800; 
  letter-spacing: -0.5px; 
  white-space: nowrap; 
}
.nav-logo span { 
  color: var(--blue); 
}
.nav-links { 
  display: flex; 
  align-items: center; 
  gap: var(--space-1); 
  flex: 1; 
}
.nav-links a { 
  font-size: var(--text-sm); 
  font-weight: 500; 
  padding: 6px 14px; 
  border-radius: var(--radius-sm); 
  color: var(--text-muted); 
  transition: color var(--transition), background var(--transition);
  /* Přidaná pojistka proti zalomení (udrží Market Kompas na jednom řádku) */
  white-space: nowrap; 
  display: inline-flex;
  align-items: center;
}
.nav-links a:hover { 
  color: var(--text-main); 
  background: rgba(255,255,255,0.06); 
}
.nav-links a.active { 
  color: var(--blue); 
  background: rgba(0,176,240,0.08); 
}
.nav-right { 
  display: flex; 
  align-items: center; 
  gap: var(--space-3); 
  margin-left: auto; 
}
.lang-sw { 
  display: flex; 
  align-items: center; /* Toto vycentruje všechno vertikálně */
  gap: var(--space-2); 
  font-size: var(--text-xs); 
  font-weight: 600; 
  white-space: nowrap;
}
.lang-sw a, .lang-sw .soon { 
  display: flex; /* Zajišťuje perfektní zarovnání textu samotného odkazu */
  align-items: center;
  color: var(--text-muted); 
  padding: 4px 8px; 
  border-radius: 4px; 
  transition: color var(--transition); 
}
.lang-sw a.active { 
  color: var(--blue); 
}
.lang-sw .sep {
  color: var(--border-hover); /* Decentní barva pro svislítka */
  font-weight: 400;
  display: flex;
  align-items: center;
}
.lang-sw .soon { 
  opacity: 0.3; 
  cursor: not-allowed; 
}
.btn-nav { 
  font-size: var(--text-sm); 
  font-weight: 600; 
  padding: 8px 20px; 
  border-radius: var(--radius-sm); 
  background: var(--blue); 
  color: #fff; 
  transition: box-shadow var(--transition), transform var(--transition); 
  white-space: nowrap; /* Pojistka proti zalomení tlačítka */
}
.btn-nav:hover { 
  box-shadow: 0 0 18px var(--blue-glow); 
  transform: translateY(-1px); 
}
.hamburger { 
  display: none; 
  flex-direction: column; 
  gap: 5px; 
  padding: 8px; 
}
.hamburger span { 
  width: 24px; 
  height: 2px; 
  background: var(--text-main); 
  border-radius: 2px; 
  transition: var(--transition); 
}
.mobile-menu { 
  display: none; 
  flex-direction: column; 
  gap: var(--space-2); 
  padding: var(--space-4); 
  background: rgba(13,19,35,0.98); 
  border-bottom: 1px solid var(--border); 
}
.mobile-menu.open { 
  display: flex; 
}
.mobile-menu a { 
  font-size: var(--text-base); 
  color: var(--text-muted); 
  padding: var(--space-3) var(--space-4); 
  border-radius: var(--radius-sm); 
}
.mobile-menu a:hover, .mobile-menu a.active { 
  color: var(--blue); 
  background: rgba(0,176,240,0.08); 
}

/* RESPONZIVITA */
@media (max-width: 1024px) {
  /* Na menších noteboocích a tabletech lehce zmenšíme mezery, aby se to vlezlo na jeden řádek */
  .nav-inner { gap: var(--space-3); }
}

@media (max-width: 900px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
}