/*
Theme Name:   Habitat for Humanity Yukon
Description:  Child of Twenty Twenty-Five for habitatyukon.org (2026 rebuild; replaces the Charity Is Hope theme, WPBakery and Slider Revolution).
Author:       Polaris
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain:  hfhyukon
License:      GNU General Public License v2 or later
*/

/* Most styling is in theme.json. This file holds what theme.json can't express. */

/* ---------- Header ---------- */
.hy-header .wp-block-navigation a:hover,
.hy-header .wp-block-navigation a:focus { text-decoration: underline; text-underline-offset: .3em; }
.hy-header .wp-block-navigation__submenu-container { border: 0 !important; padding: .5rem 0; }
.hy-header .wp-block-navigation__submenu-container a { color: var(--wp--preset--color--contrast); padding: .4rem 1.2rem !important; }
.hy-header .wp-block-button__link { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; padding: .55em 1.6em; }
@media (max-width: 781px) {
	.hy-header .hy-header-buttons { display: none; }
}

/* ---------- Page title band (featured image as background) ---------- */
.hy-page-header { background-color: var(--wp--preset--color--accent-1); }
.hy-page-header .wp-block-post-title,
.hy-page-header h1 { text-shadow: 2px 4px 3px rgba(0, 0, 0, .6); margin: 0; }

/* ---------- Lead paragraph (old "highlight" text) ---------- */
.is-style-hy-lead { color: var(--wp--preset--color--contrast); font-size: 1.125rem; }

/* ---------- Home hero: the 3 banner photos crossfade every 5 s (replaces the slider) ---------- */
/* Dark fallback so the white headline stays readable while the first photo loads (slow phones). */
.wp-block-cover.hy-hero { background-color: #4a4a4a; }
.wp-block-cover.hy-hero::before,
.wp-block-cover.hy-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: center / cover no-repeat;
	opacity: 0;
	animation: hy-hero-fade 15s infinite;
	pointer-events: none;
}
.wp-block-cover.hy-hero::before { background-image: url(/wp-content/uploads/2019/02/H4H-home-building-house-workers-banner.jpg); animation-delay: 5s; }
.wp-block-cover.hy-hero::after  { background-image: url(/wp-content/uploads/2019/02/H4H-home-workers-group-banner.jpg); animation-delay: 10s; }
.wp-block-cover.hy-hero .wp-block-cover__inner-container { z-index: 2; }
@keyframes hy-hero-fade { 0% { opacity: 0; } 2%, 33.3% { opacity: 1; } 35.3%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
	.wp-block-cover.hy-hero::before, .wp-block-cover.hy-hero::after { animation: none; }
}
.hy-hero-title { text-shadow: 2px 4px 3px rgba(0, 0, 0, .6); }
.hy-hero .wp-block-button__link { background-color: var(--wp--preset--color--accent-3); }
.hy-hero .wp-block-button__link:hover { background-color: var(--wp--preset--color--accent-2); }

/* ---------- Home: icon links, call to action band, partner logos ---------- */
.hy-icon-link a { color: #84c54e; font-weight: 600; text-decoration: none; }
.hy-icon-link a:hover { text-decoration: underline; }
.hy-cta .wp-block-button { flex: 1 1 0; }
.hy-cta .wp-block-button__link { width: 100%; }
.hy-logos img { max-height: 120px; width: auto; }

/* ---------- Sidebar ---------- */
.hy-sidebar-title { text-transform: uppercase; letter-spacing: .04em; }
.hy-help .wp-block-button { width: 100%; }
.hy-help .wp-block-button__link { width: 100%; font-size: 1.1rem; }

/* ---------- Contact Form 7 ---------- */
.wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .7em .9em;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	background: #fff;
	font: inherit;
	color: var(--wp--preset--color--contrast);
}
.wpcf7 input[type=submit] {
	background: var(--wp--preset--color--accent-2);
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: .8em 2.2em;
	font: 600 1.1rem var(--wp--preset--font-family--body);
	cursor: pointer;
}
.wpcf7 input[type=submit]:hover { background: var(--wp--preset--color--accent-3); }
.wpcf7 label { display: block; }
.wpcf7 p { margin: 0 0 1.2em; }

/* ---------- Footer ---------- */
.hy-footer a,
.hy-footer .wp-block-navigation .wp-block-navigation-item__content { color: #84c54e; }
.hy-footer .wp-block-navigation .wp-block-navigation-item + .wp-block-navigation-item::before { content: "|"; color: #777; margin-right: var(--wp--style--block-gap, .5em); }