/* ═══════════════════════════════════════════
   COURAGEOUS FAITH — Custom CSS
   ═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Lato:wght@300;400;700&display=swap');


/* ── HEADER ─────────────────────────────── */
.site-header,
#masthead {
	background-color: #F5F0E8 !important;
	border-bottom: 1px solid #E8D5CE !important;
	padding: 0 3rem !important;
	min-height: 70px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	box-shadow: none !important;
	outline: none !important;
}

.site-header .site-title,
.site-header .site-title a,
#masthead .site-title,
#masthead .site-title a {
	font-family: 'Cormorant Garamond', serif !important;
	font-size: 1.35rem !important;
	font-weight: 600 !important;
	letter-spacing: .08em !important;
	color: #3D2E26 !important;
	text-decoration: none !important;
}

.site-header .site-title a::before,
#masthead .site-title a::before {
	color: #C9998A !important;
	font-size: 1rem !important;
}

.site-header .site-description,
#masthead .site-description {
	display: none !important;
}

.site-header nav a,
#masthead nav a,
.site-header .nav-menu a,
.main-navigation a {
	font-family: 'Lato', sans-serif !important;
	font-size: .75rem !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: #6B4F42 !important;
	text-decoration: none !important;
	padding: 0 1rem !important;
	transition: color .2s ease !important;
}

.site-header nav a:hover,
#masthead nav a:hover,
.main-navigation a:hover,
.site-header .current-menu-item a,
#masthead .current-menu-item a {
	color: #C9998A !important;
}


/* ── PAGE TITLES ─────────────────────────── */
.page .entry-title,
.page .page-title,
.page h1.entry-title {
	display: none !important;
}

.wp-block-post-title:not(.wp-block-query .wp-block-post-title) {
	display: none !important;
}

.page-header {
	min-height: unset !important;
	height: auto !important;
}

.page-header .wp-block-cover__inner-container {
	min-height: unset !important;
	height: auto !important;
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}


/* ── BUTTONS ─────────────────────────────── */
.wp-block-button__link {
	font-family: 'Lato', sans-serif !important;
	font-size: .75rem !important;
	font-weight: 700 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	padding: .9rem 2.2rem !important;
	border-radius: 0 !important;
	white-space: nowrap !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 1px !important;
	border-color: #6B4F42 !important;
	color: #6B4F42 !important;
	background: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: #C9998A !important;
	color: #C9998A !important;
}


/* ── HERO ────────────────────────────────── */
.wp-block-cover h1 {
	font-size: clamp(2rem, 3.5vw, 3.2rem) !important;
	line-height: 1.1 !important;
	margin-bottom: .2rem !important;
}

.hero-cover .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.hero-cover .wp-block-columns {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.hero-badge-col {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	padding-bottom: 2.5rem !important;
	padding-left: 2rem !important;
}

.story-badge {
	max-width: 300px !important;
}


/* ── SECTIONS & SPACING ──────────────────── */
.wp-block-cover.alignfull,
.wp-block-group + .wp-block-group,
.wp-block-cover + .wp-block-group,
.wp-block-group + .wp-block-cover {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#site-main,
.site-main {
	padding-bottom: 0 !important;
}

#actionbar {
	display: none !important;
}

html {
	margin-top: 0 !important;
}


/* ── STORY CARDS (Latest Posts) ──────────── */
.wp-block-latest-posts {
	gap: 2px !important;
}

.wp-block-latest-posts__list-item {
	background: #FAF7F2 !important;
	padding: 1.6rem 1.8rem !important;
	transition: transform .3s ease !important;
}

.wp-block-latest-posts__list-item:hover {
	transform: translateY(-4px) !important;
}

.wp-block-latest-posts__featured-image img {
	filter: sepia(20%) saturate(0.88) brightness(0.95) !important;
	transition: transform .5s ease !important;
	width: 100% !important;
	object-fit: cover !important;
}

.wp-block-latest-posts__list-item:hover img {
	transform: scale(1.04) !important;
}

.wp-block-latest-posts__post-title {
	font-family: 'Cormorant Garamond', serif !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	color: #3D2E26 !important;
	margin-top: 1rem !important;
}

.wp-block-latest-posts__post-excerpt {
	font-size: .85rem !important;
	line-height: 1.7 !important;
	color: #7A6558 !important;
	margin-top: .5rem !important;
}


/* ── QUERY LOOP (All Stories) ────────────── */
.wp-block-query .wp-block-post-title,
.wp-block-query .wp-block-post-title a {
	font-size: 0.85rem !important;
	line-height: 1.1 !important;
	color: #3D2E26 !important;
	text-decoration: none !important;
}

.wp-block-query .wp-block-post-title a:hover {
	color: #C9998A !important;
}

.wp-block-query .wp-block-post-template .wp-block-group {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

.wp-block-query .wp-block-post-featured-image img {
	height: 220px !important;
	width: 100% !important;
	object-fit: cover !important;
}

.wp-block-query .wp-block-post-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.wp-block-post-featured-image:empty,
.wp-block-post-featured-image a:empty {
	display: block !important;
	background-color: #EDE6D6 !important;
	min-height: 220px !important;
	width: 100% !important;
}


/* ── ABOUT LYN IMAGE ─────────────────────── */
.wp-block-media-text__media img {
	filter: sepia(15%) saturate(0.9) !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
}


/* ── POST META & NAVIGATION ──────────────── */
.entry-meta,
.entry-footer {
	display: none !important;
}

.post-navigation,
.nav-links,
.navigation.post-navigation {
	display: none !important;
}


/* ── FOOTER ──────────────────────────────── */
.widget-area,
.footer-widgets,
.site-footer .widget,
.site-footer {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}

.site-footer {
	background-color: #3D2E26 !important;
	color: #EDE6D6 !important;
	padding: 3rem 2rem !important;
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer a {
	font-size: .8rem !important;
	line-height: 1.7 !important;
	color: #B8A89A !important;
}

.site-footer a:hover {
	color: #C9998A !important;
}

.site-footer .widget-title {
	color: #F5F0E8 !important;
	font-size: .7rem !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
	margin-bottom: 1rem !important;
}

.site-footer .wp-block-column {
	border-right: 1px solid rgba(255,255,255,0.1) !important;
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}

.site-footer .wp-block-column:last-child {
	border-right: none !important;
}

.site-footer .menu a {
	font-weight: 400 !important;
	letter-spacing: 0.05em !important;
	text-transform: none !important;
	font-size: .8rem !important;
	padding: 0 !important;
	color: #B8A89A !important;
}

.site-footer .menu a:hover {
	color: #C9998A !important;
}

.site-info,
.site-credits,
#colophon .site-info,
.wp-block-site-tagline,
footer .automattic-credit,
footer [class*="credit"] {
	text-align: center !important;
	width: 100% !important;
	font-size: .45rem !important;
	opacity: .2 !important;
	padding-top: 1.5rem !important;
	padding-bottom: 0 !important;
	margin-top: 1.5rem !important;
	border-top: 1px solid rgba(255,255,255,0.08) !important;
}


/* ── TABLET (max 1024px) ─────────────────── */
@media (max-width: 1024px) {

	.main-navigation {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		flex: 1 !important;
	}

	.main-menu-container {
		display: none !important;
	}

	#toggle:checked ~ .main-menu-container {
		display: block !important;
	}

	.main-menu {
		position: absolute !important;
		top: 70px !important;
		left: 0 !important;
		right: 0 !important;
		background: #F5F0E8 !important;
		border-bottom: 1px solid #E8D5CE !important;
		padding: 1rem 2rem !important;
		list-style: none !important;
		z-index: 999 !important;
	}

	.main-menu li {
		padding: .6rem 0 !important;
		border-bottom: 1px solid #E8D5CE !important;
	}

	.main-menu li:last-child {
		border-bottom: none !important;
	}

	#toggle-menu {
		display: flex !important;
		align-items: center !important;
		cursor: pointer !important;
		font-family: 'Lato', sans-serif !important;
		font-size: .75rem !important;
		font-weight: 700 !important;
		letter-spacing: .12em !important;
		text-transform: uppercase !important;
		color: #6B4F42 !important;
	}
}


/* ── DESKTOP (min 1025px) ────────────────── */
@media (min-width: 1025px) {
	#toggle,
	#toggle-menu {
		display: none !important;
	}
}


/* ── MOBILE (max 768px) ──────────────────── */
@media (max-width: 768px) {

	.wp-block-cover.alignfull {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.wp-block-button__link,
	.wp-block-button.is-style-outline .wp-block-button__link,
	.wp-block-cover .wp-block-button__link,
	[style*="font-size"] .wp-block-button__link,
	.wp-block-button__link[style*="font-size"] {
		font-size: .6rem !important;
		letter-spacing: .08em !important;
	}

	.wp-block-cover .wp-block-group {
		flex-direction: column !important;
		width: 100% !important;
	}

	.wp-block-cover .wp-block-buttons {
		margin-top: 1.5rem !important;
		width: 100% !important;
	}

	.wp-block-cover .wp-block-button {
		width: 100% !important;
	}

	.wp-block-cover .wp-block-button__link {
		width: 100% !important;
		text-align: center !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}