/**
 * BRC YouTube Shorts — frontend embed styles.
 *
 * Shorts are vertical (9:16), so we cap the width and use a responsive
 * aspect-ratio wrapper so the iframe fills it without a fixed height.
 */

.brc-yt-short {
	max-width: 400px;
	margin: 0 auto 1.5em;
}

/* Responsive 9:16 aspect-ratio box */
.brc-yt-embed-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 177.78%; /* 9 / 16 * 100 */
	height: 0;
	overflow: hidden;
	border-radius: 12px;
	background: #000;
}

.brc-yt-embed-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*
 * Grid card thumbnail fix.
 *
 * The theme's _wp_basic_styles.scss contains:
 *   img.wp-post-image { height: auto }
 * WordPress automatically adds .wp-post-image to every featured image, giving
 * that rule specificity (0,1,1) — one point higher than the theme's
 * .video-thumb__img (0,1,0) — so it wins and collapses the image to its
 * natural 16:9 height, leaving the bottom of each portrait card empty.
 *
 * Using img.video-thumb__img here matches that specificity and loads after
 * the theme stylesheet, so it wins via source order without !important.
 */
img.video-thumb__img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* Description text beneath the embed */
.brc-yt-description {
	margin-top: 1em;
	font-size: 0.95em;
	line-height: 1.6;
	color: inherit;
	word-break: break-word;
}