/* === LATEST SERMONS SECTION === */
.latest-sermons-header {
  text-align: center;
  margin: var(--space-2xl) 0 var(--space-lg);
}

.latest-sermons-title {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--parchment-light);
  font-weight: 400;
  margin-bottom: var(--space-md);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* === ALPHABET NAVIGATION === */
.alphabet-nav {
  display: flex;
  justify-content: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
  margin-bottom: var(--space-xl);
  padding: var(--space-md) 0;
}

.alphabet-letter {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  color: var(--parchment-darker);
  background: transparent;
  border: 1px solid rgba(201, 159, 94, 0.3);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
}

.alphabet-letter:hover,
.alphabet-letter.active {
  background: rgba(201, 159, 94, 0.2);
  border-color: var(--gold-accent);
  color: var(--gold-bright);
  box-shadow: 0 0 10px rgba(230, 192, 104, 0.2);
}

/* === ORNAMENTAL DIVIDERS === */
.ornamental-divider {
  text-align: center;
  margin: var(--space-md) 0;
  color: var(--gold-accent);
  font-size: 1.2rem;
  opacity: 0.6;
}

.ornamental-divider::before,
.ornamental-divider::after {
  content: '✦';
  margin: 0 var(--space-sm);
}

/* === SECTION BACKGROUNDS === */
.section {
  padding: var(--space-2xl) 0;
}

.section-dark {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
}