/* Rendered whenever an editor enables the overlay in Elementor's
   Background panel. Reads the same --gg-overlay-* variables as the
   theme's global gg-overlay system, so an element without its own
   override still inherits the sitewide Customizer default. */

.gg-overlay-active {
	position: relative;
}

.gg-overlay-active::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		var(--gg-overlay-angle, 180deg),
		var(--gg-overlay-start-color, rgba(0, 0, 0, 0.55)) var(--gg-overlay-start, 0%),
		transparent var(--gg-overlay-end, 100%)
	);
}

.gg-overlay-active > .e-con-inner,
.gg-overlay-active > .elementor-container,
.gg-overlay-active > .elementor-widget-wrap {
	position: relative;
	z-index: 2;
}