/* ============================================================
   ULTRAINFRA — COMPACT NAV (all pages except homepage)
   Logo only on left · hamburger dropdown on right.
   Themes: default light; add data-theme="dark" on .cnav for
   dark pages (landing heroes).
   ============================================================ */
/* Global type-scale reduction for non-homepage pages only
   (this file is not loaded by index.html) */
html { font-size: 87.5%; }

.cnav {
  position: sticky; top: 0; z-index: var(--z-nav, 900);
  display: flex; align-items: center; justify-content: space-between;
  height: var(--nav-h, 64px);
  padding: 0 clamp(1.25rem, 5vw, 4rem);
  background: var(--bg, #f5f4f0);
  border-bottom: 1px solid var(--border, rgba(15,15,13,0.10));
  --cnav-fg: var(--fg, #0f0f0d);
  --cnav-panel: var(--bg, #f5f4f0);
  --cnav-line: var(--border, rgba(15,15,13,0.10));
}
.cnav[data-theme="dark"] {
  background: var(--dark, #0f0f0d);
  border-bottom: 1px solid var(--border-dark, rgba(245,244,240,0.08));
  --cnav-fg: var(--fg-dark, #f5f4f0);
  --cnav-panel: var(--surface, #111110);
  --cnav-line: var(--border-dark, rgba(245,244,240,0.08));
}
.cnav-logo { display: flex; align-items: center; }
.cnav-logo img { display: block; height: 1.5rem; width: auto; }
@media (min-width: 768px) { .cnav-logo img { height: 2rem; } }

.cnav-menu { position: relative; }
.cnav-burger {
  display: flex; flex-direction: column; justify-content: center; gap: 5px;
  width: 44px; height: 44px; padding: 11px 10px;
  background: none; border: none; cursor: pointer;
}
.cnav-burger span {
  display: block; height: 2px; width: 100%;
  background: var(--cnav-fg);
  transition: transform 0.25s var(--ease-out, ease), opacity 0.2s ease;
}
.cnav-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.cnav-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.cnav-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.cnav-dropdown {
  position: absolute; right: 0; top: calc(100% + 10px);
  min-width: 220px;
  background: var(--cnav-panel);
  border: 1px solid var(--cnav-line);
  box-shadow: 0 12px 32px rgba(0,0,0,0.18);
  padding: 0.5rem 0;
  display: flex; flex-direction: column;
}
.cnav-dropdown[hidden] { display: none; }
.cnav-dropdown a {
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.7rem 1.2rem;
  min-height: 44px;
  font-family: var(--font, 'DM Sans', sans-serif);
  font-size: 0.8rem; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--cnav-fg); text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}
.cnav-dropdown a:hover {
  color: var(--accent, #FF5949);
  background: rgba(255,89,73,0.06);
}
.cnav-dropdown a svg { flex: none; }