/**
 * 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;
	touch-action: pan-y;
	cursor: grab;
}

.js-row-slider.js-row-slider--active:active {
	cursor: grabbing;
}

/* 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;
}

.js-row-slider--active .kt-row-column-wrap {
	align-items: stretch;
}

.js-row-slider--active .kt-row-column-wrap > .wp-block-kadence-column {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	height: auto;
}

.js-row-slider--active .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}