/**
 * Podcast Zone shell (Design A0) — isolated app-like canvas on /podcasts/*.
 *
 * @package Vandadcast
 */

/* -------------------------------------------------------------------------
 * Zone layout tokens
 * ------------------------------------------------------------------------- */

body.vandadcast-podcast-zone {
	--vc-zone-max: 1120px;
	--vc-zone-pad: clamp(1rem, 4vw, 1.5rem);
	--vc-font-sans: "Vazirmatn", "Segoe UI", Tahoma, system-ui, sans-serif;
	font-family: var(--vc-font-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.vandadcast-podcast-zone,
body.vandadcast-podcast-zone .site,
body.vandadcast-podcast-zone .site-content,
body.vandadcast-podcast-zone #content {
	background: var(--vc-color-bg, Canvas);
	color: var(--vc-color-text, CanvasText);
}

/* Room for sticky player + safe area */
body.vandadcast-podcast-zone.vandadcast-player-on {
	padding-block-end: calc(var(--vc-player-h-mini, 3.5rem) + var(--vc-safe-bottom, 0px) + 0.5rem);
}

/* -------------------------------------------------------------------------
 * App light / dark presets (override Canvas when zone theme is set)
 * ------------------------------------------------------------------------- */

body.vandadcast-podcast-zone.vandadcast-zone-app-light,
body.vandadcast-podcast-zone.vandadcast-zone-app-light .vandadcast {
	--vc-color-text: #1a2230;
	--vc-color-bg: #f0f2f6;
	--vc-color-surface: #ffffff;
	--vc-color-border: color-mix(in srgb, #1a2230 10%, transparent);
	--vc-color-muted: color-mix(in srgb, #1a2230 58%, transparent);
	color: var(--vc-color-text);
	background: var(--vc-color-bg);
}

body.vandadcast-podcast-zone.vandadcast-zone-app-dark,
body.vandadcast-podcast-zone.vandadcast-zone-app-dark .vandadcast {
	--vc-color-text: #e8edf5;
	--vc-color-bg: #0b0f14;
	--vc-color-surface: #151c26;
	--vc-color-border: color-mix(in srgb, #e8edf5 12%, transparent);
	--vc-color-muted: color-mix(in srgb, #e8edf5 62%, transparent);
	color: var(--vc-color-text);
	background: var(--vc-color-bg);
}

/* -------------------------------------------------------------------------
 * Centered shell — main podcast surfaces
 * ------------------------------------------------------------------------- */

body.vandadcast-podcast-zone #primary.site-main,
body.vandadcast-podcast-zone .vandadcast-pod-home,
body.vandadcast-podcast-zone .vandadcast-pod-home--hub,
body.vandadcast-podcast-zone .vandadcast-podcast-home-page,
body.vandadcast-podcast-zone .entry-content > .vandadcast-pod-home,
body.vandadcast-podcast-zone .entry-content > .vandadcast.vandadcast-pod-home {
	width: 100%;
	max-width: var(--vc-zone-max);
	margin-inline: auto;
	padding-inline: var(--vc-zone-pad);
	box-sizing: border-box;
}

body.vandadcast-podcast-zone .vandadcast-episode-hub__crumbs {
	max-width: var(--vc-zone-max);
	margin-inline: auto;
	padding-inline: var(--vc-zone-pad);
	box-sizing: border-box;
}

body.vandadcast-podcast-zone .vandadcast-episode-hub__layout {
	max-width: var(--vc-zone-max);
	margin-inline: auto;
	padding-inline: var(--vc-zone-pad);
	box-sizing: border-box;
}

body.vandadcast-podcast-zone .vandadcast-page-header,
body.vandadcast-podcast-zone .vandadcast-home__section,
body.vandadcast-podcast-zone .vandadcast-series-list-wrap,
body.vandadcast-podcast-zone .vandadcast-archive--episodes .vandadcast-episode-list,
body.vandadcast-podcast-zone .vandadcast-latest-episodes-block,
body.vandadcast-podcast-zone .vandadcast-episode-player-block {
	max-width: var(--vc-zone-max);
	margin-inline: auto;
	padding-inline: var(--vc-zone-pad);
	box-sizing: border-box;
}

/* Soften theme article chrome inside the zone */
body.vandadcast-podcast-zone.single-vandad_episode .entry-header,
body.vandadcast-podcast-zone.page .entry-header {
	border: 0;
	padding-block-end: 0;
	margin-block-end: 0;
}

body.vandadcast-podcast-zone .entry-content {
	max-width: none;
}

body.vandadcast-podcast-zone .vandadcast-pod-home__masthead {
	padding-block-start: var(--vc-space-5, 1.25rem);
}

body.vandadcast-podcast-zone .vandadcast-pod-home__sections--latest {
	max-width: var(--vc-zone-max);
	margin-inline: auto;
	padding-inline: var(--vc-zone-pad);
	box-sizing: border-box;
}

body.vandadcast-podcast-zone .vandadcast-episode-hub__crumbs-list {
	font-size: var(--vc-font-size-sm, 0.88rem);
	opacity: 0.85;
}

body.vandadcast-podcast-zone .vandadcast-episode-hub__crumbs-list a {
	color: var(--vc-color-muted);
	text-decoration: none;
}

body.vandadcast-podcast-zone .vandadcast-episode-hub__crumbs-list a:hover,
body.vandadcast-podcast-zone .vandadcast-episode-hub__crumbs-list a:focus-visible {
	color: var(--vc-color-primary);
	text-decoration: underline;
}