/* YouTube Grid Embed - front-end styles */

.ytge-grid {
	display: grid;
	/* grid-template-columns and gap are set inline by the shortcode. */
	gap: 16px;
	width: 100%;
	margin: 1em 0;
}

.ytge-item {
	margin: 0;
	min-width: 0; /* allow items to shrink inside the grid track */
}

.ytge-embed {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 aspect ratio */
	background: #000;
	border-radius: 6px;
	overflow: hidden;
}

.ytge-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.ytge-title {
	margin: 0.5em 0 0;
	font-size: 0.95rem;
	line-height: 1.35;
}

/* Collapse to a single column on small screens. */
@media (max-width: 600px) {
	.ytge-grid {
		grid-template-columns: 1fr !important;
	}
}