/* ============================================================
   VisionLINK API Docs — custom styling overrides
   Loaded AFTER Redoc's own styles, so rules here win.
   Edit freely; changes apply to both Operator and Provider docs.
   ============================================================ */

/* Font fallbacks (docs stay offline-capable if Google Fonts is unreachable) */
body,
html {
  font-family: Roboto, "Segoe UI", Arial, sans-serif;
}

/* Hide the Cloudflare "email protection"-style artifacts, just in case */
.cloudflare-insights {
  display: none !important;
}

/* Keep the sidebar logo area visually merged with the sidebar:
   the x-logo backgroundColor (inline style from the spec) already
   matches the sidebar color. Center the logo in the available space.
   The logo is clickable (returns to this doc's own home) — see the
   logo-home script injected before </body> in each doc. */
img[alt="iINNOVASSION"] {
  display: block !important;
  margin: 16px auto 12px !important;
  max-width: calc(100% - 30px) !important;
  height: auto !important;
  cursor: pointer !important;
}

/* Mobile (Redoc's mobile breakpoint is max-width: 75rem):
   make the logo smaller so it fits the drawer nicely. */
@media (max-width: 75rem) {
  img[alt="iINNOVASSION"] {
    max-width: 170px !important;
    margin: 14px auto 10px !important;
  }
}
.eVrqat {
  padding: 0;
}
.cEAxIC {
  padding: 40px 40px 0px 40px;
}

/* ------------------------------------------------------------
   Remove the "API docs by Redocly" branding in the sidebar
   footer. Redoc re-renders it client-side on hydrate, so this
   rule (not just HTML stripping) is what keeps it hidden.
   ------------------------------------------------------------ */
a[href="https://redocly.com/redoc/"] {
  display: none !important;
}

/* Hide the wrapper div that only contains the branding link
   (:has() supported in all modern browsers; class fallback below) */
div:has(> a[href="https://redocly.com/redoc/"]) {
  display: none !important;
}

div.sc-fUEImY.fxirIR {
  display: none !important;
}

/* --- Brand color hooks (sync with .env + scripts/customize.mjs) ------------
   Logo blue, darker shade for backgrounds (sidebar / right panel): #010148
   Logo blue (in logo artwork):                                     #0c12f9
   Logo orange:                                                     #fe7301
   Primary brand color used by links, badges and accents:           #1a6f8f
--------------------------------------------------------------------------- */

/* Slightly rounded code blocks and tables */
code,
pre {
  border-radius: 6px;
}

/* Soften scrollbar in code samples (WebKit browsers) */
code[class*="language-"]::-webkit-scrollbar,
pre::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}