/*
 * VoceVista brand overrides on top of antora-ui-default.
 *
 * Header: navy blue background (#37589b, the brand color taken from the
 * VoceVista logo wordmark and vocevista.com's link/button accents),
 * with white text/icons throughout.
 */

:root {
  --vvv-brand-blue: #345275;
  --vvv-brand-blue-hover: #466b94;
  --vvv-navbar-height: 6.5rem; /* ~104px - fits the 88px logo plus padding */
}

/* The default UI uses position:fixed on .navbar which collapses .header
   to zero height, so the brand colour has to live on .navbar itself. */
.header .navbar {
  background: var(--vvv-brand-blue);
  color: #fff;
  border-bottom: 0;
  height: var(--vvv-navbar-height);
}

/* The default UI offsets the body by .navbar's height; bump that to match. */
body {
  padding-top: 0; /* navbar removed by site chrome (integrate-manual) */
}

/* The left nav and TOC are anchored relative to the navbar; nudge them down too. */
.nav-container,
.toolbar,
aside.toc.sidebar {
  top: var(--vvv-navbar-height);
}

.header .navbar-brand,
.header .navbar-item,
.header .navbar-link,
.header .navbar-brand .navbar-item {
  background: transparent;
  color: #fff;
}

.header .navbar-item img {
  height: 88px;
  max-height: 88px;
  width: auto;
}

/* Search field on the dark header */
.header .navbar-item.search input {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
}
.header .navbar-item.search input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.header .navbar-item.search input:focus {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: #fff;
  outline: none;
}

/* Mobile hamburger lines */
.header .navbar-burger span {
  background-color: #fff;
}

/* Search result dropdown should drop back to default light styling for readability */
.header .navbar-item.search .search-result-dropdown-menu {
  color: #222;
}

/*
 * Compact TOC on the generated home page. The default Antora rules add
 * .5rem between sibling list items and another .5rem above any nested
 * list, which combined with the <p> wrapping each item gives a
 * full-blank-line feel. The home page's table of contents is supposed
 * to scan like a printed manual's contents page, so tighten it up.
 * Scoped by the `[.compact-toc]` role migrate.py emits.
 */
.doc .ulist.compact-toc li + li,
.doc .ulist.compact-toc .ulist {
  margin-top: 0;
}
.doc .ulist.compact-toc li > p {
  margin: 0;
}

/*
 * Edition-availability notes. Authors mark these with:
 *   [NOTE,role=edition]
 *   .Available in VoceVista Video Pro
 *   ====
 *   Body text…
 *   ====
 *
 * The block title carries the edition info and is styled as a bold,
 * brand-blue line; the default "NOTE" badge is replaced with "EDITION"
 * tinted to the same brand blue. Picked Up by `role=edition` adding
 * `.edition` to the wrapping `.admonitionblock.note`.
 */
.doc .admonitionblock.note.edition td.icon i.icon-note {
  background-color: var(--vvv-brand-blue);
}
.doc .admonitionblock.note.edition td.icon i.icon-note::after {
  content: "Edition";
}
.doc .admonitionblock.note.edition td.content .title {
  color: var(--vvv-brand-blue);
  font-style: normal;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.01em;
}

/*
 * Shortcut tables. Authors mark the table with the `.shortcut-table` role
 * and write category rows with AsciiDoc header-cell syntax:
 *
 *   [.shortcut-table,cols="2,1,1",options="header",]
 *   |===
 *   |Command |macOS |Windows
 *
 *   h|File h| h|
 *   |New |Cmd + N |Ctrl + N
 *   …
 *
 * Category rows render as <tr> with three <th> cells; the rules below
 * give them a subtle brand-tinted background so the categories read as
 * banded section dividers. The thead row keeps the heavier default
 * Antora styling.
 */
.doc table.shortcut-table {
  border-collapse: collapse;
  border-color: #e6e8ec;
}
.doc table.shortcut-table th.tableblock,
.doc table.shortcut-table td.tableblock {
  border-color: #e6e8ec;
  padding: 0.4rem 0.6rem;
}
.doc table.shortcut-table tbody tr th.tableblock {
  background-color: #eef1f7;
  color: var(--vvv-brand-blue);
  font-weight: 600;
  font-size: 0.95em;
  letter-spacing: 0.01em;
}
/* Empty trailing cells in a category row have a <p class=tableblock> that
   reserves baseline space — keep them blank so the tint reads as one band. */
.doc table.shortcut-table tbody tr th.tableblock p.tableblock {
  margin: 0;
}
/* Subtle hover highlight on the data rows so the cursor's row is easy to
   track when comparing macOS and Windows columns. */
.doc table.shortcut-table tbody tr:hover td.tableblock {
  background-color: #f7f9fc;
}