/**
 * Shared Elementor integration.
 *
 * Template-specific rules live in assets/css/templates/.
 *
 * Purpose:
 * - maps Elementor globals to BoraVision tokens
 * - keeps default Elementor containers and widgets aligned with the design system
 * - provides a styling bridge without rewriting each Elementor widget individually
 *
 * Edit here when:
 * - Elementor headings/text/buttons drift away from BoraVision defaults
 * - default container padding inside Elementor is wrong across many templates
 */

/* Push BoraVision fonts into Elementor's global typography slots. */
body.boravision .elementor {
	--e-global-typography-primary-font-family: var(--bv-font-heading);
	--e-global-typography-secondary-font-family: var(--bv-font-body);
	--e-global-typography-text-font-family: var(--bv-font-body);
	--e-global-typography-accent-font-family: var(--bv-font-ui);
}

/* Default container gutters for Elementor flexbox containers. */
body.boravision .e-con {
	--container-max-width: var(--bv-container);
	--container-default-padding-top: 0;
	--container-default-padding-right: var(--bv-page-gutter);
	--container-default-padding-bottom: 0;
	--container-default-padding-left: var(--bv-page-gutter);
}

/* Basic widget-level typography alignment. */
body.boravision .elementor-widget-heading :is(h1, h2, h3, h4, h5, h6).elementor-heading-title {
	color: var(--bv-color-black);
	font-family: var(--bv-font-heading);
	font-weight: 600;
	letter-spacing: 0;
}

body.boravision .elementor-widget-text-editor,
body.boravision .elementor-widget-icon-list {
	color: var(--bv-color-text);
	font-family: var(--bv-font-body);
}

body.boravision .elementor-button .elementor-button-text {
	font-family: inherit;
	font-weight: inherit;
	letter-spacing: 0;
}

/* Form widgets inside Elementor should inherit BoraVision control styling. */
body.boravision .elementor-field-group > label {
	margin-bottom: var(--bv-space-2);
}

body.boravision .elementor-field-group .elementor-field {
	min-height: var(--bv-control-height);
	border-color: var(--bv-color-border);
	border-radius: var(--bv-radius);
	font-family: var(--bv-font-ui);
}