/*
 * A client's logo (components/client-mark) — revision 12.
 *
 * Height from --gb-client-mark-h (the place sets it), width from the logo's
 * own proportions (aspect-ratio printed on the element). The theme's white
 * artwork is drawn in one colour through a mask: --gb-client-mark-color
 * (the logo's navy by default; a place may set another).
 */

.gb-client-mark {
	display: block;
	flex: none;
	/* The place's height × the logo's optical scale (components/client-mark: square emblems a bit taller). */
	block-size: calc(var(--gb-client-mark-h, 3.5rem) * var(--gb-client-mark-scale, 1));
	inline-size: auto;
	max-inline-size: 100%;
}

.gb-client-mark--mono {
	background-color: var(--gb-client-mark-color, var(--gb-color-logo-navy));
	-webkit-mask: var(--gb-client-mark-src) center / contain no-repeat;
	mask: var(--gb-client-mark-src) center / contain no-repeat;
	transition: background-color var(--gb-duration-base) linear, opacity var(--gb-duration-base) linear;
}

/* High-contrast modes repaint backgrounds: keep the logo visible in the system's text colour. */
@media (forced-colors: active) {
	.gb-client-mark--mono {
		forced-color-adjust: none;
		background-color: CanvasText;
	}
}