/* 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. */
.fresco-inline-menu {
  position: fixed;
  top: calc(15px + 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: #f5f0e8;
  border: 1px solid #153d59;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

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

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

.fresco-inline-menu__link.is-current {
  color: #847865;
  border-bottom: 2px solid #847865;
}

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