/* Card — the border lives on the inner article, out of theme.json's reach */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode {
	background: none;
	border-color: var(--wp--preset--color--theme-3);
	border-radius: 0.25rem;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--20);
}

.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__meta-line {
	align-items: center;
	color: var(--wp--preset--color--theme-4);
	font-size: var(--wp--preset--font-size--custom-1);
	letter-spacing: 0;
	text-transform: none;
}

/* Season / episode badges */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__badge {
	align-items: center;
	background: none;
	color: var(--wp--preset--color--theme-4);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--custom-1);
	font-weight: 400;
	line-height: calc(1em + 0.5rem);
	padding: 0;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__badge--trailer::before,
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__badge--bonus::before {
	content: "(";
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__badge--trailer::after,
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__badge--bonus::after {
	content: ")";
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__badge--explicit {
	background: var(--wp--preset--color--theme-6);
	border: 0;
	border-radius: 0.25rem;
	color: var(--wp--preset--color--theme-1);
	font-size: var(--wp--preset--font-size--custom-0);
	font-weight: 600;
	height: calc(1em + 6px);
	justify-content: center;
	line-height: 1;
	width: calc(1em + 6px);
}

/* Episode title */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__title {
	font-size: var(--wp--preset--font-size--custom-4);
	line-height: calc(1em + 0.5rem);
}
/* Match the post-title hover: soft underline fades in instead of the block's
   default full-strength underline toggle. */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__title a {
	text-decoration-line: underline;
	text-decoration-color: transparent;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__title :is(a:focus, a:hover) {
	text-decoration-color: var(--wp--custom--text-decoration-color);
}

/* Byline — author and date are shown elsewhere on the post page, and the
   player itself shows the duration since the theme preloads audio metadata */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__byline {
	display: none;
}

/* Poster — the image CDN injects width/height attributes on the img, and an
   attribute height defeats the block's aspect-ratio, stretching the poster
   into a tall crop. height: auto lets the aspect-ratio win again. */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__poster img {
	height: auto;
}

/* Player */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__player {
	margin-bottom: 0;
	margin-top: var(--wp--preset--spacing--10);
}

/* Soundbites — click-to-seek chips */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbites {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--10);
	list-style: none;
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-button {
	align-items: baseline;
	background: var(--wp--preset--color--theme-1);
	border: 1px solid var(--wp--preset--color--theme-3);
	border-radius: 999px;
	color: var(--wp--preset--color--theme-6);
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--custom-0);
	font-weight: 500;
	gap: 0.5em;
	line-height: 1;
	padding: 0.4375rem 0.625rem;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-button:hover,
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-button:focus-visible {
	background: var(--wp--preset--color--theme-5);
	border-color: var(--wp--preset--color--theme-5);
	color: var(--wp--preset--color--theme-1);
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-button:hover .jetpack-podcast-episode__soundbite-title,
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-button:focus-visible .jetpack-podcast-episode__soundbite-title {
	text-decoration: none;
}
@media not (prefers-reduced-motion) {
	.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-button {
		transition: background-color 0.4s, border-color 0.4s, color 0.4s ease;
	}
}
/* Jetpack's base CSS grays the time out; inherit keeps it matching the
   soundbite title in both rest and hover states. */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__soundbite-time {
	color: inherit;
	font-variant-numeric: tabular-nums;
}

/* Alternate audio/video formats */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__alternates {
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--custom-0);
	gap: 4px var(--wp--preset--spacing--20);
	list-style: none;
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
}

/* People credits */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__people {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--custom-1);
	gap: 4px var(--wp--preset--spacing--20);
	list-style: none;
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__person {
	align-items: center;
	display: inline-flex;
	gap: 0.5em;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__person img {
	border-radius: 50%;
	height: 28px;
	object-fit: cover;
	width: 28px;
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__person-role {
	color: var(--wp--preset--color--theme-4);
	font-size: var(--wp--preset--font-size--custom-0);
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__person-role::before {
	content: "(";
}
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__person-role::after {
	content: ")";
}

/* Card links — muted like the comment-meta links in theme.json. Only the
   color is set; underline style and hover fade inherit from global links. */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__alternates a,
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__people a,
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__links a {
	color: var(--wp--preset--color--theme-4);
}

/* Series — schema-only meta tags, but the empty div still claims a slot
   in the body's flex gap, doubling the space above the links row */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__series {
	display: none;
}

/* Transcript / location / license row */
.wp-block-jetpack-podcast-episode .jetpack-podcast-episode__links {
	align-items: baseline;
	color: var(--wp--preset--color--theme-4);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--custom-0);
	gap: 4px var(--wp--preset--spacing--20);
	list-style: none;
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
}