/*
 * DokterIN page content layout.
 *
 * Makes the top-level ("parent") boxed Elementor containers in page content
 * - e.g. the Home slider - the same width as the header navbar row
 * (dokterin-site-builder-header.css: max-width 1540px, 20px side gutter,
 * 12px margin + 20px column padding = 32px on phones), instead of the
 * kit's default 1140px content width.
 *
 * Kept at low specificity (:where() + two classes) so a width or padding
 * set on an individual container in Elementor still wins over this.
 */

:where( .page-content ) .e-con-boxed.e-parent {
	--container-max-width: 1540px;
	--padding-left: 20px;
	--padding-right: 20px;
}

@media ( max-width: 600px ) {

	:where( .page-content ) .e-con-boxed.e-parent {
		--padding-left: 32px;
		--padding-right: 32px;
	}
}