/* InstaPayBill API documentation — brand + readability tweaks. */

:root {
  --md-primary-fg-color: #000000;
  --md-accent-fg-color: #24765e;
  --ipb-green: #24765e;
  --ipb-green-bright: #34d399;
}

[data-md-color-scheme="slate"] {
  --md-accent-fg-color: var(--ipb-green-bright);
}

/* API method badges rendered by the `method` fenced code helper. */
.method-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 1.2rem 0 0.6rem;
  flex-wrap: wrap;
}

.method-badge {
  display: inline-block;
  font-family: var(--md-code-font-family);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
  color: #fff;
  text-transform: uppercase;
}

.method-get { background: #0f766e; }
.method-post { background: #1d4ed8; }
.method-put { background: #b45309; }
.method-patch { background: #7c3aed; }
.method-delete { background: #b91c1c; }

.endpoint-path {
  font-family: var(--md-code-font-family);
  font-size: 0.82rem;
  background: var(--md-code-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.25rem;
  padding: 0.15rem 0.5rem;
  overflow-wrap: anywhere;
}

/* Keep wide API tables readable. */
.md-typeset table:not([class]) {
  font-size: 0.78rem;
}

.md-typeset table:not([class]) th {
  background: var(--md-default-fg-color--lightest);
}

/* Tighten code blocks that contain long JSON payloads. */
.md-typeset pre > code {
  font-size: 0.76rem;
}