/* Movie / series cards: language label on the thumb and title below it */

.video-img .video-lang-label {
	position: absolute;
	left: 8px;
	bottom: 8px;
	z-index: 3;
	max-width: calc(100% - 16px);
	padding: 2px 7px;
	border-radius: 4px;
	background-color: rgba(37, 46, 68, 0.45);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}

.single-video .video-card-title {
	margin-top: 8px;
	min-height: 38px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
	/* Two lines, so the (year) at the end stays visible */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

.single-video a:hover .video-card-title {
	color: #ff0015;
}

/* The title is shown below now, so the hover title bar over the thumb is not needed */
.single-video a:has(.video-card-title) .video-item-content {
	display: none;
}

@media (max-width: 575px) {
	.single-video .video-card-title {
		font-size: 13px;
	}

	.video-img .video-lang-label {
		font-size: 11px;
		left: 6px;
		bottom: 6px;
	}
}