/**
 * Sermon AI frontend — published clip highlights on sermon singles.
 * Loaded on is_singular('sermons') only.
 */

.fm-sermon-ai-clips h2 {
	margin-bottom: 0.6em;
}

.fm-sermon-ai-clip-row {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	overflow-x: auto;
	padding: 4px 2px 14px;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
}

.fm-sermon-ai-clip {
	flex: 0 0 auto;
	width: min(270px, 72vw);
	margin: 0;
	scroll-snap-align: start;
}

.fm-sermon-ai-clip video,
.fm-sermon-ai-clip img {
	display: block;
	width: 100%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border-radius: 14px;
	background: #16213a;
	box-shadow: 0 6px 18px rgba(22, 33, 58, 0.22);
}

.fm-sermon-ai-clip.fm-sermon-ai-quote img {
	aspect-ratio: 1 / 1;
	align-self: center;
}

.fm-sermon-ai-clip figcaption {
	margin-top: 8px;
	font-size: 0.82em;
	font-weight: 600;
	line-height: 1.35;
	opacity: 0.85;
}