/* 
 * Embed Block Alignment Fixes
 * Override default embed styles to respect custom widths
 */

/* Inline embed: responsive within centered 800px container */
.embed-outer.inline .container {
	max-width: 800px;
}

.embed-outer.inline .embed-inner {
	width: 100% !important;
	max-width: 100%;
	padding: 1rem 0 !important;
	margin: 0 !important;
	padding-top: 56.25% !important;
	position: relative;
}

.embed-outer.inline .embed-inner iframe {
	width: 100% !important;
	position: absolute !important;
	top: 0;
	left: 0;
	height: 100% !important;
}

/* Full width embed: keep responsive 16:9 ratio */
.embed-outer:not(.inline) .embed-inner {
	width: 100%;
	padding: 1rem 0;
	margin: 0 auto !important;
	position: relative;
	padding-top: 56.25%;
}

.embed-outer:not(.inline) .embed-inner iframe {
	width: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}