/**
 * Ondersteunende CSS voor row-slider.js.
 *
 * De layout-kritieke stijlen (display, flex-direction, flex-wrap,
 * breedte per kolom) worden BEWUST via JS inline gezet, niet hier —
 * Kadence's eigen per-rij <style>-blok (uniek per rij, direct vóór de
 * HTML geplaatst) wint anders altijd bij gelijke CSS-specificiteit. Een
 * inline style-attribuut (via JS) wint gegarandeerd, zonder !important.
 */
.js-row-slider.js-row-slider--active {
	overflow: hidden;
}

/* Automatisch aangemaakte nav-knoppen — alleen zichtbaar in slider-modus */
.carmel-row-slider__nav {
	display: none;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.js-row-slider--active .carmel-row-slider__nav {
	display: flex;
}

.carmel-row-slider__nav button {
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}