/* =============================================================
   Logo Showcase – Public styles (Swiper slider)
   ============================================================= */

/* Outer wrapper: houdt de slider + pijlen bij elkaar */
.lsc-swiper-outer {
	position: relative;
	padding: 0 48px;
	box-sizing: border-box;
	width: 100%;
}

/* Swiper container */
.lsc-swiper {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

/* Eén slide */
.lsc-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	box-sizing: border-box;
}

/* Centreer slides horizontaal wanneer center_mode actief is */
.lsc-swiper.lsc-center .swiper-wrapper {
	justify-content: center;
}

/* Logo afbeeldingen */
.lsc-slide img {
	max-width: 100% !important;
	height: auto !important;
	max-height: 220px !important;
	width: auto !important;
	display: block !important;
	object-fit: contain !important;
	transition: opacity 0.2s ease;
}

.lsc-slide a:hover img,
.lsc-slide a:focus img {
	opacity: 0.7;
}

/* Pijl-navigatie – zitten in .lsc-swiper-outer, buiten .swiper */
.lsc-swiper-outer .swiper-button-prev,
.lsc-swiper-outer .swiper-button-next {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin-top: 0 !important;
	width: 32px !important;
	height: 32px !important;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 50%;
	color: #2a5c3f !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 4px rgba(0,0,0,.15);
	z-index: 10;
}

.lsc-swiper-outer .swiper-button-prev {
	left: 4px !important;
	right: auto !important;
}

.lsc-swiper-outer .swiper-button-next {
	right: 4px !important;
	left: auto !important;
}

.lsc-swiper-outer .swiper-button-prev::after,
.lsc-swiper-outer .swiper-button-next::after {
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1;
}

/* Optionele titel (shortcode) */
.lsc-shortcode-wrap .lsc-title {
	margin-bottom: 14px;
}