/**
 * Core Post Featured Image Block Styles
 *
 * Custom styles for WordPress core block (core/post-featured-image).
 * Automatically enqueued via wp_enqueue_block_style().
 *
 * @package Smartfire
 */

/* Arrondis
--------------------------------------------- */
.wp-block-post-featured-image.is-style-rounded img {
	border-radius: 30px;
}

/* Caption (copyright, crédit photo) — overlay liquid-glass
--------------------------------------------- */
.wp-block-post-featured-image:has(figcaption) {
	position: relative;
}

.wp-block-post-featured-image figcaption.wp-element-caption {
	--lg-tint: rgb(0 0 0 / 20%);
	--lg-tint-hover: rgb(0 0 0 / 20%);
	position: absolute;
	right: var(--wp--preset--spacing--small);
	bottom: var(--wp--preset--spacing--small);
	max-width: calc(100% - 2 * var(--wp--preset--spacing--small));
	margin: 0;
	padding: 0.35em 0.9em;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.4;
	color: var(--wp--preset--color--base);
	text-align: right;
	border-radius: 999px;
	text-shadow: 0 1px 2px rgb(0 0 0 / 25%);
	cursor: default;
}

/* Skeleton fallback (no featured image)
--------------------------------------------- */
.wp-block-post-featured-image.is-fallback {
	width: 100%;
	background: var(--wp--preset--color--primary-alt-accent);
}

/* Video Modal Trigger
--------------------------------------------- */
.wp-block-post-featured-image.has-modal-trigger {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	cursor: pointer;
}

.wp-block-post-featured-image.has-modal-trigger img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.wp-block-post-featured-image__play-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}