/* Light-themed sticky navbar — used by terms.html, privacy.html, legal.html.
   For the dark glass-morphism variant used by home.html + about.html,
   see nav-dark.css instead. */

#header-nav {
  position: sticky; top: 0; z-index: 100;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.row-primary-inner {
  display: flex; align-items: center; gap: 2rem;
  padding: 0.6rem 1rem;
  max-width: 1284px;
  margin: 0 auto;
}
.logo-wrap { display: flex; align-items: center; padding: 4px; border-radius: 6px; }
.logo-wrap:hover { background: rgba(0,0,0,0.04); }
.logo-wrap img { display: block; height: 42px; width: auto; border-radius: 4px; }
.primary-nav { display: flex; gap: 1.75rem; align-items: center; flex-wrap: wrap; }
.primary-item {
  color: #4b5563; text-decoration: none;
  font-size: 0.92rem; font-weight: 800;
  letter-spacing: 0.04em; text-transform: uppercase;
}
.primary-item:hover { color: #111827; text-decoration: none; }
.primary-item-divider { width: 1px; height: 22px; background: rgba(0,0,0,0.10); }