/* Elementor-omhulsels neutraal maken, zodat de ontwerp-secties zich gedragen als in de statische versie. */
.elementor-location-header, .elementor-location-footer,
main#inhoud > .elementor, main#inhoud .e-con, main#inhoud .elementor-widget-html,
.elementor-location-header .e-con, .elementor-location-footer .e-con { display: contents; }
.elementor-widget-html > .elementor-widget-container { display: contents; }
.elementor-edit-area-active .e-con, .elementor-editor-active main#inhoud .e-con, .elementor-editor-active .elementor-widget-html { display: block; }
.elementor-editor-active .curtain { display: none !important; }

/* pages.css gebruikt `.vbody ~ .section` (detailpagina's). In WP staat elke sectie in een eigen container,
   dus dezelfde regel over de containers heen. */
.e-con:has(> .elementor-widget-html > .vbody) ~ .e-con > .elementor-widget-html > .section { padding-block: 72px; }
.e-con:has(> .elementor-widget-html > .vbody) ~ .e-con > .elementor-widget-html > .cta-section { padding-bottom: 72px; }
@media (max-width: 899px) {
  .e-con:has(> .elementor-widget-html > .vbody) ~ .e-con > .elementor-widget-html > .section { padding-block: 48px; }
}

/* Ingelogd: navigatie onder de WP-adminbalk (32px desktop, 46px vanaf 782px en smaller). */
.admin-bar .navbar { top: 52px; }
.admin-bar .mobile-menu { max-height: calc(100svh - 142px); }
@media (max-width: 782px) {
  .admin-bar .navbar { top: 66px; }
  .admin-bar .mobile-menu { max-height: calc(100svh - 156px); }
}