/* Zutun brand overrides — supplemental UI layer on top of Antora default theme */
/* #BBF9D9 is used ONLY as border-left on the active nav item — nowhere else */

/* ── Navbar ── */
.navbar {
  background-color: #0a0a0a;
}

.navbar .navbar-brand,
.navbar .navbar-brand a,
.navbar .navbar-item,
.navbar .navbar-link,
.navbar .navbar-burger span {
  color: #e8e8e8;
}

.navbar .navbar-item:hover,
.navbar .navbar-link:hover {
  background-color: #0a0a0a;
  color: #ffffff;
}

/* ── Sidebar / Navigation panel ── */
.nav-panel-menu,
.nav-panel-explore,
.navigation-explore,
.nav {
  background-color: #0a0a0a;
  --nav-secondary-background: #0a0a0a;
  --nav-panel-divider-color: #333333;
  --nav-border-color: #333333;
}

/* Inactive nav item text */
.nav-panel-menu a,
.nav-panel-explore a,
.nav-menu a,
.nav-list .nav-link,
.nav-text {
  color: #cccccc;
}

.nav-list .nav-link:hover,
.nav-menu a:hover {
  color: #ffffff;
}

/* Active nav item — accent as border only, white text */
.nav-item.is-active > .nav-link,
.nav-list .is-current-page > .nav-link {
  color: #ffffff;
  border-left: 3px solid #BBF9D9 !important;
  margin-left: -0.75rem;
  padding-left: calc(0.75rem - 3px);
}

/* Nav section labels */
.nav-panel-menu .context .title,
.nav-panel-explore .context .title {
  color: #555555;
}

/* Version selector / component explorer panel */
.nav-panel-explore .components {
  background: #0a0a0a;
  box-shadow: none;
}

.nav-panel-explore .context {
  color: #e8e8e8;
  box-shadow: 0 -1px 0 #333333;
}

.nav-panel-explore .component .title,
.nav-panel-explore .component a {
  color: #e8e8e8;
}

.nav-panel-explore .component .version a {
  background: #333333;
  color: #e8e8e8;
}

.nav-panel-explore .component .is-current a {
  color: #ffffff;
}

/* ── Content area ── */
.doc {
  background-color: #ffffff;
  color: #333333;
}

.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 {
  color: #111111;
  font-weight: 600;
}

/* Section dividers on h2 */
.doc h2 {
  border-top: 0.5px solid #eeeeee;
  padding-top: 1rem;
}

/* Links */
.doc a {
  color: #0f766e;
  text-decoration: underline;
}

.doc a:hover {
  color: #0f766e;
}

/* Links on dark backgrounds */
.nav a:hover,
.navbar a:hover {
  color: #ffffff;
}

/* ── Code blocks ── */
.doc {
  --pre-background: #1e1e1e;
  --pre-border-color: transparent;
  --code-background: #f0f0f0;
  --code-font-color: #111111;
}

.doc pre,
.doc .literalblock pre,
.doc .listingblock pre:not(.highlight),
.doc pre.highlight > code {
  background: #1e1e1e;
  color: #d4d4d4;
  box-shadow: none;
  border-radius: 4px;
}

.doc pre code,
.doc pre.highlight > code {
  color: #d4d4d4;
}

/* Inline code */
.doc p code,
.doc thead code,
.doc .colist > table code {
  background: #f0f0f0;
  color: #111111;
  padding: 0.125em 0.25em;
  border-radius: 0.25em;
}

/* ── Tables ── */
.doc table thead {
  background-color: #f4f4f4;
}

.doc table th,
.doc table td {
  border: 0.5px solid #e0e0e0;
}

/* ── Right-side TOC: reduce width ── */
.body {
  --toc-width: 8rem;
  --toc-width--widescreen: 10rem;
}

/* ── Right-side TOC: hide when empty ── */
.aside.toc.embedded .toc-menu:empty,
aside.toc.sidebar .toc-menu:empty {
  display: none;
}

.aside.toc.embedded:has(.toc-menu:empty),
aside.toc.sidebar:has(.toc-menu:empty) {
  display: none;
}

/* When TOC sidebar is hidden, let content use the full width */
.doc:only-child,
.body:not(:has(aside.toc.sidebar .toc-menu li)) .doc {
  max-width: none;
}

/* ── Footer ── */
.footer {
  display: none;
}