/**
 * Series hero backdrop (Design A2) — blurred cover + scrim on series archives.
 *
 * @package Vandadcast
 */

body.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop {
	display: block;
	position: relative;
	overflow: hidden;
	margin-block-end: clamp(1.25rem, 4vw, 2rem);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop-img,
body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop-fallback {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100%;
	object-fit: cover;
	transform: scale(1.18);
	filter: blur(32px) saturate(1.15);
}

body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop-fallback {
	min-height: 18rem;
}

body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop-scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--vc-color-bg, Canvas) 42%, transparent) 0%,
		color-mix(in srgb, var(--vc-color-bg, Canvas) 78%, transparent) 48%,
		var(--vc-color-bg, Canvas) 100%
	);
}

body.vandadcast-series-hub-page .vandadcast-series-hero__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 1.5rem);
	padding: clamp(1.35rem, 4vw, 2rem) clamp(1rem, 3vw, 1.5rem) clamp(1.5rem, 4vw, 2.25rem);
}

@media (min-width: 720px) {
	body.vandadcast-series-hub-page .vandadcast-series-hero__content {
		grid-template-columns: min(280px, 34vw) minmax(0, 1fr);
		align-items: center;
		text-align: start;
	}

	body.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop .vandadcast-episode-hub__hero-text {
		text-align: start;
	}

	body.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop .vandadcast-episode-hub__submeta,
	body.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop .vandadcast-episode-hub__pills,
	body.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop .vandadcast-episode-hub__actions {
		justify-content: flex-start;
	}
}

body.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop .vandadcast-episode-hub__hero-cover {
	box-shadow:
		0 20px 50px color-mix(in srgb, CanvasText 18%, transparent),
		0 0 0 1px color-mix(in srgb, #fff 25%, transparent);
}

body.vandadcast-category-hub-page .vandadcast-series-hero__content {
	display: contents;
}

/* Podcast Zone — edge-to-edge hero band */
body.vandadcast-podcast-zone.vandadcast-series-hub-page .vandadcast-episode-hub__hero--series-backdrop {
	width: calc(100% + (2 * var(--vc-zone-pad, 1.5rem)));
	max-width: none;
	margin-inline: calc(-1 * var(--vc-zone-pad, 1.5rem));
}

body.vandadcast-podcast-zone.vandadcast-series-hub-page .vandadcast-series-hero__content {
	max-width: var(--vc-zone-max, 1120px);
	margin-inline: auto;
	padding-inline: var(--vc-zone-pad, 1.5rem);
	box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
	body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop-img,
	body.vandadcast-series-hub-page .vandadcast-series-hero__backdrop-fallback {
		transform: none;
		filter: blur(20px) saturate(1.05);
	}
}