/*
Theme Name: KCC Korean Church
Theme URI: https://example.org/kcc-korean-church
Author: KCC
Description: A Korean-first block theme for a local church community.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: kcc-korean-church
*/

:root {
	--kcc-ink: #1e2838;
	--kcc-evergreen: #214238;
	--kcc-wine: #762f38;
	--kcc-cream: #f8f4eb;
	--kcc-gold: #b58a45;
}

html { scroll-behavior: smooth; }
body { background: var(--wp--preset--color--cream); }
a { text-underline-offset: .18em; }
.wp-site-blocks { overflow: clip; }
.kcc-site-header { border-bottom: 1px solid rgba(30, 40, 56, .13); }
.kcc-logo { max-height: 64px; width: auto; }
.kcc-language-switcher { font-size: .9rem; }
.kcc-language-switcher ul { display: flex; flex-wrap: wrap; gap: .7rem; list-style: none; margin: 0; padding: 0; }
.kcc-language-switcher .current-lang a { font-weight: 700; text-decoration: none; }
.kcc-primary-navigation ul { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.kcc-primary-navigation a { color: var(--kcc-ink); font-weight: 700; text-decoration: none; }
.kcc-primary-navigation .current-menu-item > a { color: var(--kcc-wine); text-decoration: underline; text-underline-offset: .3em; }
.kcc-hero { min-height: clamp(29rem, 62vw, 43rem); display: grid; align-items: end; background: linear-gradient(90deg, rgba(20, 29, 31, .82), rgba(20, 29, 31, .28)), url('assets/church-sanctuary.svg') center/cover; }
.kcc-hero__content { padding-block: clamp(4rem, 10vw, 8rem); color: white; }
.kcc-hero__eyebrow { color: #f0d9a4; font-size: .86rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.kcc-section-heading { max-width: 46rem; }
.kcc-dynamic-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.kcc-card { height: 100%; border: 1px solid rgba(30, 40, 56, .13); background: #fffdf8; padding: 1.5rem; box-shadow: 0 8px 24px rgba(31, 44, 53, .06); }
.kcc-card__eyebrow { color: var(--kcc-wine); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.kcc-card h2, .kcc-card h3 { margin-block: .55rem .7rem; }
.kcc-card p { margin-block: .7rem; }
.kcc-card .wp-element-button { margin-top: .6rem; }
.kcc-content-details { margin-top: 2rem; }
.kcc-sermon-video { margin-top: 1.25rem; }
.kcc-sermon-video iframe { display: block; width: 100%; min-height: min(53vw, 430px); border: 0; }
.kcc-reading-reference { color: var(--kcc-evergreen); font-weight: 700; }
.kcc-newsletter-form { display: flex; flex-wrap: wrap; gap: .7rem; align-items: end; }
.kcc-newsletter-form label { flex: 1 1 15rem; font-weight: 700; }
.kcc-newsletter-form input { box-sizing: border-box; display: block; width: 100%; margin-top: .35rem; border: 1px solid currentColor; border-radius: 0; padding: .72rem; background: #fff; }
.kcc-empty-state { padding: 1.25rem; border-left: 4px solid var(--kcc-gold); background: #fffdf8; }
.kcc-meta { color: #52606a; font-size: .92rem; }
.kcc-footer { border-top: 1px solid rgba(255,255,255,.18); }
@media (max-width: 781px) {
	.kcc-primary-navigation { width: 100%; order: 3; }
}