/*
Theme Name: Walk4Faith
Theme URI: https://walk4faith.com
Author: Computer Geeks of NC
Description: Splash page theme for Walk4Faith, a Living4Faith brand. Logo, short product introduction and a sign-up button.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: walk4faith
*/

/* Hero: royal purple gradient from the brand guide */
.w4f-hero {
	background: linear-gradient(150deg, #7A4FD0 0%, #4B2391 48%, #240C4A 100%);
	color: #fff;
}
.w4f-hero .w4f-logo img { width: min(520px, 100%); height: auto; }
.w4f-verse {
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #D9CCF5;
}
.w4f-verse cite { font-style: normal; color: #E87B45; }
.w4f-hero p.w4f-lede { max-width: 38rem; margin-inline: auto; color: #EFE8FC; }

.w4f-button .wp-block-button__link {
	background: #E87B45;
	color: #fff;
	border-radius: 999px;
	padding: 0.95em 2em;
	font-weight: 700;
	letter-spacing: 0.02em;
	box-shadow: 0 8px 24px rgba(20, 4, 48, 0.35);
	transition: transform .15s ease, background .15s ease;
}
.w4f-button .wp-block-button__link:hover,
.w4f-button .wp-block-button__link:focus-visible { background: #F08D5B; transform: translateY(-2px); }
.w4f-button .wp-block-button__link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* Features */
.w4f-features { background: linear-gradient(180deg, #FFFFFF 0%, #F4EFFC 100%); }
.w4f-feature h3 { position: relative; padding-top: 0.9rem; }
.w4f-feature h3::before {
	content: ""; position: absolute; top: 0; left: 0;
	width: 2.25rem; height: 4px; border-radius: 2px; background: #E87B45;
}
.w4f-feature p { color: #4A3C66; margin-top: 0.4rem; }

.w4f-footer { background: #240C4A; color: #CDBFEA; }
.w4f-footer a { color: #fff; }

@media (prefers-reduced-motion: reduce) {
	.w4f-button .wp-block-button__link { transition: none; }
	.w4f-button .wp-block-button__link:hover { transform: none; }
}

.w4f-hero .has-text-align-center,
.w4f-footer .has-text-align-center { text-align: center; }