/* =============================================
   Elemance Widget — Dual Color Heading
   ============================================= */

.elemance-dual-heading {
	margin: 0;
	line-height: 1.2;
	word-wrap: break-word;
}

/* Inline: parts sit side by side */
.elemance-dual-heading--inline {
	display: block;
}

.elemance-dual-heading--inline .elemance-dual-heading__first,
.elemance-dual-heading--inline .elemance-dual-heading__second,
.elemance-dual-heading--inline .elemance-dual-heading__sep {
	display: inline;
}

/* Stacked: each part on its own line */
.elemance-dual-heading--stacked .elemance-dual-heading__first,
.elemance-dual-heading--stacked .elemance-dual-heading__second {
	display: block;
}

/* Separator */
.elemance-dual-heading__sep {
	white-space: pre;
}

/* Gradient needs inline-block to render background-clip */
.elemance-dual-heading__first.elmc-style-gradient,
.elemance-dual-heading__second.elmc-style-gradient {
	display: inline-block;
}

/* Outline keeps inline for flow */
.elemance-dual-heading__first.elmc-style-outline,
.elemance-dual-heading__second.elmc-style-outline {
	display: inline;
}

/* Highlight needs inline-block for padding */
.elemance-dual-heading__first.elmc-style-highlight,
.elemance-dual-heading__second.elmc-style-highlight {
	display: inline-block;
	line-height: inherit;
}