/* Category Hero — full-width banner with text overlay */
.wp-block-sunmaintain-category-hero.sm-archive-marketing-hero {
	--sm-hero-height: clamp(300px, 29vw, 420px);
	--sm-hero-overlay-bg: rgba(15, 95, 184, 0.07);
	position: relative;
	display: block;
	width: 100%;
	max-width: var(--sm-archive-max, 1480px);
	height: var(--sm-hero-height);
	margin: 18px auto 26px;
	overflow: hidden;
	border-radius: 8px;
}

.wp-block-sunmaintain-category-hero.alignfull.sm-archive-marketing-hero {
	width: 100%;
	max-width: 100%;
	border-radius: 0;
}

/* Background image fills entire container */
.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #dff1fa, #f6fbff);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__media.is-placeholder {
	background:
		linear-gradient(135deg, rgba(8, 61, 143, 0.1), rgba(143, 208, 227, 0.26)),
		linear-gradient(90deg, #f6fbff, #dff1fa);
}

/* Text overlay — right-side, ultra-subtle frosted glass */
.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
	padding: clamp(28px, 3.5vw, 48px) clamp(28px, 3.5vw, 52px);
	width: 45%;
	max-width: 560px;
	min-width: 280px;
	background: var(--sm-hero-overlay-bg);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__eyebrow {
	margin: 0;
	color: #052b66;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__title {
	max-width: 620px;
	margin: 0;
	color: #052b66;
	font-family: var(--sm-font-heading, "Cinzel", Georgia, serif);
	font-size: clamp(1.6rem, 3.2vw, 2.6rem);
	font-weight: 600;
	line-height: 1.1;
	text-shadow: 0 1px 6px rgba(255, 255, 255, 0.6);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__text {
	max-width: 620px;
	margin: 0;
	color: #052b66;
	font-size: clamp(0.9rem, 1.3vw, 1.05rem);
	font-weight: 500;
	line-height: 1.6;
	text-shadow: 0 1px 4px rgba(255, 255, 255, 0.5);
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__button {
	justify-self: start;
	margin-top: 6px;
	padding: 11px 20px;
	border-radius: 4px;
	background: #0f5fb8;
	color: #ffffff;
	font-weight: 500;
	font-size: 0.9rem;
	text-decoration: none;
}

.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__button:hover {
	background: #083d8f;
	color: #ffffff;
}

/* Mobile: shorter height, overlay at bottom full-width */
@media (max-width: 820px) {
	.wp-block-sunmaintain-category-hero.sm-archive-marketing-hero {
		--sm-hero-height: clamp(280px, 56vw, 380px);
		border-radius: 0;
		margin: 0 auto 20px;
	}

	.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__content {
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding: 20px clamp(16px, 4vw, 28px);
		background: rgba(15, 95, 184, 0.09);
	}

	.wp-block-sunmaintain-category-hero .sm-archive-marketing-hero__title {
		font-size: clamp(1.3rem, 5vw, 1.8rem);
	}
}