/* Elementor bridge — make our existing utility/component classes apply inside
 * Elementor's wrapped widget markup (Heading / Text Editor / Button).
 *
 * Each Elementor widget renders as:
 *   <div class="elementor-widget elementor-widget-{type} {custom_classes}">
 *     <div class="elementor-widget-container">
 *       <{inner}> ... </{inner}>
 *     </div>
 *   </div>
 *
 * Class names from "Advanced > CSS Classes" land on the outermost wrapper.
 * Our existing rules target the inner element directly (e.g. h1, p, span),
 * so we add pass-through selectors here without changing the original rules.
 */

/* ---- Heading widget pass-through ------------------------------------ */
.vl-eyebrow .elementor-heading-title,
.vl-h-section .elementor-heading-title,
.vl-service-hero__title .elementor-heading-title,
.vl-service-hero__eyebrow .elementor-heading-title,
.vl-about-hero__title .elementor-heading-title,
.vl-about-hero__eyebrow .elementor-heading-title,
.vl-contact-hero__title .elementor-heading-title,
.vl-contact-hero__eyebrow .elementor-heading-title,
.vl-home-hero__title .elementor-heading-title,
.vl-home-hero__eyebrow .elementor-heading-title,
.vl-product-hero__title .elementor-heading-title,
.vl-edu-hero__title .elementor-heading-title,
.vl-edu-hero__eyebrow .elementor-heading-title {
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	background: inherit;
	-webkit-background-clip: inherit;
	background-clip: inherit;
	-webkit-text-fill-color: inherit;
	margin: 0;
	line-height: inherit;
	text-align: inherit;
}

/* Element-level overrides Elementor injects -- neutralize so wrapper class wins */
.elementor-widget-heading.vl-eyebrow .elementor-heading-title,
.elementor-widget-heading.vl-service-hero__eyebrow .elementor-heading-title,
.elementor-widget-heading.vl-about-hero__eyebrow .elementor-heading-title,
.elementor-widget-heading.vl-contact-hero__eyebrow .elementor-heading-title,
.elementor-widget-heading.vl-home-hero__eyebrow .elementor-heading-title,
.elementor-widget-heading.vl-edu-hero__eyebrow .elementor-heading-title {
	display: inline-block;
}

/* ---- Text editor widget pass-through -------------------------------- */
.vl-service-hero__lead .elementor-widget-container,
.vl-service-hero__lead p,
.vl-about-hero__lead .elementor-widget-container,
.vl-about-hero__lead p,
.vl-home-hero__lead .elementor-widget-container,
.vl-home-hero__lead p,
.vl-edu-hero__lead .elementor-widget-container,
.vl-edu-hero__lead p {
	font: inherit;
	color: inherit;
	line-height: inherit;
	margin: 0;
}

/* ---- Button widget — adopt our .vl-btn family ----------------------- */
.elementor-widget-button.vl-btn .elementor-button {
	all: unset;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.elementor-widget-button.vl-btn .elementor-button-text { display: contents; }
.elementor-widget-button.vl-btn .elementor-button .elementor-button-content-wrapper { display: contents; }