@charset "UTF-8";
/* Hallmark · genre: atmospheric · macrostructure: Workbench · design-system: design.md · designed-as-app
 * Shared app top bar: a warm paper bar (`--sn-bar`, matching the dashboard sidebar --ds-bg)
 * with an amber hairline, holding the mobile burger + wordmark and the lang/theme actions;
 * dual-band via data-bs-theme. The old server-search field was removed — it was only ever
 * wired on the two search pages (which hid it), so it rendered as dead UI everywhere else;
 * server search now lives solely in the in-page search headers. Off-theme global overrides
 * (sign-up-button, dropdowns) stay scoped to .header-menu so no other navbar is affected. */
body {
  padding-left: var(--layout-padding-left, 0);
  padding-top: 70px;
  max-width: none;
}

[data-bs-theme=light] .header-menu {
  --sn-bar: #faf9f5; /* warm paper bar — matches dashboard sidebar --ds-bg */
  --sn-ink: #141413;
  --sn-ink-2: #6f6c62;
  --sn-field: #ffffff;
  --sn-rule: rgba(20, 20, 19, .14);
  --sn-hairline: rgba(20, 20, 19, .10);
  --sn-accent: var(--main-orange-darker);
  --sn-accent-fill: var(--main-orange);
  --sn-accent-hover: #ffb949;
  --sn-accent-ink: #1a1714;
  --sn-accent-soft: rgba(245, 164, 44, .12);
  --sn-focus: rgba(245, 164, 44, .20);
  --sn-shadow: 0 1px 3px rgba(20, 20, 19, .07);
}

[data-bs-theme=dark] .header-menu {
  --sn-bar: #1b1815; /* forge-black bar — matches dashboard sidebar --ds-bg */
  --sn-ink: #efe7d8;
  --sn-ink-2: #b3a892;
  --sn-field: #24201a;
  --sn-rule: rgba(245, 164, 44, .18);
  --sn-hairline: rgba(245, 164, 44, .16);
  --sn-accent: var(--main-orange);
  --sn-accent-fill: var(--main-orange);
  --sn-accent-hover: #ffb949;
  --sn-accent-ink: #1a1714;
  --sn-accent-soft: rgba(245, 164, 44, .14);
  --sn-focus: rgba(245, 164, 44, .28);
  --sn-shadow: 0 1px 0 rgba(0, 0, 0, .45);
}

.header-menu {
  flex-direction: column;
  justify-content: center;
  width: calc(100vw - var(--layout-padding-left, 0px));
  height: 70px;
  padding: 0 16px;
  position: fixed;
  top: 0;
  left: var(--layout-padding-left, 0);
  z-index: 24;
  background-color: var(--sn-bar);
  border-bottom: 1px solid var(--sn-hairline);
  box-shadow: var(--sn-shadow);
  /* Amber focus ring, shown instantly (never animated). */
}
.header-menu__items {
  justify-content: space-between;
  align-items: center;
  flex: 1;
  flex-wrap: nowrap;
  position: relative;
}
.header-menu :focus-visible {
  outline: 3px solid var(--sn-accent-fill);
  outline-offset: 2px;
}

.header-links {
  display: flex;
  align-items: center;
  min-height: 40px;
}

.header-menu__actions {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 18px;
  position: relative;
}

/* Anonymous auth actions — primary signup adopts the amber CTA voice (was purple). */
.header-menu .header-user-slice .sign-up-button {
  background-color: var(--sn-accent-fill);
  border-color: var(--sn-accent-fill);
  color: var(--sn-accent-ink);
  border-radius: 12px;
  font-weight: 600;
}
.header-menu .header-user-slice .sign-up-button:hover {
  background-color: var(--sn-accent-hover);
  border-color: var(--sn-accent-hover);
  color: var(--sn-accent-ink);
}
.header-menu .header-user-slice .sign-in-button {
  color: var(--sn-accent);
  border-bottom-color: var(--sn-accent);
}

.header-menu__actions .dropdown-menu {
  --bs-dropdown-border-radius: 16px;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-padding-x: 24px;
  --bs-dropdown-padding-y: 24px;
  --bs-dropdown-link-active-bg: var(--sn-accent-soft);
  background-color: var(--sn-field);
  box-shadow: var(--sn-shadow), 0 6px 24px rgba(0, 0, 0, 0.12);
  top: calc(100% + 30px);
  gap: 4px;
  overflow-y: auto;
  max-height: calc(100vh - 72px - 120px);
  flex-direction: column;
  align-items: stretch;
  list-style: none;
  min-width: unset;
  position: absolute;
}
.header-menu__actions .dropdown-menu.show {
  display: flex;
}
.header-menu__actions .dropdown-menu.show a, .header-menu__actions .dropdown-menu.show button {
  border-radius: 8px;
  padding: 18px 12px;
  color: var(--sn-ink);
  font-size: 0.875rem;
  border: none;
  transition: background-color 0.16s ease, color 0.16s ease;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: 10px;
}
.header-menu__actions .dropdown-menu.show a:hover, .header-menu__actions .dropdown-menu.show button:hover {
  background-color: var(--sn-accent-soft);
  color: var(--sn-accent);
}
.header-menu__actions .dropdown-menu.show a.active, .header-menu__actions .dropdown-menu.show button.active {
  color: var(--sn-accent);
}

/* < 992px the sidebar is off-canvas (see dashboard-sidebar.scss): the bar
   spans the viewport and the content reclaims the sidebar's 264px. */
@media (max-width: 991.98px) {
  body {
    padding-left: 0;
  }
  .header-menu {
    left: 0;
    width: 100vw;
    padding: 0 10px;
  }
  .header-menu__actions {
    padding-right: 0;
    gap: 2px;
    flex: 0 0 auto;
  }
  .header-menu .selection-button {
    padding: 0 8px;
    min-height: 36px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .header-menu * {
    transition-duration: 0ms !important;
  }
}

/*# sourceMappingURL=search-navbar.output.css.map */