/* Inline bar — a centered horizontal strip of links.
   Theming comes entirely from template CSS vars, each with a LITERAL fallback
   (no parentheses in fallbacks) so the export's resolveCssVars pass degrades
   gracefully. Do not reference /storage images here. */
/* Appearance vars (--menu-*) are Fresco-configurable via the Menu panel. The
   server always injects a resolved value for each into the page :root — its
   default tracks the template's own colors (background←page bg, border←primary,
   link←primary, hover←accent, active←accent), so an unconfigured menu looks exactly as before. The literal
   fallbacks here only apply if the :root value is ever missing (they mirror
   those same defaults). Single-level literal only — the export's
   resolveCssVars can't parse nested var() fallbacks. */
.fresco-inline-menu {
  position: fixed;
  top: calc(19px + 12px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 110;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  max-width: 92vw;
  padding: 6px 12px;
  background: #90a7b5;
  /* Optional shared menu background image (ADR 054): a Library image tagged
     frame/border/ornament, injected as --menu-bg-image. Layered over the bg
     color, so it must follow the `background` shorthand above. Unset → none. */
  background-image: url('../images/274_medium.jpg');
  background-size: cover;
  background-position: center;
  border: 3px solid #295464;
  border-radius: 13px;
  /* Literal fallback is paren-free per the menu authoring contract (8-digit hex
     instead of rgba); the server injects the resolved value (On or none). */
  box-shadow: none;
}

.fresco-inline-menu__link {
  font-family: 'Libre Baskerville', serif;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #295463;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 3px;
  transition: color 0.2s;
}

.fresco-inline-menu__link:hover {
  color: #b99500;
}

/* Active-item styling is driven by the "Active indicator" mode: the server
   expands the chosen mode into these three vars (underline / weight / bg), so
   Underline, None, Bold, and Background are all one dropdown. */
.fresco-inline-menu__link.is-current {
  color: #b99500;
  font-weight: inherit;
  background: transparent;
  border-bottom: 2px solid #b99500;
}

.fresco-inline-menu__link--external::after {
  content: " \2197"; /* ↗ */
  font-size: 0.85em;
  opacity: 0.7;
}