/* ── Shared site header ──────────────────────────────────────────────────────
   Loaded by index.html (homepage) and games/snowball/client/index.html (lobby).
   CSS variables (--border, --accent) must be defined in the page's own stylesheet.
   ─────────────────────────────────────────────────────────────────────────── */

.site-header {
  display: flex;
  align-items: center;
  padding: 1.2rem 4vw;
  border-bottom: 1px solid var(--border, #2a2a48);
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(13, 13, 20, 0.85);
  backdrop-filter: blur(12px);
}

.site-header .logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  letter-spacing: -0.5px;
  text-decoration: none;
  color: #ffffff;
}

.site-header .logo-icon { font-size: 1.6rem; }

.site-header .logo-text         { color: #ffffff; }
.site-header .logo-text strong  { color: var(--accent, #7c5cfc); }

.site-header .site-nav { margin-left: auto; }
.site-header .site-nav a {
  color: var(--muted, #7878a0);
  font-size: .95rem;
  text-decoration: none;
  transition: color .2s;
}
.site-header .site-nav a:hover { color: #ffffff; }