/**
 * Sermon Content Styles
 * 
 * Styles for sermon-specific content template
 * Uses ACSS variables and BEM naming convention
 * 
 * @package Revival
 */

/* ==========================================================================
   Canonical URL Notice
   ========================================================================== */
   .sermon-content__canonical {
	margin-block-end: var(--space-l);
}

.sermon-content__canonical-link {
	color: var(--link-color);
	text-decoration: var(--link-decoration);
	text-underline-offset: var(--link-underline-offset);
	transition: var(--transition);
}

.sermon-content__canonical-link:hover {
	color: var(--link-color-hover);
	text-decoration: var(--link-decoration-hover);
}

/* Sermon Meta in Main Content */
.sermon-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-m);
    margin-block-end: 0;
    padding-block-end: 0;
}

.sermon-meta p.post-meta__item {
    font-family: var(--text-font-family);
    font-size: calc(var(--text-s) * 1.3);
    font-weight: 500;
}

.sermon-meta .post-meta__item {
    margin: 0;
}

/* Sermon Excerpt */
.sermon-excerpt p {
    margin-block-end: var(--space-l);
    font-size: calc(var(--text-l) * 1.125);
    color: var(--text-color);
}

/* Mobile: Stack meta items */
@media (max-width: 767px) {
    .sermon-meta {
        gap: var(--space-xs);
    }

	.sermon-meta p.post-meta__item {
		font-size: calc(var(--text-m) * 0.8);
	}
}

/* ==========================================================================
   Bible Text Section
   ========================================================================== */

.sermon-content__bible-text {
	margin-block-end: var(--space-m);
}

.bible-text {
    margin-inline: calc(var(--space-m) * -1);
    padding: var(--space-m);
    border-radius: var(--radius-l);
    background: var(--neutral-ultra-light);
}

@media (max-width: 768px) {
	.bible-text {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		padding-inline: var(--space-xs);
	}
}

.bible-text__title {
	margin-block-start: 0;
	margin-block-end: var(--space-s);
	padding-block-end: var(--space-xs);
	border-block-end: var(--border-dark);
	color: var(--text-color);
	font-family: var(--heading-font-family);
	font-size: var(--text-m);
	font-weight: var(--heading-font-weight);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.bible-text__scripture p {
	font-family: var(--heading-font-family);
	font-size: calc(var(--text-l) * 0.85);
	font-weight: 300;
	line-height: var(--text-line-height);
	text-wrap: var(--text-text-wrap);
	font-optical-sizing: auto;
}

/* Scripture verse numbers */
.bible-text__scripture .scripture-number {
	display: inline-block;
	color: var(--neutral-semi-light);
	font-size: calc(var(--text-s) * 0.8);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	font-family: var(--text-font-family);
	vertical-align: super;
	line-height: 0;
	transform: translateY(0.3em);
	transition: var(--transition);
}

/* ==========================================================================
   Main Content/Transcript Section
   ========================================================================== */

.sermon-content__main {
	margin-block-end: var(--space-xl);
}

.sermon-content__heading {
	margin-block: 0;
	padding-block: var(--space-s);
	border-block-end: var(--border-light);
	color: var(--text-color);
	font-family: var(--heading-font-family);
	font-size: var(--text-m);
	font-weight: var(--heading-font-weight);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.sermon-content__body {
	/* Content spacing handled by content.css */
}

.sermon-actions {
	margin-block-end: var(--space-l) !important;
}

/* ==========================================================================
   Sermon Notes PDF
   ========================================================================== */

.sermon-content__notes {
	margin-block-end: var(--space-xl);
}

.sermon-content__pdf {
	position: relative;
	width: 100%;
	min-height: 600px;
}

.sermon-content__pdf-iframe {
	width: 100%;
	height: 600px;
	border: var(--border-light);
	border-radius: var(--radius);
}

.sermon-content__pdf-fallback {
	padding: var(--space-m);
	text-align: center;
}

.sermon-content__pdf-link {
	color: var(--link-color);
	text-decoration: var(--link-decoration);
	text-underline-offset: var(--link-underline-offset);
	transition: var(--transition);
}

.sermon-content__pdf-link:hover {
	color: var(--link-color-hover);
	text-decoration: var(--link-decoration-hover);
}