/* ---------- Navigation (topbar links) ---------- */
.nav-links {
  display: flex; align-items: center; gap: 4px; margin-left: 8px;
}
.nav-link {
  padding: 7px 14px; border-radius: 8px; font-size: 14px; font-weight: 500;
  color: var(--ink); transition: background .12s, color .12s;
}
.nav-link:hover { background: var(--surface-soft); color: var(--accent); }
.nav-link.active { background: #eef3fb; color: var(--primary); font-weight: 600; }

.nav-right {
  display: flex; align-items: center; gap: 14px; margin-left: auto;
}
.topbar-country { color: var(--muted); font-size: 14px; }
.topbar-home { font-size: 14px; color: var(--primary); font-weight: 600; }

/* Mobile: nav links wrap below the brand row */
@media (max-width: 860px) {
  .topbar { gap: 10px; }
  .nav-links { order: 3; width: 100%; overflow-x: auto; margin-left: 0; padding-bottom: 2px; }
  .nav-links .nav-link { white-space: nowrap; }
  .nav-right { margin-left: auto; }
  .topbar-country { display: none; } /* hide country on small screens, keep 🌍 */
}
@media (max-width: 420px) {
  .nav-link { padding: 6px 10px; font-size: 13px; }
}