/*
 * Vintage PTA — child theme custom styles.
 *
 * Spirit colors: navy #1e3a5f + white (confirmed 2026-05-21).
 * TODO(asset): confirm exact navy Pantone/hex with design committee.
 */

/* ─── Palette tokens ─────────────────────────────────────────────────── */
:root {
	--vpta-navy:          #1e3a5f; /* TODO(asset): confirm exact hex */
	--vpta-navy-light:    #2c5184;
	--vpta-navy-dark:     #142840;
	--vpta-white:         #ffffff;
	--vpta-ink:           #1f2937;
	--vpta-muted:         #6b7280;
	--vpta-surface:       #f8fafc;
	--vpta-line:          #e5e7eb;
	--vpta-gold:          #c9a961; /* TODO(decision): keep as mascot accent? */

	--vpta-radius:    0.5rem;
	--vpta-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
}

/* ─── Base background override ───────────────────────────────────────── */
/* Force white page background — guards against any Kadence palette or
   plugin defaulting the body to a non-white colour. */
body,
.site,
.wp-site-blocks {
	background-color: #ffffff;
}

/* ─── Front-page layout fixes ────────────────────────────────────────── */

/* Hide Kadence's page-title banner on the static front page. */
.home .entry-hero {
	display: none;
}

/* Remove Kadence's sticky-header margin + content-wrap padding so the
   full-width Cover hero flush-mounts directly under the nav bar. */
.home .content-area {
	margin-top: 0 !important;
}
.home .entry-content-wrap {
	padding-top: 0 !important;
}

/* ─── Hero ───────────────────────────────────────────────────────────── */

/* Taller hero on desktop. */
.home .wp-block-cover {
	min-height: 520px !important;
}

/* Donate button: solid white fill / navy text. */
.home .wp-block-cover .wp-block-buttons .wp-block-button:first-child .wp-block-button__link {
	background-color: var(--vpta-white) !important;
	color: var(--vpta-navy) !important;
	border-color: var(--vpta-white) !important;
}

/* Volunteer button: navy outline on white text — Kadence sometimes
   resets outline buttons; re-assert. */
.home .wp-block-cover .wp-block-buttons .wp-block-button:last-child .wp-block-button__link {
	background-color: transparent !important;
	color: var(--vpta-white) !important;
	border: 2px solid var(--vpta-white) !important;
}

/* ─── Global link colour ─────────────────────────────────────────────── */
.wp-site-blocks a:not(.button):not(.wp-block-button__link):not(.nav-link):not([class*="menu"]) {
	color: var(--vpta-navy);
}
.wp-site-blocks a:not(.button):not(.wp-block-button__link):not(.nav-link):not([class*="menu"]):hover {
	color: var(--vpta-navy-dark);
}

/* ─── Givebutter embed container ─────────────────────────────────────── */
/* TODO(decision): adjust min-height once Givebutter vs. Givebacks is final. */
.vpta-donate-embed {
	min-height: 340px;
}

/* ─── Placeholder copy ───────────────────────────────────────────────── */
.vpta-placeholder {
	opacity: 0.5;
	font-style: italic;
}

/* ─── Logo placeholder ───────────────────────────────────────────────── */
.vpta-logo-placeholder {
	max-width: 220px;
	height: auto;
}

/* ─── Header brand ───────────────────────────────────────────────────── */

/* Hide the "Vintage Magnet PTA" wordmark text in the header when the logo
   image is present — Kadence's brand-layout setting key isn't trivially
   addressable via wp-cli, so we suppress via CSS. Board can re-enable in
   Customizer → Header → Site Identity if they want the dual-element look. */
.site-branding .site-title,
.site-branding p.site-description {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
}

/* Give the logo image room to breathe in Kadence's header. */
.site-branding .site-logo img {
	max-height: 60px;
	width: auto;
}