/* Wrapper */
.video-block {
	width: 100%;
	max-width: 100%;
	border-radius: 10px;
	overflow: hidden;
	background: #000;
	/*position: relative;*/
}

/* Thumbnail container */
.video-thumb-wrap {
	position: relative;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
}

.video-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.video-thumb-wrap:hover .video-thumb {
	transform: scale(1.03);
	filter: brightness(0.75);
}

/* Overlay */
.video-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.25);
	transition: background 0.3s ease;
}

.video-thumb-wrap:hover .video-overlay {
	background: rgba(0, 0, 0, 0.45);
}

/* Play button (YouTube-style SVG) */
.video-play-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 72px;
	height: 50px;
	transition: transform 0.2s ease;
}

.video-play-btn:hover {
	transform: scale(1.12);
}

.video-play-btn .btn-bg {
	fill: #ff0000;
	fill-opacity: 0.9;
}

.video-play-btn .btn-play {
	fill: #fff;
}

/* Platform badge */
.video-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
}

.video-badge--youtube {
	/*background: #ff0000;*/
}

.video-badge--vimeo {
	/*background: #1ab7ea;*/
}

/* Live iframe (after click) */
.video-iframe-wrap {
	/*position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;*/
	border-radius: 10px;
	overflow: hidden;
}

.video-iframe-wrap iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* Error state */
.video-error {
	padding: 20px;
	text-align: center;
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 8px;
	color: #856404;
}

.video-error a {
	color: #856404;
	font-weight: 600;
}

/* Responsive */
@media (max-width: 576px) {
	.video-play-btn {
		width: 56px;
		height: 40px;
	}
}