/**
 * Responsive iframe wrapper styles for [fb_embed] shortcode output.
 *
 * Two aspect-ratio variants are used:
 *  - .fb-auto-embed--video  → 16 : 9  (padding-top: 56.25 %)
 *  - .fb-auto-embed--post   → 4 : 5   (padding-top: 125 %)
 *
 * @package FBAutoEmbed
 */

.fb-auto-embed-responsive {
	max-width: 100%;
	margin: 1em 0;
}

.fb-auto-embed-responsive__inner {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}

/* Video — 16:9 */
.fb-auto-embed--video .fb-auto-embed-responsive__inner {
	padding-top: 56.25%;
}

/* Post — ~4:5 */
.fb-auto-embed--post .fb-auto-embed-responsive__inner {
	padding-top: 125%;
}

.fb-auto-embed-responsive .fb-auto-embed-responsive__inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}