/* Main BraveQuant brand image override. Loaded after the bundled app stylesheet. */
header.sticky.top-0 > div:first-child {
  position: relative;
  width: clamp(9.5rem, 24vw, 11.625rem);
  aspect-ratio: 248 / 93;
  flex: 0 0 auto;
  background-color: transparent !important;
  background-image: url("/bravequant_data_go_248x93.svg?v=20260914-0050") !important;
  background-position: left center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* White theme: force the high-contrast light vector. The explicit html selector
   avoids any ambiguity with nested theme containers. */
html[data-theme="white"] header.sticky.top-0 > div:first-child,
[data-theme="white"] header.sticky.top-0 > div:first-child {
  background-image: url("/bravequant_data_go_248x93_light.svg?v=20260914-0050") !important;
}

/* Keep the original title/subtitle available to assistive technology while the SVG is visual. */
header.sticky.top-0 > div:first-child > div:first-child {
  display: none !important;
}

header.sticky.top-0 > div:first-child > div:last-child {
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Homepage copyright: keep it inline to the right of the app-log button to save vertical space. */
footer.mt-4::after {
  content: "© 2026 BRAVECAT STUDIOS";
  flex: 0 0 auto;
  margin-left: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 2rem;
  white-space: nowrap;
  color: var(--muted-foreground);
}