/* GoByte brand overrides for MkDocs Material */

:root {
  --md-primary-fg-color: #00d4ff;
  --md-primary-fg-color--light: #33ddff;
  --md-primary-fg-color--dark: #00b8e6;
  --md-accent-fg-color: #00b8e6;
  --md-accent-fg-color--transparent: rgba(0, 184, 230, 0.1);
}

/* Link colors follow the brand cyan */
:root {
  --md-typeset-a-color: #00b8e6;
}

/* Dark scheme — GoByte near-black glass surfaces */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #00d4ff;
  --md-accent-fg-color: #00d4ff;
  --md-typeset-a-color: #00d4ff;

  --md-default-bg-color: #0a0a0a;
  --md-default-bg-color--light: #121212;
  --md-default-bg-color--lighter: #1a1a1a;

  /* Card / code / surface tones toward near-black */
  --md-code-bg-color: #111214;
  --md-code-fg-color: #e6e6e6;
}

/* Header in dark mode: keep it dark, cyan accents rather than a flat cyan bar */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #0a0a0a;
  color: #e6e6e6;
  border-bottom: 1px solid rgba(0, 212, 255, 0.15);
}

/* Subtle glass card feel for admonitions in dark mode */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background: rgba(255, 255, 255, 0.02);
  border-left-width: 3px;
  backdrop-filter: blur(4px);
}

/* Active nav / accents */
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #00d4ff;
}

/* Buttons and highlighted inline code pick up brand cyan */
.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: #0a0a0a;
}

/* ─────────────────────────────────────────────────────────────────────────
   API Reference (Redoc) — give it the full available span + theme-match
   Redoc renders its own 3-column layout and needs room; the default Material
   content column crushes it. Scope everything to the page that contains #redoc
   via :has() so no other page is affected.
   ───────────────────────────────────────────────────────────────────────── */
.md-main__inner:has(#redoc),
.md-content:has(#redoc),
.md-content:has(#redoc) .md-content__inner,
.md-grid:has(#redoc) {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* Drop the right-hand TOC and article padding on the Redoc page for max width */
.md-main__inner:has(#redoc) .md-sidebar--secondary {
  display: none;
}
.md-content:has(#redoc) .md-content__inner {
  padding: 0 0 0 0.6rem;
}
.md-content:has(#redoc) .md-content__inner::before {
  display: none; /* remove the top spacing pseudo-element */
}

#redoc {
  min-height: 88vh;
  border-radius: 8px;
  overflow: hidden;
}

/* Redoc doesn't theme its main (middle) panel background — set it per scheme so
   it matches Tokyo Night dark / day. The sidebar + right panel are themed in
   api-init.js; this covers the central content column. */
[data-md-color-scheme="slate"] #redoc,
[data-md-color-scheme="slate"] #redoc .redoc-wrap,
[data-md-color-scheme="slate"] #redoc [role="main"],
[data-md-color-scheme="slate"] #redoc .api-content {
  background: #1a1b26 !important;
}
[data-md-color-scheme="default"] #redoc,
[data-md-color-scheme="default"] #redoc .redoc-wrap,
[data-md-color-scheme="default"] #redoc [role="main"],
[data-md-color-scheme="default"] #redoc .api-content {
  background: #e1e2e7 !important;
}