/**
 * Product description content styling.
 *
 * Constrains YouTube embed blocks inside the product description to a centered
 * 1:1 square. Two scopes are shipped in one file:
 *   - .aroma-product-content     → front-end single product page
 *   - .editor-styles-wrapper     → block editor preview (admin product edit)
 * Each scope is inert in the other context, so a single file serves both.
 */

/* --- Front end: single product page ------------------------------------- */
.aroma-product-content .wp-block-embed-youtube .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	max-width: 70%;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	overflow: hidden;
}

.aroma-product-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 1024px) {
	.aroma-product-content .wp-block-embed-youtube .wp-block-embed__wrapper {
		max-width: 100%;
	}
}

/* --- Block editor: admin product edit preview --------------------------- */
.editor-styles-wrapper .wp-block-embed-youtube .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	max-width: 70%;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	overflow: hidden;
}

.editor-styles-wrapper .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 1024px) {
	.editor-styles-wrapper .wp-block-embed-youtube .wp-block-embed__wrapper {
		max-width: 100%;
	}
}