/*
 * Archive/loop featured-video layer.
 * Elementor setup for the optional manual route: add `hit-archive-media` to
 * the card media container and place [hit_archive_featured_video] inside it.
 */
.hit-archive-media {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate;
}

.hit-archive-media > .hit-archive-featured-video-host {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: inherit !important;
	overflow: hidden !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background: transparent !important;
}

/* Keep labels/overlays/content already present in the media container above the video. */
.hit-archive-media > .elementor-background-overlay {
	z-index: 1 !important;
}

.hit-archive-media > .e-con-inner,
.hit-archive-media > .elementor-element:not(.elementor-background-overlay):not(.hit-archive-featured-video-host) {
	position: relative;
	z-index: 2;
}

/* The dedicated shortcode widget is only a data marker. JS moves the host to
 * the media container and hides the now-empty Elementor wrapper. */
.elementor-widget-shortcode.hit-archive-video-slot,
.hit-archive-video-slot.elementor-widget-shortcode {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 1.9.20 automatic Elementor Posts / Archive Posts enhancement.
 * These classes are added by JavaScript only to a detected thumbnail that has
 * a valid featured video, so unrelated archive cards are not restyled. */
.hit-auto-archive-video-media {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate;
}

.hit-auto-archive-video-media > .hit-archive-featured-video-host {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: inherit !important;
	overflow: hidden !important;
	z-index: 1 !important;
	pointer-events: none !important;
	background: transparent !important;
}


/* 1.9.22: when an Elementor loop uses the featured image as a container
 * background, keep the video behind the card's normal children. */
.hit-auto-archive-video-background > .hit-archive-featured-video-host {
	z-index: 0 !important;
}
.hit-auto-archive-video-background > :not(.hit-archive-featured-video-host) {
	position: relative;
	z-index: 1;
}