/**
 * Brand theme (Stoplight workspace colors)
 * Background #13E58A · Text #0B0C0C · Primary #000000 · Accent #0A0000 · Border #13E58A
 */

:root {
  --docs-bg: #13e58a;
  --docs-text: #0b0c0c;
  --docs-primary: #000000;
  --docs-accent: #0a0000;
  --docs-border: #13e58a;
}

/* Elements design tokens */
elements-api,
.sl-elements,
.sl-elements-api {
  --color-primary: var(--docs-primary);
  --color-primary-dark: var(--docs-accent);
  --color-primary-darker: var(--docs-accent);
  --color-primary-light: #333333;
  --color-primary-tint: #e8e8e8;
  --color-on-primary: #ffffff;
  --color-text: var(--docs-text);
  --color-text-heading: var(--docs-text);
  --color-text-paragraph: var(--docs-text);
  --color-text-muted: #3a3a3a;
  --color-text-light: #4a4a4a;
  --color-text-primary: var(--docs-primary);
  --color-link: var(--docs-primary);
  --color-link-dark: var(--docs-accent);
  --color-border-button: var(--docs-border);
  --color-border-light: #c8f5dc;
  --color-border-dark: var(--docs-border);
  --color-border-input: #b0b0b0;
}

/*
 * Sidebar column only (not main-content panels that also use sl-bg-canvas-100).
 * Matches Stoplight Platform "Background Color".
 */
elements-api .sl-sticky.sl-inset-y-0.sl-bg-canvas-100 {
  background-color: var(--docs-bg) !important;
  border-right: 1px solid var(--docs-border) !important;
  color: var(--docs-text);
}

elements-api .sl-sticky.sl-inset-y-0.sl-bg-canvas-100 .sl-bg-canvas-100:not(.sl-panel__content-wrapper) {
  background-color: var(--docs-bg) !important;
  color: var(--docs-text);
}

elements-api .sl-sticky.sl-inset-y-0 .sl-bg-canvas-200,
elements-api .sl-sticky.sl-inset-y-0 [class*="hover:sl-bg-canvas-200"]:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

elements-api .sl-sticky.sl-inset-y-0 a,
elements-api .sl-sticky.sl-inset-y-0 .sl-text-muted,
elements-api .sl-sticky.sl-inset-y-0 .sl-text {
  color: var(--docs-text) !important;
}

elements-api .sl-sticky.sl-inset-y-0 input,
elements-api .sl-sticky.sl-inset-y-0 .sl-input {
  background: #ffffff !important;
  color: var(--docs-text) !important;
  border-color: var(--docs-border) !important;
}

.back-bar {
  border-color: var(--docs-border) !important;
  color: var(--docs-text) !important;
}

.back-bar a {
  color: var(--docs-primary) !important;
}

/* Self-host: sem badge "powered by Stoplight" */
elements-api a[href*="stoplight.io"],
elements-api a[href*="utm_campaign=powered_by"] {
  display: none !important;
}

/*
 * Unified product sidebar lives outside Elements.
 * Hide Elements' own TOC column so we don't get a double sidebar.
 */
elements-api .sl-sticky.sl-inset-y-0.sl-bg-canvas-100 {
  display: none !important;
}

/*
 * hideTryIt=true keeps Request Sample (cURL) and removes the interactive
 * parameter form. Extra CSS covers residual Try-it chrome if any mounts.
 */
elements-api button[aria-label="Send API Request"],
elements-api .SendButton {
  display: none !important;
}

/* Parameter / Try-it form column — keep samples only */
elements-api [class*="TryIt"] form,
elements-api .ParameterEditor,
elements-api button[aria-label="Parameters"] {
  display: none !important;
}