/**
 * mp/referenties — cijferband met logowand (home).
 */

.wp-block-mp-referenties {
	border-bottom: 1px solid var(--wp--preset--color--lijn);
	background: var(--wp--preset--color--wit);
}

.mp-referenties__binnen {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--40) calc(var(--wp--preset--spacing--10) * 7);
	padding-block: calc(var(--wp--preset--spacing--10) * 6);
}

.mp-referenties__cijfers {
	display: flex;
	flex: 0 1 400px;
	flex-direction: column;
	gap: calc(var(--wp--preset--spacing--10) * 1.25);
}

.mp-referenties__cijfers > * {
	margin: 0;
}

.mp-referenties__titel {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-weight: 400;
}

.mp-referenties__totaal {
	color: var(--wp--preset--color--primair);
	font-family: var(--wp--preset--font-family--manrope);
	font-size: calc(var(--wp--preset--font-size--xxl) * 2.3);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}

.mp-referenties__sinds {
	color: var(--wp--preset--color--navy);
	font-family: var(--wp--preset--font-family--inter);
	font-size: var(--wp--preset--font-size--basis);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
}

.mp-referenties__lijst {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: calc(var(--wp--preset--spacing--10) * 1.5);
	margin: 6px 0 4px;
	padding: 0;
	list-style: none;
}

.mp-referenties__lijst li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: calc(var(--wp--preset--spacing--10) * 1.25);
	border-top: 2px solid var(--wp--preset--color--lijn-donker);
}

.mp-referenties__lijst strong {
	color: var(--wp--preset--color--primair);
	font-family: var(--wp--preset--font-family--manrope);
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
}

.mp-referenties__lijst span {
	color: var(--wp--preset--color--tekst-zacht);
	font-size: var(--wp--preset--font-size--klein);
	line-height: 1.35;
}

.mp-referenties__landen {
	color: var(--wp--preset--color--tekst-zacht);
	font-size: var(--wp--preset--font-size--meta);
	line-height: 1.55;
}

.mp-referenties__logos {
	display: flex;
	flex: 999 1 560px;
	flex-direction: column;
	gap: calc(var(--wp--preset--spacing--10) * 1.5);
	min-width: 0;
}

.mp-referenties__logokop {
	margin: 0;
	color: var(--wp--preset--color--tekst-meta);
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
}

.mp-referenties__logolijst {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(var(--wp--preset--spacing--10) * 2.25) calc(var(--wp--preset--spacing--10) * 4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-referenties__logolijst li {
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	min-width: 0;
	margin: 0;
}

/* 1.0.7: hoogte per logo naar verhouding (render.php, --mp-logo-h): gelijk visueel gewicht. */
.mp-referenties__logolijst img {
	display: block;
	width: auto;
	max-width: 100%;
	height: calc(var(--mp-logo-h, 46px) * var(--mp-logo-f, 1));
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.75;
}

@media (max-width: 599.98px) {
	.mp-referenties__logolijst {
		--mp-logo-f: 0.78;
		gap: var(--wp--preset--spacing--20) calc(var(--wp--preset--spacing--10) * 2.5);
	}
}