/* Golden Hour shared bar. Everything is scoped under .ghb so it never restyles a project page.
   Injected by /shared/gh-bar.js: a thin top bar (normal flow, never fixed or sticky) and a footer row. */

.ghb {
  --ghb-bg: #f7f2e8;
  --ghb-ink: #1b1820;
  --ghb-muted: #5e5761;
  --ghb-line: #e3d8c4;
  --ghb-gold: #8f620c;     /* text-safe gold on light */
  --ghb-sun: #c8921f;      /* decorative gold */
  --ghb-focus: #1f5fd1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ghb {
    --ghb-bg: #121017;
    --ghb-ink: #f1eadc;
    --ghb-muted: #aaa298;
    --ghb-line: #2c2833;
    --ghb-gold: #e3b357;
    --ghb-sun: #e3b357;
    --ghb-focus: #8ab4ff;
  }
}
:root[data-theme="dark"] .ghb {
  --ghb-bg: #121017;
  --ghb-ink: #f1eadc;
  --ghb-muted: #aaa298;
  --ghb-line: #2c2833;
  --ghb-gold: #e3b357;
  --ghb-sun: #e3b357;
  --ghb-focus: #8ab4ff;
}

/* Reset: nothing from the host page leaks in. */
.ghb, .ghb *, .ghb *::before, .ghb *::after { all: unset; box-sizing: border-box; }

.ghb {
  display: block;
  position: static;
  width: 100%;
  margin: 0;
  background: var(--ghb-bg);
  color: var(--ghb-ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  word-spacing: normal;
  font-style: normal;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  white-space: normal;
  visibility: visible;
  -webkit-font-smoothing: antialiased;
}

/* Top bar */
.ghb-top { border-bottom: 1px solid var(--ghb-line); }
.ghb-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 max(16px, env(safe-area-inset-right, 0px)) 0 max(16px, env(safe-area-inset-left, 0px));
  min-height: 36px;
}
.ghb-mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ghb-ink);
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .01em;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 0;
}
.ghb-sun {
  display: inline-block;
  width: 14px;
  height: 7px;
  border-radius: 14px 14px 0 0;
  background: var(--ghb-sun);
  box-shadow: 0 1px 0 0 var(--ghb-sun);
  flex: none;
}
.ghb-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--ghb-muted);
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 0;
}
.ghb-mark:hover { color: var(--ghb-gold); }
.ghb-link:hover { color: var(--ghb-gold); text-decoration: underline; text-underline-offset: 3px; }
.ghb-mark:focus-visible, .ghb-link:focus-visible {
  outline: 2px solid var(--ghb-focus);
  outline-offset: 2px;
  border-radius: 3px;
}

/* Footer row */
.ghb-foot { border-top: 1px solid var(--ghb-line); }
.ghb-foot .ghb-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px 16px;
  padding-top: 12px;
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
}
.ghb-foot .ghb-mark { font-size: 14px; padding: 4px 0; }
.ghb-label { display: inline; color: var(--ghb-muted); }
.ghb-list { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; }
.ghb-list li { display: inline; }
.ghb-list .ghb-link { padding: 4px 0; color: var(--ghb-ink); }
.ghb-list .ghb-link[aria-current="page"] { color: var(--ghb-muted); text-decoration: underline; text-decoration-color: var(--ghb-sun); text-underline-offset: 3px; }
.ghb-all { margin-left: auto; }
@media (max-width: 560px) { .ghb-all { margin-left: 0; } }

@media print { .ghb { display: none; } }