/*
 * KOTG content blocks (loaded with both designs).
 */

/* Partner logo grid: equal logo heights, centred rows that wrap on small screens. */
.kotg-partner-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: clamp(28px, 4vw, 56px) clamp(32px, 5vw, 72px);
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(16px, 3vw, 32px) 20px;
}

.kotg-partner-logos > .kotg-partner-logo,
.kotg-partner-logos > .wp-block-image {
	flex: 0 0 auto;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(110px, 13vw, 168px);
	height: 72px;
}

.kotg-partner-logos img {
	display: block;
	max-width: 100%;
	max-height: 64px;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	opacity: .78;
	transition: opacity .2s ease, transform .2s ease;
}

.kotg-partner-logos img:hover {
	opacity: 1;
	transform: translateY(-2px);
}

@media (max-width: 575.98px) {
	.kotg-partner-logos { gap: 28px 32px; }
	.kotg-partner-logos > .kotg-partner-logo,
	.kotg-partner-logos > .wp-block-image { width: calc(50% - 16px); height: 60px; }
	.kotg-partner-logos img { max-height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
	.kotg-partner-logos img { transition: none; }
	.kotg-partner-logos img:hover { transform: none; }
}