/**
 * =============================================================================
 * MEDIA-TEXT ASPECT RATIO — SHARED STYLES (aspect-ratio.css)
 * =============================================================================
 *
 * Loaded on editor AND front end via homepage-feature.php. Applies aspect-ratio
 * and object-fit:cover to the media column when pcgAspectRatio is not "auto".
 *
 * CLASS SOURCE:
 *   Editor:  getEditWrapperProps in media-text-extensions/js/block-attributes.js
 *   Front end: render_block_core/media-text in extend-core-media-text.php
 *
 * Slug pattern: .pcg-media-aspect--ratio-{slug} (e.g. ratio-16-9 for 16:9).
 */
.pcg-media-aspect--ratio-1-1 .wp-block-media-text__media,
.wp-block-media-text.pcg-media-aspect--ratio-1-1 .wp-block-media-text__media {
	aspect-ratio: 1 / 1;
}

.pcg-media-aspect--ratio-4-3 .wp-block-media-text__media,
.wp-block-media-text.pcg-media-aspect--ratio-4-3 .wp-block-media-text__media {
	aspect-ratio: 4 / 3;
}

.pcg-media-aspect--ratio-3-2 .wp-block-media-text__media,
.wp-block-media-text.pcg-media-aspect--ratio-3-2 .wp-block-media-text__media {
	aspect-ratio: 3 / 2;
}

.pcg-media-aspect--ratio-16-9 .wp-block-media-text__media,
.wp-block-media-text.pcg-media-aspect--ratio-16-9 .wp-block-media-text__media {
	aspect-ratio: 16 / 9;
}

.pcg-media-aspect--ratio-21-9 .wp-block-media-text__media,
.wp-block-media-text.pcg-media-aspect--ratio-21-9 .wp-block-media-text__media {
	aspect-ratio: 21 / 9;
}

[class*="pcg-media-aspect--ratio-"] .wp-block-media-text__media,
.wp-block-media-text[class*="pcg-media-aspect--ratio-"] .wp-block-media-text__media {
	overflow: hidden;
}

[class*="pcg-media-aspect--ratio-"] .wp-block-media-text__media img,
[class*="pcg-media-aspect--ratio-"] .wp-block-media-text__media video,
.wp-block-media-text[class*="pcg-media-aspect--ratio-"] .wp-block-media-text__media img,
.wp-block-media-text[class*="pcg-media-aspect--ratio-"] .wp-block-media-text__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}