/* Lightbox player cho Works — mở khi click work-card có data-video. */

.video-lightbox {
	position: fixed;
	inset: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(5, 5, 5, 0.92);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--transition-base);
}

.video-lightbox.is-open {
	opacity: 1;
	pointer-events: auto;
}

.video-lightbox__inner {
	position: relative;
	width: min(1100px, 92vw);
}

.video-lightbox__frame {
	aspect-ratio: 16 / 9;
	background: var(--color-black);
	border: 1px solid var(--color-border);
}

.video-lightbox__frame iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.video-lightbox__title {
	margin-top: var(--space-xs);
	font-size: var(--fs-small);
	color: var(--color-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.video-lightbox__close {
	position: absolute;
	top: calc(-1 * var(--space-md));
	right: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid var(--color-border);
	color: var(--color-cream);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	transition: border-color var(--transition-base), color var(--transition-base);
}

.video-lightbox__close:hover,
.video-lightbox__close:focus-visible {
	border-color: var(--color-gold);
	color: var(--color-gold);
}

body.lightbox-open {
	overflow: hidden;
}