.wke-trustbar,
.wke-trustbar * { box-sizing: border-box; }

.wke-trustbar {
	--green: #00B67A;
	--empty: #dcdce6;
	font-family: 'Outfit', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	width: 100%;
}

/* Scherpe vierkante Trustpilot-sterren (zelfde look als reviews) */
.wke-trustbar .wket-stars {
	--star: 26px;
	display: inline-flex;
	gap: 3px;
	line-height: 0;
}
.wke-trustbar .wket-star {
	position: relative;
	width: var(--star);
	height: var(--star);
	background: var(--empty);
	border-radius: 0;          /* strak vierkant, geen radius */
	display: inline-block;
	overflow: hidden;
}
.wke-trustbar .wket-star::before {
	content: "";
	position: absolute;
	inset: 0;
	width: var(--fill, 100%);
	background: var(--green);
}
.wke-trustbar .wket-star svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	fill: #fff;
	padding: 13%;
}

.wke-trustbar .wke-trustbar-txt {
	font-size: 15px;
	font-weight: 600;
	color: #111;
	line-height: 1.3;
}
.wke-trustbar .wke-trustbar-lead { font-weight: 700; }
.wke-trustbar .wke-trustbar-trail { font-weight: 500; }

.wke-trustbar .wket-badge {
	display: inline-flex;
	align-items: center;
	background: var(--green);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 4px;
}

/* Stacked: tekst boven, sterren eronder */
.wke-trustbar.wke-trustbar--stacked {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.wke-trustbar.wke-trustbar--stacked.wke-trustbar { } /* alignment via justify-content op container */

/* Center/right uitlijning werkt via justify-content (inline-selector).
   Bij stacked richten we de items mee uit. */
.wke-trustbar.wke-trustbar--stacked[style*="center"] { align-items: center; }
.wke-trustbar.wke-trustbar--stacked[style*="flex-end"] { align-items: flex-end; }