/*
 * SalSal Core — neutralizer
 *
 * Elementor zet om elke container en widget eigen omhulsels (div's met
 * flexbox, padding, gap en breedte). De vormgeving van SalSal draait op haar
 * eigen CSS; daarom worden die omhulsels hier onzichtbaar gemaakt voor de
 * layout (display: contents). De inhoud blijft staan; de stylesheets van de
 * vormgeving zien dezelfde opbouw als in het oorspronkelijke ontwerp.
 *
 * In de Elementor-editor blijven de omhulsels zichtbaar, zodat containers
 * gewoon te selecteren en te verslepen zijn.
 */

body:not(.elementor-editor-active) .elementor,
body:not(.elementor-editor-active) .e-con,
body:not(.elementor-editor-active) .e-con-inner,
body:not(.elementor-editor-active) .elementor-element,
body:not(.elementor-editor-active) .elementor-widget-container,
body:not(.elementor-editor-active) .elementor-shortcode {
	display: contents;
}

/* De <main id="top"> om de secties is een echt blok, net als in het ontwerp. */
body:not(.elementor-editor-active) main.e-con {
	display: block;
	position: static;
	width: auto;
	min-width: 0;
	max-width: none;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	overflow: visible;
	z-index: auto;
	text-align: inherit;
	transition: none;
}

/* Elementor-standaarden die de vormgeving niet mogen beïnvloeden. */
.elementor-widget-salsal-sectie,
.elementor-widget-salsal-sectie * {
	--widgets-spacing: 0px;
}

/* In de editor: secties zonder eigen marges laten aansluiten. */
body.elementor-editor-active .e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
}


/* Theme Builder: de clearfix-pseudo's om header en footer weglaten (zou als lege tabel in de flow staan). */
body:not(.elementor-editor-active) .elementor-location-header::before,
body:not(.elementor-editor-active) .elementor-location-footer::before {
	content: none;
}