/* Shared site bar — the session-aware top bar across every public server-rendered
   page (shop / book / author / legal / under-construction). Rendered by
   bink/server/site_bar.py; replaces the per-page .shop-bar / .book-bar.

   Self-contained: --bi-* tokens with fallbacks so it themes via data-theme on every
   page. .bi-wordmark and .bi-btn come from landing.css (loaded alongside this on the
   pages that use the bar). */

.site-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px clamp(16px, 4vw, 40px);
  padding-top: calc(14px + var(--bi-safe-top, 0px));
  border-bottom: 1px solid var(--bi-rule, #cfc6b3);
  background: var(--bi-bg, #ebe4d6);
  position: sticky;
  top: 0;
  z-index: 10;
}

.site-bar__wordmark {
  text-decoration: none;
  color: var(--bi-ink, #2e2820);
}

/* Logged-in app nav — small editorial mono links, the public-page counterpart to
   bink-wordmark-nav's row. */
.site-bar__nav {
  display: flex;
  align-items: center;
  gap: clamp(14px, 3vw, 28px);
}

.site-bar__link {
  font-family: var(--bi-font-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bi-meta, #8a7e6c);
  text-decoration: none;
  transition: color 0.15s ease;
}

.site-bar__link:hover,
.site-bar__link:focus-visible {
  color: var(--bi-ink, #2e2820);
}