/* TCB Logo Marquee — structural only.
 *
 * Tile size, logo cap, padding and the edge fade all come from the widget's
 * Elementor controls, so a client site changes its marquee without a plugin
 * change. Anything hard-coded here is layout that must not vary.
 *
 * This file replaces a <style> block that render() printed inline with
 * unscoped selectors (`.logo-marquee-wrapper img { max-height: 80px }`).
 * Two marquees on one page meant the second one restyled the first, and the
 * value could not be changed per instance because no control exposed it.
 */

.logo-marquee-wrapper {
	overflow: hidden;
}

.logo-marquee-track {
	display: flex;
	align-items: center;
	width: max-content;
}

/* A tile is a fixed box the logo is centred inside.
 *
 * Without it every logo sizes to its own intrinsic dimensions, so a row of
 * mixed-aspect marks reads as chaos — a wide wordmark towering over a square
 * crest, baselines all over the place. A uniform box plus object-fit: contain
 * gives every mark the same optical weight regardless of its source file.
 *
 * Width and height come from controls. When those are left empty the widget
 * emits the legacy percentage flex-basis inline instead, so marquees built
 * before these controls existed keep their current layout. */
.logo-marquee-item {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-marquee-item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}