/**
 * Sermon archive page — hero, playlist, all videos.
 *
 * @package GraceTheme
 */

/* Hero — subpage uses .gt-hero-subpage (hero.css). Contained fallback when that class is not used. */
.hero-sermon-archive:not(.gt-hero-subpage),
.gt-hero-sermon-archive:not(.gt-hero-subpage) {
	min-height: 380px;
	height: auto;
	max-width: 900px;
	margin: var(--space-6) auto var(--space-8);
	padding: 0;
	align-items: flex-end;
	justify-content: flex-start;
	border-radius: 12px;
	overflow: hidden;
}

.hero-sermon-archive:not(.gt-hero-subpage) .hero-video-bg,
.hero-sermon-archive:not(.gt-hero-subpage) .gt-hero-bg,
.hero-sermon-archive:not(.gt-hero-subpage) .hero-overlay,
.hero-sermon-archive:not(.gt-hero-subpage) .gt-hero-overlay {
	border-radius: 12px;
}

.hero-sermon-archive .hero-content,
.gt-hero-sermon-archive .gt-hero-content {
	text-align: left;
	margin: 0;
	padding: 0 48px 32px;
}

/* Playlist section — inherits padding from .sermons-section */
.sermon-playlist,
.gt-sermon-playlist {
	background: var(--cream);
}

.sermon-playlist-inner,
.gt-sermon-playlist-inner {
	max-width: var(--gt-content-width, 960px);
	margin: 0 auto;
}

.sermon-playlist-header,
.gt-sermon-playlist-header {
	margin-bottom: var(--space-8);
}

.sermon-playlist-title,
.gt-sermon-playlist-title {
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 800;
	color: var(--espresso);
	margin: 0;
}

.sermon-playlist-sub,
.gt-sermon-playlist-sub {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--terracotta);
	margin-top: var(--space-2);
}

/* Playlist and archive grids use .sermons-grid from home-sections (1.6fr 1fr 1fr, first card featured) */

/* All sermons section — inherits padding from .sermons-section */
.sermons-archive-all,
.gt-sermons-archive-all {
	background: var(--cream);
}

.sermons-archive-inner,
.gt-sermons-archive-inner {
	max-width: var(--gt-content-width, 960px);
	margin: 0 auto;
}

.sermons-archive-header,
.gt-sermons-archive-header {
	margin-bottom: var(--space-8);
}

.sermons-archive-title,
.gt-sermons-archive-title {
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 800;
	color: var(--espresso);
	margin: 0 0 var(--space-4);
}

.sermons-archive-desc,
.gt-sermons-archive-desc {
	font-size: 0.95rem;
	color: var(--text-light);
	line-height: 1.6;
	margin: 0 0 var(--space-4);
}

.sermons-series-nav,
.gt-sermons-series-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.sermons-series-tab,
.gt-sermons-series-tab {
	display: inline-block;
	padding: var(--space-2) var(--space-4);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--espresso);
	background: white;
	border: 1px solid var(--linen);
	border-radius: 4px;
	text-decoration: none;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.sermons-series-tab:hover,
.gt-sermons-series-tab:hover {
	background: var(--sand);
	border-color: var(--terracotta);
	color: var(--terracotta);
}

.sermons-series-tab.is-active,
.gt-sermons-series-tab.is-active {
	background: var(--terracotta);
	border-color: var(--terracotta);
	color: var(--cream);
}


.sermons-archive-empty,
.gt-sermons-archive-empty,
.sermons-archive-empty-state,
.gt-sermons-archive-empty-state {
	text-align: center;
	color: var(--text-light);
	padding: var(--space-12);
}

.sermons-archive-inner .nav-links,
.gt-sermons-archive-inner .nav-links,
.sermons-archive-inner .pagination .nav-links,
.gt-sermons-archive-inner .pagination .nav-links {
	margin-top: var(--space-8);
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	align-items: center;
}

/* Pagination numbers and links — visible contrast (override header nav styles) */
.sermons-archive-inner .nav-links a,
.sermons-archive-inner .nav-links span.current,
.sermons-archive-inner .nav-links span.dots,
.gt-sermons-archive-inner .nav-links a,
.gt-sermons-archive-inner .nav-links span.current,
.gt-sermons-archive-inner .nav-links span.dots,
.sermons-archive-inner .pagination .nav-links a,
.sermons-archive-inner .pagination .nav-links span.current,
.sermons-archive-inner .pagination .nav-links span.dots,
.gt-sermons-archive-inner .pagination .nav-links a,
.gt-sermons-archive-inner .pagination .nav-links span.current,
.gt-sermons-archive-inner .pagination .nav-links span.dots {
	font-size: 1rem;
	font-weight: 600;
	color: var(--espresso);
	text-decoration: none;
	padding: var(--space-2) var(--space-3);
	min-width: 2.5rem;
	text-align: center;
	border-radius: 4px;
	transition: background 0.2s, color 0.2s;
}

.sermons-archive-inner .nav-links a:hover,
.gt-sermons-archive-inner .nav-links a:hover,
.sermons-archive-inner .pagination .nav-links a:hover,
.gt-sermons-archive-inner .pagination .nav-links a:hover {
	background: var(--linen);
	color: var(--terracotta);
}

.sermons-archive-inner .nav-links span.current,
.gt-sermons-archive-inner .nav-links span.current,
.sermons-archive-inner .pagination .nav-links span.current,
.gt-sermons-archive-inner .pagination .nav-links span.current {
	background: var(--terracotta);
	color: var(--cream);
}

.sermons-archive-inner .nav-links span.dots,
.gt-sermons-archive-inner .nav-links span.dots,
.sermons-archive-inner .pagination .nav-links span.dots,
.gt-sermons-archive-inner .pagination .nav-links span.dots {
	color: var(--text-light);
}