/**
 * Moviepie: poster-format images for Related Posts and Prev/Next.
 * Central override (~2:3) for all single templates. No plugin core edits.
 * Source file; SiteGround may emit moviepie-related-posts-poster.min.css.
 * 2026-09-30
 */

/* ---- Related Posts: Ultimate Post Kit alter-grid (only used for Related) ---- */
.elementor-widget-upk-alter-grid .upk-alter-grid .upk-post-grid .upk-item {
	height: auto !important;
	min-height: 0 !important;
}

.elementor-widget-upk-alter-grid .upk-alter-grid .upk-img-wrap .upk-main-img {
	position: relative !important;
	width: 100%;
	height: auto !important;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	display: block;
}

.elementor-widget-upk-alter-grid .upk-alter-grid .upk-img-wrap .upk-main-img .upk-image-link {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.elementor-widget-upk-alter-grid .upk-alter-grid .upk-img-wrap .upk-main-img .upk-img,
.elementor-widget-upk-alter-grid .upk-alter-grid .upk-img-wrap .upk-main-img .upk-image-link img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center;
	display: block;
}

#single_movie_page_book.elementor-widget-upk-alter-grid .upk-post-grid .upk-item,
#single_movie_film_fest.elementor-widget-upk-alter-grid .upk-post-grid .upk-item {
	height: auto !important;
}

/* ---- Prev/Next: The Plus tp-post-navigation ---- */
:root {
	--mp-poster-ratio: 2 / 3;
	--mp-nav-poster-w: 90px;
	--mp-nav-poster-gap: 16px;
}

.tp-post-navigation.tp-nav-style-1 .post_nav_link.prev,
.tp-post-navigation.tp-nav-style-1 .post_nav_link.next {
	display: flex !important;
	align-items: center;
	gap: var(--mp-nav-poster-gap);
	width: 100%;
	box-sizing: border-box;
	min-height: 0;
}

.tp-post-navigation.tp-nav-style-1 .post_nav_link.next {
	justify-content: flex-end;
	text-align: right;
}

.tp-post-navigation.tp-nav-style-1 .prev-post-content,
.tp-post-navigation.tp-nav-style-1 .next-post-content {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}

.tp-post-navigation .post-image {
	position: relative !important;
	width: var(--mp-nav-poster-w) !important;
	height: auto !important;
	aspect-ratio: var(--mp-poster-ratio);
	display: block !important;
	overflow: hidden;
	flex: 0 0 var(--mp-nav-poster-w);
	padding: 0 !important;
	box-sizing: border-box;
}

.tp-post-navigation .post_nav_link.prev .post-image,
.tp-post-navigation .post_nav_link.next .post-image {
	padding: 0 !important;
}

.tp-post-navigation .post-image img,
.tp-post-navigation .post-image .tp-nav-trans.wp-post-image {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center;
	display: block;
	border-radius: 4px;
}

@media (max-width: 767px) {
	:root {
		--mp-nav-poster-w: 72px;
		--mp-nav-poster-gap: 12px;
	}
	.tp-post-navigation.tp-nav-style-1 .post_nav_link.next {
		justify-content: flex-start;
		text-align: left;
		flex-wrap: wrap;
	}
}

/* ---- Musings Related: Elementor loop-grid (widget 6efa788) ---- */
.elementor-element-6efa788 .elementor-widget-theme-post-featured-image,
.elementor-element-6efa788 .elementor-widget-theme-post-featured-image .elementor-widget-container,
.elementor-element-6efa788 .elementor-widget-theme-post-featured-image a {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	overflow: hidden;
}

.elementor-element-6efa788 .elementor-widget-theme-post-featured-image img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center;
	display: block;
}