/**
 * Featured image section — Image pattern layout (DS 0.8.0) for post templates.
 * Fixed 2:1 cover crop, 1440px container, radius 12→16. No credit.
 * Modifier --no-padding-top matches news-article paddingTop=false.
 */

.ya-featured-image {
	--ya-featured-image-padding-block: var(--wp--custom--spacing--padding-block, clamp(3rem, 1.004rem + 4.163vi, 6rem));
	--ya-featured-image-padding-inline: var(--wp--custom--spacing--padding-inline, clamp(1rem, -1.486rem + 8.304vi, 2.5rem));
	--ya-featured-image-container-max: var(--wp--style--global--wide-size, 1440px);
	--ya-featured-image-radius: var(--wp--custom--image--radius-mobile, 12px);
	--ya-featured-image-aspect-ratio: 2 / 1;

	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-inline: var(--ya-featured-image-padding-inline);
	margin-block: var(--ya-featured-image-padding-block);
	background: var(--wp--custom--color--background-base, transparent);
}

.ya-featured-image,
.ya-featured-image * {
	box-sizing: border-box;
}

.ya-featured-image--no-padding-top {
	padding-top: 0;
}

.ya-featured-image:not(:has(.wp-block-post-featured-image img)) {
	display: none;
}

.ya-featured-image__container {
	width: 100%;
	max-width: var(--ya-featured-image-container-max);
	margin-inline: auto;
}

.ya-featured-image__media.wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
	width: 100%;
	aspect-ratio: var(--ya-featured-image-aspect-ratio);
	border-radius: var(--ya-featured-image-radius);
	background-color: var(--wp--preset--color--gray-400, #cfcfcf);
}

.ya-featured-image__media.wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

@media (min-width: 768px) {
	.ya-featured-image {
		--ya-featured-image-radius: var(--wp--custom--image--radius-tablet, 16px);
	}
}