/* Trio Business Core API — white-label branding */

:root {
  --trio-logo-light: url("/assets/trio-type-light.svg");
  --trio-logo-dark: url("/assets/trio-type-dark.svg");
  --trio-logo-mark: url("/assets/trio-mark-light.svg");
}

/* Hide Scalar branding, promos, and client download CTAs */
.scalar-version-number,
.open-api-client-button,
.show-api-client-button,
a[href*="scalar.com"],
a[href*="scalar.com/"],
a[href*="github.com/scalar/scalar"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide footer promos while keeping layout stable */
.references-footer a[href*="scalar.com"],
.references-footer a[href*="github.com/scalar/scalar"] {
  display: none !important;
}

/* Replace any default Scalar logo images with Trio wordmark */
img[alt="Logo"].dark\:hidden,
img[alt="Logo"]:not(.dark\:block) {
  content: var(--trio-logo-light) !important;
  object-fit: contain !important;
  width: 120px !important;
  height: 40px !important;
}

.dark-mode img[alt="Logo"].dark\:block,
.dark-mode img[alt="Logo"] {
  content: var(--trio-logo-dark) !important;
  object-fit: contain !important;
  width: 120px !important;
  height: 40px !important;
}

/* Trio logo in sidebar header (modern layout) */
.references-sidebar::before,
.t-doc__sidebar::before {
  content: "";
  display: block;
  width: 140px;
  height: 48px;
  margin: 16px 16px 8px;
  background: var(--trio-logo-light) no-repeat left center / contain;
}

.dark-mode .references-sidebar::before,
.dark-mode .t-doc__sidebar::before {
  background-image: var(--trio-logo-dark);
}

/* Intro page header logo */
.intro-logo img[alt="Logo"],
[class*="intro"] img[alt="Logo"] {
  content: var(--trio-logo-light) !important;
  width: 160px !important;
  height: 48px !important;
  object-fit: contain !important;
}

.dark-mode .intro-logo img[alt="Logo"],
.dark-mode [class*="intro"] img[alt="Logo"] {
  content: var(--trio-logo-dark) !important;
}