/*
 * Keep both direct platform-logo assets and the same-origin brand-icon proxy
 * visually neutral. Older deployed landing bundles did not add the
 * `brand__mark--image` modifier, so their header/footer wrapper still painted
 * a dark square behind an otherwise transparent PNG.
 */
.site-header .brand__mark,
.site-footer .brand__mark {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

img[src*="-platform-logo-20260828.png"],
.site-header img[src*="/api/v1/content/brand-icon"],
.site-footer img[src*="/api/v1/content/brand-icon"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  object-fit: contain !important;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0, #000 3%, #000 97%, transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 3%, #000 97%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0, #000 3%, #000 97%, transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 3%, #000 97%, transparent 100%);
  mask-composite: intersect;
}

/* The source IDX wordmark is white. Keep it white on dark surfaces and
   render it as a neutral navy mark in the default light theme. */
html:not(.dark) img[src*="idx-platform-logo-20260828.png"] {
  filter: brightness(0) saturate(100%) invert(12%) sepia(18%) saturate(940%)
    hue-rotate(181deg) brightness(91%) !important;
}

/* IDX's source wordmark is white; its proxied landing-page icon needs the
   same light-theme treatment as the direct asset. */
html:not(.dark) .site-header img[alt="IDX logo"][src*="/api/v1/content/brand-icon"],
html:not(.dark) .site-footer img[alt="IDX logo"][src*="/api/v1/content/brand-icon"] {
  filter: brightness(0) saturate(100%) invert(12%) sepia(18%) saturate(940%)
    hue-rotate(181deg) brightness(91%) !important;
}