/* ==========================================================================
   ELEMENTOR BRIDGE
   De PDP draait via Elementor Pro Theme Builder met shortcode-widgets.
   De shortcodes leveren hun eigen markup/styling — hier verslaan we alleen
   Elementor's defaults die anders doorbloeden.
   ========================================================================== */

/* Elementor duwt --e-global-color-primary op elke heading. Verslaan. */
.elementor-widget-heading .elementor-heading-title { color: var(--ink); }

/* Geen extra section-padding op containers die onze full-width secties bevatten. */
.elementor-section, .e-con, .e-con-inner { --e-con-grid-template-columns: none; }

/* Onze shortcode-widgets vullen de volledige breedte; reset Elementor's max-width op de shortcode-widget. */
.elementor-widget-shortcode { width: 100%; }

/* Elementor button widget: dwing theme-stijl af (kit-globals zijn ook gezet, dit is vangnet). */
.elementor-button {
	font-family: var(--font-heading);
	text-transform: lowercase;
	letter-spacing: 0.04em;
	border-radius: 0;
	background-color: var(--ink);
	color: var(--cream);
}
.elementor-button:hover { background-color: var(--terracotta); color: var(--cream); }

/* Editor-modus: laat reveals niet de canvas leegmaken. */
.elementor-editor-active .bt-reveal { opacity: 1 !important; transform: none !important; }

/* PDP wrapper binnen Elementor mag full-bleed secties tonen (usp-strip/carousel). */
.bt-pdp .elementor .usp-strip,
.bt-pdp .elementor .carousel { width: 100%; }