/* 06-components/_menubar.css */
/* ── c-menubar — the MC top menu. Fixed row, items with one lit hotkey letter each. */
.c-menubar {
  grid-row: 1;
  position: relative;            /* positioning context for its dropdowns */
  z-index: var(--z-bar);
  display: flex;
  align-items: center;
  gap: 0;
  height: var(--bar-h);
  padding-inline: var(--space-xs);
  background: var(--panel);                   /* matches mcurses menu_bar_bg #202020-ish */
  border-bottom: var(--bw) solid var(--line);
  font-size: var(--text-sm);
  user-select: none;
}
.c-menubar__brand {
  color: var(--text-bright);
  font-weight: var(--fw-bold);
  padding-inline: var(--space-sm) var(--space-md);
  letter-spacing: var(--tracking-wide);
}
/* a group wraps a toggle button + its dropdown, and is the positioning context for the panel */
.c-menubar__group { position: relative; display: inline-flex; align-items: center; height: 100%; }
.c-menubar__item {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding-inline: var(--space-sm);
  color: var(--text);
  cursor: pointer;
  background: none; border: 0;
  font: inherit;
}
.c-menubar__item:hover,
.c-menubar__item.is-open { background: var(--panel-hi); color: var(--text-bright); }
/* current-page cue — amber ink + a ▸ glyph, never colour alone (mirrors c-toc__link.is-current).
   Set on the active item, and on its parent group title so closed dropdowns still read as current. */
.c-menubar__item.is-current { color: var(--accent); }
.c-menubar__item.is-current .c-menubar__key { color: var(--accent); }
.c-menubar__item.is-current::before { content: "▸"; margin-right: 0.5ch; color: var(--accent); }
.c-menubar__key { color: var(--accent); }            /* the lit hotkey letter */
.c-menubar__item:hover .c-menubar__key { color: var(--accent-bright); }
.c-menubar__spacer { flex: 1; }
.c-menubar__clock { color: var(--text-dim); padding-inline: var(--space-sm); font-size: var(--text-xs); }