/**
 * NaviCenter - montagepagina: het echte Trustpilot-beeldmerk.
 *
 * Staat los van montage.css zodat dat bestand niet hoeft te worden
 * herschreven. Wordt NA montage.css ingeladen, dus bij gelijke
 * specificiteit winnen deze regels.
 */

/* ------------------------------------------------ badge in de hero */

.ncm-page .tp-badge {
	gap: 16px;
	padding: 14px 22px;
}

.ncm-page .tp-badge__logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.ncm-page .tp-logo {
	display: block;
	width: auto;
	height: 26px;
}

.ncm-page .tp-badge__text strong {
	line-height: 1.25;
}

.ncm-page .tp-badge__score {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
}

.ncm-page .tp-badge__score > span {
	display: inline-block;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--ncm-trust);
}

/* ------------------------------------------------ score-sterren */

.ncm-page .tp-stars {
	display: block;
	width: auto;
	flex-shrink: 0;
}

.ncm-page .review-card__stars,
.ncm-page .trustbar__stars {
	display: inline-flex;
	align-items: center;
	letter-spacing: 0;
	line-height: 0;
}

.ncm-page .final__trust {
	flex-wrap: wrap;
	justify-content: center;
}

/* ------------------------------------------------ mobiel */

@media (max-width: 600px) {

	.ncm-page .tp-badge {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		padding: 12px 16px;
	}

	.ncm-page .tp-logo {
		height: 22px;
	}

	.ncm-page .tp-badge__text {
		min-width: 0;
	}

	.ncm-page .tp-badge__score {
		flex-wrap: wrap;
		gap: 4px 8px;
	}
}