/*
 * WANDERLUSTMUSTS Page Hero Control
 * Page-only frontend styles. No typography, header, footer or post styles.
 */

/* Astra fallback: never allow Astra to create a second Page featured image. */
body.wlm-page-hero-controlled .ast-single-post-featured-section {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}

/* If Astra is configured to use the Page featured image as a title-banner
 * background, remove only that featured-image layer. Keep the title/banner. */
body.wlm-page-hero-controlled .ast-single-entry-banner[data-banner-background-type="featured"] {
	background-image: none !important;
}

.wlm-page-hero {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	max-width: 1536px;
	margin: 0 auto clamp(20px, 3vw, 36px);
	padding: 0;
	overflow: hidden;
	line-height: 0;
}

.wlm-page-hero__image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: contain;
}

.wlm-page-hero--center .wlm-page-hero__image { object-position: 50% 50%; }
.wlm-page-hero--top .wlm-page-hero__image    { object-position: 50% 0%; }
.wlm-page-hero--bottom .wlm-page-hero__image { object-position: 50% 100%; }
.wlm-page-hero--left .wlm-page-hero__image   { object-position: 0% 50%; }
.wlm-page-hero--right .wlm-page-hero__image  { object-position: 100% 50%; }

/* Tablet/mobile: keep the source image's natural aspect ratio so embedded
 * wording is not cropped merely to force a portrait-shaped hero. */
@media (max-width: 921px) {
	.wlm-page-hero {
		max-width: 100%;
		margin-bottom: clamp(18px, 4vw, 28px);
	}
}

@media (max-width: 544px) {
	.wlm-page-hero {
		margin-bottom: 20px;
	}
}