/* ============================================================
   PeppolBridge — ERP brand logo chips (pairs with logos.js)
   Load AFTER interactive.css. No animation is introduced here,
   so prefers-reduced-motion needs no override.
   All selectors use >=2-class specificity to beat the legacy
   broad rules in style.css / interactive.css.
   ============================================================ */

/* --- catalog tile avatar (platform connector grid) ---------------
   White chip so brand-colored marks stay visible on the light
   theme; the monogram text node is hidden via font-size:0 and
   returns automatically when logos.js removes .has-logo. */
.cat-item .ci-avatar.has-logo {
  background: #fff;
  font-size: 0;
  line-height: 0;
}
.cat-item .ci-avatar.has-logo img.ci-logo {
  display: block;
  width: 68%;
  height: 68%;
  max-width: 68%;
  object-fit: contain;
}

/* --- connector detail panel route avatar (.cat-panel, dynamic) --- */
.cat-panel .pn-box.mono.has-logo {
  background: #fff;
  font-size: 0;
  line-height: 0;
}
.cat-panel .pn-box.mono.has-logo img.ci-logo {
  display: block;
  width: 58%;
  height: 58%;
  max-width: 58%;
  object-fit: contain;
}

/* --- homepage ticker brand marks ---------------------------------- */
.ticker-track span img.tk-logo {
  display: inline-block;
  height: 1em;
  width: auto;
  vertical-align: middle;
  margin-right: 0.5em;
  transform: translateY(-1px);
}