/* Studio ICON – USP Topbalk (Lite) */
.si-usp {
	--si-usp-bg:#0f8053;
	--si-usp-text:#fff;
	--si-usp-icon:#fff;
	--si-usp-fontsize:14px;
	--si-usp-padding:1px 12px;
	--si-usp-gap:12px;
	--si-usp-maxwidth:1280px;

	background: var(--si-usp-bg);
	color: var(--si-usp-text);
	font-weight: 600;
	font-size: var(--si-usp-fontsize);
}

.si-usp__inner{
	max-width: var(--si-usp-maxwidth);
	margin: 0 auto;
}

/* Forceer tekstkleur per USP-item (overrulet Divi/Theme) */
.si-usp__item,
.si-usp__item span,
.si-usp__item a {
	color: var(--si-usp-text) !important;
}

/* Item */
.si-usp__item{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	white-space:nowrap;
	padding: var(--si-usp-padding) !important;
	font-size: .8rem;
}
.si-usp__icon{
	width:22px;
	height:22px;
	display:inline-block;
	flex:0 0 22px;
	fill: var(--si-usp-icon);
	vertical-align: middle;
}

/* Desktop (geen slider-translate) */
@media (min-width: 768px){
	.si-usp .swiper-wrapper{
		display:flex;
		justify-content: space-around;
		gap: var(--si-usp-gap);
		transform:none !important;
	}
	.si-usp .swiper-slide{
		width:auto !important;
		flex:0 0 auto;
	}
}

/* Mobiel */
@media (max-width: 767.98px){
	.si-usp .swiper{ overflow:hidden; }
	.si-usp .swiper-wrapper{ align-items:center; }
	.si-usp .swiper-slide{ width:auto; }
}

.si-usp__slider .swiper-slide {
	text-align: center !important;
	background: none !important;
	padding: 0 8px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	transition: none !important;
}

/* Sticky optie */
.si-usp.si-usp--sticky{
	position: sticky;
	top: 0;
	z-index: 9999;
}