/* ==========================================================
   CHURCH — Ernest Bluff Community Church
   "All are welcome"

   Palette: Stained glass warmth — deep royal purple, warm
   gold, cream, touches of ruby and sapphire. Spiritual,
   inviting, dignified.
   Font: Alegreya (warm literary serif — already loaded),
   Alegreya SC for titles
   No image — warm purple/gold gradient
   ========================================================== */

.site-church {
    font-family: 'Alegreya', Times, serif;

    /* Page background — warm ivory */
    --color-bg: #f8f4ed;
    --color-body-bg: #fdfbf7;

    /* Title bar — deep royal purple with gold text */
    --color-title-bar-bg: #3b1f5b;
    --color-title-bar-text: #d4a937;

    /* Header — no image, stained glass gradient */
    --color-header-bg: #4c2873;
    --header-image: url('/images/church.png');
    --header-height: 325px;

    /* Navigation — deep purple with gold hover */
    --color-menu-bg: #4c2873;
    --color-menu-text: #f3e8ff;
    --color-menu-hover: #6b3fa0;
    --color-menu-hover-text: #d4a937;

    /* Container border */
    --color-container-border: #4c2873;

    /* Footer */
    --color-footer-bg: #3b1f5b;
    --color-footer-text: #c4b5d9;
    --color-helper-footer-bg: #271340;
    --color-helper-footer-text: #9585aa;
}


/* Title bar — warm, inviting church name */
.site-church .site-title-bar .title {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.site-church .site-title-bar .subtitle {
    font-family: 'Alegreya', serif;
    font-style: italic;
    letter-spacing: 0.04em;
    opacity: 0.9;
}


/* Header image */
.site-church .header-image {
    background-size: cover;
    border-bottom: 3px solid #d4a937;
}


/* Menu — warm gold accent */
.site-church .menu-button {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.04em;
    border-left: 3px solid transparent;
}

.site-church .menu-button:hover {
    border-left: 3px solid #d4a937;
}

@media (min-width: 768px) {
    .site-church .menu-button {
        border-left: none;
        border-bottom: 3px solid transparent;
    }

    .site-church .menu-button:hover {
        border-left: none;
        border-bottom: 3px solid #d4a937;
    }
}


/* Menu — Desktop alignment fix (3 nav items) */
@media (min-width: 768px) {
    .site-church .menu-button {
        flex: 0 1 auto;
        max-width: 240px;
        min-width: 140px;
        padding: 0.25em 1.5em;
    }
}


/* Content — warm, readable, inviting */
.site-church #content {
    line-height: 1.8;
    color: #2d1a0e;
}

.site-church #content h1,
.site-church #content h2,
.site-church #content h3 {
    font-family: 'Alegreya SC', serif;
    color: #3b1f5b;
}

.site-church #content a {
    color: #4c2873;
}

.site-church #content a:hover {
    color: #d4a937;
}


/* Footer — dignified purple */
.site-church #site-footer {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.02em;
    font-size: 0.85rem;
}