/* File: assets/hover-video-card.css */

.jl-hvc { max-width: 520px; }

.jl-hvc__media{
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	background: #000;
	cursor: pointer;
	outline: none;
}

.jl-hvc__thumb,
.jl-hvc__video{
	width: 100%;
	height: auto;
	display: block;
}

.jl-hvc__video{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .18s ease;
}

.jl-hvc.is-playing .jl-hvc__video { opacity: 1; }

.jl-hvc__overlay{
	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 16px 16px 14px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 100%);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .18s ease, transform .18s ease;
	pointer-events: none;
}

.jl-hvc:hover .jl-hvc__overlay,
.jl-hvc:focus-within .jl-hvc__overlay{
	opacity: 1;
	transform: translateY(0);
}

.jl-hvc__subjects{
	display: flex;
	align-items: center;
	gap: 10px; /* overridden by Elementor control if set */
}

.jl-hvc__subject{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px; /* overridden by Elementor control if set */
	background: rgba(0,0,0,.35); /* overridden by Elementor control if set */
	backdrop-filter: blur(6px);
	overflow: hidden;
	/* width/height set by Elementor control */
}

.jl-hvc__subject img{
	object-fit: contain;
	display: block;
	/* width/height set by Elementor control */
}

.jl-hvc__subject--text{
	padding: 0 10px;
	width: auto;
	white-space: nowrap;
}

.jl-hvc__badge{
	position: absolute;
	top: 12px; right: 12px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(0,0,0,.55);
	color: #fff;
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.jl-hvc__meta{ padding-top: 10px; }

/* Layout-only; typography/colour are controlled via Elementor */
.jl-hvc__title{ line-height: 1.25; }
.jl-hvc__subtitle{ line-height: 1.25; }
.jl-hvc__year{ line-height: 1.25; }
.jl-hvc__cta{ white-space: nowrap; }