/**
 * Background Cap on native Text Editor (and related widgets).
 * Letter from data-xyod-bg-cap on the widget wrapper (::before).
 */

.elementor-widget.xyod-has-bg-cap {
	position: relative;
	/* Keep z-index:-1 ::before inside this widget (not behind the parent). */
	isolation: isolate;
}

.elementor-widget.xyod-has-bg-cap::before {
	content: attr(data-xyod-bg-cap);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	line-height: 0.85;
	font-size: 4.5em;
	/* Don't inherit italic/bold from body text — Typography control sets these. */
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	letter-spacing: normal;
	user-select: none;
}

/* Optimized DOM (no .elementor-widget-container) + classic markup. */
.xyod-has-bg-cap > .elementor-widget-container,
.xyod-has-bg-cap > .elementor-text-editor,
.xyod-has-bg-cap .elementor-text-editor {
	position: relative;
	z-index: 1;
}