/* Brand logo system — official assets, dark mode variants, letter placeholders */
.cx-brand-logo-img,
.cx-brand-index-card__logo,
.cx-bd-brand-card__logo img,
.cx-nav-mega-link__logo,
.cx-card-brand-logo,
.cx-search-brand-link__logo img,
.cx-finder-brand-card__logo img {
	object-fit: contain;
	max-width: 100%;
	height: auto;
}

.cx-brand-logo-letter,
.cx-bd-brand-card__letter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: color-mix(in srgb, var(--cx-brand-color, #6366f1) 12%, transparent);
	color: var(--cx-brand-color, #6366f1);
	font-weight: 700;
}

/* Only invert non-official monochrome logos in dark mode. Official assets keep brand colors. */
.cx-theme-scheme-dark .cx-brand-logo-img:not(.cx-brand-logo-img--official):not(.cx-brand-logo-img--dark),
.cx-theme-scheme-dark .cx-brand-index-card__logo:not(.cx-brand-logo-img--official):not(.cx-brand-logo-img--dark) {
	filter: brightness(0) invert(1);
	opacity: 0.92;
}

.cx-theme-scheme-dark .cx-brand-logo-img--official,
.cx-theme-scheme-dark .cx-brand-logo-img--dark,
.cx-theme-scheme-dark .cx-brand-index-card__logo.cx-brand-logo-img--official,
.cx-theme-scheme-dark .cx-brand-index-card__logo.cx-brand-logo-img--dark {
	filter: none;
	opacity: 1;
}

.cx-card-brand {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

@media (prefers-reduced-motion: reduce) {
	.cx-brand-logo-img {
		transition: none;
	}
}