/**
 * YouTube cookie-consent disclaimer overlay.
 *
 * Fills the space where a YouTube embed (custom click-to-play player or a
 * standard WordPress block embed) would render when TrustArc has blocked it
 * for lack of advertising-cookie consent. See src/js/youtube-disclaimer.js.
 */
.bcmag-yt-blocked {
	position: relative;
}

.bcmag-yt-disclaimer {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 1.5rem;
	text-align: center;
	background: #002e5d; /* BYU navy */
	color: #fff;
}

.bcmag-yt-disclaimer__inner {
	max-width: 34rem;
}

.bcmag-yt-disclaimer__heading {
	margin: 0 0 0.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.3;
}

.bcmag-yt-disclaimer__body {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.5;
	color: #e8edf3;
}

.bcmag-yt-disclaimer__link {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

.bcmag-yt-disclaimer__link:hover,
.bcmag-yt-disclaimer__link:focus {
	color: #fff;
	text-decoration: none;
}

@media (max-width: 600px) {
	.bcmag-yt-disclaimer {
		padding: 1rem;
	}

	.bcmag-yt-disclaimer__heading {
		font-size: 1.3rem;
	}

	.bcmag-yt-disclaimer__body {
		font-size: 1.15rem;
	}
}

/**
 * Video-list thumbnail fallback.
 *
 * When TrustArc strips a YouTube thumbnail image (img.youtube.com), the broken
 * <img> is hidden and replaced with a small navy notice tile in its place.
 * The existing title and duration badge are left untouched.
 */
.bcmag-yt-thumb-blocked .featured-video__image,
.bcmag-yt-thumb-blocked .video__image {
	display: none;
}

.bcmag-yt-thumb-note {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-width: 125px;
	aspect-ratio: 16 / 9;
	padding: 8px;
	text-align: center;
	background: #002e5d; /* BYU navy */
}

.bcmag-yt-thumb-note__text {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: #e8edf3;
}

/* At >=640px the tiles are CSS-grid cells with the image in row 1; drop the
 * notice into that same cell so it fills the thumbnail's footprint. */
@media (min-width: 640px) {
	.featured-videos__video-list .bcmag-yt-thumb-note,
	.video-group__video-list .bcmag-yt-thumb-note {
		grid-area: 1 / 1 / 2 / 2;
		min-width: 0;
	}
}

/* The currently-playing tile already carries a "Now Playing" overlay, and the
 * main player above shows the full disclaimer -- keep the navy fill but drop
 * the notice text so the two labels don't collide. */
.featured-video--playing .bcmag-yt-thumb-note__text {
	display: none;
}