/*
Theme Name: SCMBC Theme
Theme URI: https://scmbc.us
Description: Custom child theme for St. Cloud Missionary Baptist Church. Built on Twenty Twenty-Five with a navy, brown, and gold color palette and traditional serif typography.
Author: St. Cloud Missionary Baptist Church
Template: twentytwentyfive
Version: 1.0
Text Domain: scmbc-theme
*/

/* ============================================
   SCMBC Custom Styles
   Colors: Navy #1B3A5C | Brown #5C3D1B | Gold #C4993D
   Fonts: Playfair Display (headings) | Lora (body)
   ============================================ */

/* --- Global --- */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- Navigation bar --- */
.wp-block-navigation a {
    font-family: 'Lora', serif;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* --- Buttons --- */
.wp-block-button__link {
    border-radius: 6px;
    font-family: 'Lora', serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 12px 28px;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.wp-block-button__link:hover {
    transform: translateY(-1px);
}

/* Outline button style */
.wp-block-button.is-style-outline .wp-block-button__link {
    border-width: 2px;
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
    font-family: 'Playfair Display', serif;
    color: #1B3A5C;
}

/* --- Links --- */
.wp-block-post-content a:not(.wp-block-button__link) {
    color: #C4993D;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.wp-block-post-content a:not(.wp-block-button__link):hover {
    color: #1B3A5C;
}

/* --- Separator / divider styling --- */
.wp-block-separator {
    border-color: #C4993D;
    opacity: 0.4;
}

/* --- Cover blocks (hero sections) --- */
.wp-block-cover {
    border-radius: 0;
}

/* --- Group blocks with dark backgrounds get white text --- */
.has-accent-1-background-color,
.has-accent-2-background-color {
    color: #FFFFFF;
}

.has-accent-1-background-color h1,
.has-accent-1-background-color h2,
.has-accent-1-background-color h3,
.has-accent-2-background-color h1,
.has-accent-2-background-color h2,
.has-accent-2-background-color h3 {
    color: #FFFFFF;
}

.has-accent-1-background-color a:not(.wp-block-button__link),
.has-accent-2-background-color a:not(.wp-block-button__link) {
    color: #C4993D;
}

/* --- Subtle animation for elements entering viewport --- */
@media (prefers-reduced-motion: no-preference) {
    .wp-block-cover,
    .wp-block-group,
    .wp-block-columns {
        animation: scmbc-fade-in 0.6s ease both;
    }

    @keyframes scmbc-fade-in {
        from {
            opacity: 0;
            transform: translateY(12px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* --- Footer styling --- */
.wp-block-template-part[slug="footer"] {
    font-size: 0.9rem;
}

/* --- Mobile refinements --- */
@media (max-width: 768px) {
    .wp-block-button__link {
        padding: 10px 22px;
        font-size: 0.95rem;
    }

    h1, .wp-block-heading.has-xx-large-font-size {
        font-size: 1.8rem !important;
    }

    h2, .wp-block-heading.has-x-large-font-size {
        font-size: 1.4rem !important;
    }
}