/**
 * ============================================================================
 * PAGE-SPECIFIC STYLES — Overrides for individual page templates
 * ============================================================================
 *
 * @package Oraculi
 * @since   1.0.0
 * ============================================================================
 */


/* =================================================================
   SECTION ALTERNATING BACKGROUNDS
   ================================================================= */

.section--alt {
    background-color: var(--color-cream);
}


/* =================================================================
   SECTION HEADER (Label + Heading + Description)
   ================================================================= */

.section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto var(--space-2xl);
}

.section-label {
    display: block;
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-burnt-orange);
    margin-bottom: var(--space-sm);
}

.section-heading {
    color: var(--color-dark-red);
    margin-bottom: var(--space-md);
}

.section-description {
    font-size: var(--text-md);
    color: var(--color-dark-gray);
    line-height: var(--leading-relaxed);
}


/* =================================================================
   ABOUT PAGE
   ================================================================= */

.lead {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-dark-gray);
}


/* =================================================================
   DONATE PAGE — Impact Tiers
   ================================================================= */

.programme-card__title[style*="burnt-orange"] {
    line-height: 1;
}


/* =================================================================
   CONTACT PAGE — Info Card
   ================================================================= */

/* Override card styling inside contact form area */
.oraculi-form {
    max-width: 100%;
}


/* =================================================================
   SINGLE POST / STORY
   ================================================================= */

.single-story .entry-content,
.single-post .entry-content {
    max-width: 720px;
    margin: 0 auto;
    font-size: var(--text-md);
    line-height: var(--leading-relaxed);
}

.single-story .entry-content img,
.single-post .entry-content img {
    border-radius: var(--radius-md);
    margin: var(--space-xl) 0;
}


/* =================================================================
   WORDPRESS BLOCKS (Gutenberg) OVERRIDES
   ================================================================= */

/* Buttons block */
.wp-block-buttons .wp-block-button__link {
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    border-radius: var(--radius-sm);
    padding: 0.875rem 2rem;
    transition: all var(--transition-base);
}

/* Separator */
.wp-block-separator {
    border-color: var(--color-border-light);
    max-width: 200px;
    margin: var(--space-2xl) auto;
}

/* Quote block */
.wp-block-quote {
    border-left: 4px solid var(--color-burnt-orange);
    padding-left: var(--space-xl);
    font-style: italic;
    color: var(--color-maroon);
}

/* Cover block */
.wp-block-cover {
    border-radius: var(--radius-lg);
    overflow: hidden;
}

/* Columns block spacing */
.wp-block-columns {
    gap: var(--space-xl);
}