/**
 * Single podcast post — collapsible transcript.
 *
 * Enqueued by G76Theme\Core\podcast_assets() on single posts in the podcast
 * category. Only the transcript (wrapped by g76_wrap_podcast_transcript) is
 * clamped; the fade + button are anchored to the bottom of that clamp so the
 * overlay always sits at the transcript cut-off line and never overlaps the
 * player, subscribe links, or episode notes above it.
 */

.pad {
	overflow: hidden;
}

#transcript-clamp {
	position: relative;
	max-height: 700px;
	overflow: hidden;
}

#extend-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 25%),
		linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
	pointer-events: none;
}

#extend-button {
	pointer-events: auto;
	background-color: #fff;
	width: 50%;
	border-top: 1px solid #03a3bb;
	border-bottom: 1px solid #03a3bb;
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 80px;
	margin-bottom: 20px;
}

#extend-button p {
	padding: 0;
	cursor: pointer;
}

#extend-button p.plus {
	color: #03a3bb;
}

#extra {
	padding: 10px 30px;
}