/**
 * Column background video: keep content above the video; allow video to show through the wrap.
 */
.elementor .elementor-column.herbag-column-has-bg-video {
	overflow: hidden;
}

.elementor .elementor-column.herbag-column-has-bg-video > .elementor-background-video-container {
	z-index: 0;
}

.elementor .elementor-column.herbag-column-has-bg-video > .elementor-widget-wrap {
	position: relative;
	z-index: 1;
	/* Backup if inline reset is overridden by Elementor post CSS */
	background-color: transparent !important;
	background-image: none !important;
}

.elementor .elementor-column.herbag-column-has-bg-video > .elementor-widget-wrap > .elementor-background-overlay {
	z-index: 0;
}

.elementor .elementor-column.herbag-column-has-bg-video > .elementor-widget-wrap > .elementor-widget {
	position: relative;
	z-index: 1;
}

/* Older column markup may still include elementor-hidden-mobile on the video container; keep video visible on phones. */
@media (max-width: 767px) {
	.elementor .elementor-column.herbag-column-has-bg-video > .elementor-background-video-container.elementor-hidden-mobile {
		display: block !important;
	}
}

/* Page hero only: first three columns (Morvan #primary .page-entry-content — footer excluded). */
#primary .page-entry-content .elementor > .elementor-section:first-of-type > .elementor-container > .elementor-column:nth-child(-n + 3)::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background: linear-gradient(
		to top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 50%
	);
}

#primary .page-entry-content .elementor > .elementor-section:first-of-type > .elementor-container > .elementor-column:nth-child(-n + 3) > .elementor-widget-wrap {
	position: relative;
	z-index: 2;
}

#primary .page-entry-content .elementor > .elementor-section:first-of-type > .elementor-container > .elementor-column:nth-child(-n + 3) > .elementor-widget-wrap > .elementor-widget {
	position: relative;
	z-index: 1;
}
