/* Play-button overlay on video cards in index feeds (any query loop
   rendering the video post type gets .type-video on its <li>). */
.wp-block-post.type-video .wp-block-post-featured-image {
	position: relative;
}
.wp-block-post.type-video .wp-block-post-featured-image::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: clamp(3rem, 22%, 4.5rem);
	aspect-ratio: 1;
	background: url(play-button.svg) center / contain no-repeat;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
	pointer-events: none;
}

/* Single video player (afscme/video-player block). */
.afscme-video-player {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #000;
	overflow: hidden;
}
.afscme-video-player iframe,
.afscme-video-player video,
.afscme-video-player img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.afscme-video-player img,
.afscme-video-player video[poster] {
	object-fit: cover;
}
.afscme-video-player video {
	object-fit: contain;
}

.afscme-video-player__poster {
	appearance: none;
	border: 0;
	padding: 0;
	background: none;
	position: absolute;
	inset: 0;
	width: 100%;
	cursor: pointer;
}

.afscme-video-player__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: clamp(4rem, 14%, 6rem);
	aspect-ratio: 1;
	background: url(play-button.svg) center / contain no-repeat;
	filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.5));
	pointer-events: none;
	transition: transform 0.2s ease-out;
}
.afscme-video-player__poster:hover .afscme-video-player__play,
.afscme-video-player__poster:focus-visible .afscme-video-player__play {
	transform: scale(1.08);
}
.afscme-video-player__poster:focus-visible {
	outline: 3px solid #008000;
	outline-offset: 3px;
}

/* Uploaded-file player: overlay disappears once playback starts. */
.afscme-video-player--file .afscme-video-player__play {
	pointer-events: none;
}
.afscme-video-player--file.is-playing .afscme-video-player__play {
	display: none;
}