/* KBH home YouTube — the "De KBH in beeld" section.
   Core already makes the YouTube embed responsive (wp-embed-aspect-16-9 +
   wp-block-embed__wrapper give a 16:9 iframe). We only constrain the width to
   the theme wideSize (1180px), centre it, and round the corners. Markup:
   .kbh-home-youtube > (h2, p, figure.wp-block-embed, .wp-block-buttons). */

.kbh-home-youtube .wp-block-embed {
	max-width: var(--wp--style--global--wide-size, 1180px);
	margin-inline: auto;
}

/* The wrapper carries the 16:9 aspect ratio from core; clip the iframe to the
   rounded card and guarantee no horizontal overflow on small screens. */
.kbh-home-youtube .wp-block-embed__wrapper {
	border-radius: var(--kbh-radius, 8px);
	overflow: hidden;
}

.kbh-home-youtube .wp-block-embed__wrapper iframe {
	display: block;
	width: 100%;
	max-width: 100%;
}

/* Breathing room between the intro copy, the player, and the channel button. */
.kbh-home-youtube .wp-block-embed {
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
}

.kbh-home-youtube .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
}