/*
Theme Name: SupportMyService
Description: Lightweight block theme for supportmyservice.org. No page builders, no paid dependencies. Maroon and gold branding, self-hosted Aphasia + Oxygen fonts.
Version: 1.3.2
Author: SupportMyService
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: supportmyservice
*/

/* Buttons */
.wp-block-button__link:hover {
	background-color: #571015 !important;
	color: #ffffff !important;
}
.is-style-outline .wp-block-button__link:hover {
	background-color: #ffffff !important;
	color: #7f141d !important;
}

/* Header donate button */
.header-donate .wp-block-button__link:hover {
	background-color: #7f141d !important;
	color: #ffffff !important;
}

/* Navigation submenus */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: #7f141d !important;
	border: none;
	padding: 0.25rem 0;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: #ffffff;
	padding: 0.5rem 1rem;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: #fbf2a3;
}

/* FAQ accordions */
.wp-block-details {
	background: #ffffff;
	border: 1px solid #e6e0d6;
	border-radius: 10px;
	padding: 1.1rem 1.4rem;
	margin-bottom: 1rem;
}
.wp-block-details summary {
	font-weight: 700;
	cursor: pointer;
	color: #7f141d;
}
.wp-block-details[open] summary {
	margin-bottom: 0.75rem;
}

/* Stat cards */
.stat-card {
	border: 1px solid #e6e0d6;
	border-radius: 24px;
	background: #ffffff;
	text-align: center;
}
.stat-card .stat-number {
	color: #7f141d;
	font-size: 2.2rem;
	font-family: Aphasia, serif;
	margin: 0;
}

/* Project card */
.project-card {
	border: 1px solid #e6e0d6;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 4px 18px rgba(38, 38, 38, 0.06);
}

/* Footer link colors */
.site-footer a {
	color: #ffffff;
	text-decoration: none;
}
.site-footer a:hover {
	color: #fbf2a3;
}

/* Hero + section covers */
.wp-block-cover h1,
.wp-block-cover h2 {
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

/* Numbered motivation columns (Our Work) */
.motive-number {
	font-family: Aphasia, Georgia, serif;
	font-size: 3.4rem;
	line-height: 1;
	color: #7f141d;
	margin: 0 0 0.2rem;
}
.motive-col h3 {
	margin-top: 0;
}

/* Media-text rounded photo */
.wp-block-media-text__media img {
	border-radius: 14px;
}

/* v1.2 visual upgrades */
.home-hero .wp-block-cover__background {
	background: linear-gradient(180deg, rgba(20,20,20,0.15) 0%, rgba(20,20,20,0.52) 100%) !important;
	opacity: 1 !important;
}
.home-hero h1 {
	font-size: clamp(2.4rem, 5vw, 3.4rem);
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.home-hero .hero-sub {
	font-size: 1.2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0 1px 8px rgba(0,0,0,0.5);
}
.stat-card .stat-number {
	font-size: 2.7rem;
}
.progress-track {
	background: #e8e3d8;
	border-radius: 99px;
	height: 13px;
	overflow: hidden;
	max-width: 420px;
	margin: 0.9rem auto 0;
}
.progress-fill {
	background: linear-gradient(90deg, #61b25f, #4e9e4c);
	height: 100%;
	border-radius: 99px;
}
.wp-block-button__link {
	transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button:hover .wp-block-button__link {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}
.project-card,
.stat-card {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.project-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(38,38,38,0.12);
}

/* ===== v2.0 — faithful to the original design ===== */

/* Section headings: bold dark sans (old site style); serif stays on h1/hero */
h2.wp-block-heading, h3.wp-block-heading {
	font-family: Oxygen, sans-serif;
	font-weight: 700;
	color: #262626;
}
h2.wp-block-heading { font-size: 1.75rem; }
/* serif exceptions */
.home-hero h1, .wp-block-cover h1 { font-family: Aphasia, Georgia, serif; }
.quote-serif { font-family: Aphasia, Georgia, serif !important; font-weight: 400 !important; }

/* Nav: uppercase + gold current-page tab (old active-tab look) */
.wp-block-navigation .wp-block-navigation-item__content {
	text-transform: uppercase;
	font-size: 0.82rem;
	letter-spacing: 0.6px;
	padding: 0.4rem 0.9rem;
}
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	background: #fbf2a3;
	color: #262626 !important;
	border-radius: 3px;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.9rem;
}

/* Header Donate: white w/ maroon border, uppercase (old style) */
.header-donate .wp-block-button__link {
	background: #ffffff !important;
	color: #7f141d !important;
	border: 2px solid #7f141d;
	border-radius: 6px;
	padding: 0.5rem 1.5rem;
}
.header-donate .wp-block-button__link:hover {
	background: #7f141d !important;
	color: #ffffff !important;
}

/* Stat pills: oval with maroon icon (old style) */
.stat-card {
	border: 1px solid #cfc9bd;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: none;
}
.stat-card .stat-icon { text-align: center; margin: 0 0 0.35rem; }
.stat-card .stat-icon svg { width: 26px; height: 26px; stroke: #7f141d; }
.stat-card .stat-label {
	font-size: 0.82rem;
	color: #4b4b4b;
	margin: 0 0 0.15rem;
	text-align: center;
}
.stat-card .stat-number {
	color: #262626;
	font-family: Oxygen, sans-serif;
	font-weight: 700;
	font-size: 1.55rem;
	text-align: center;
	margin: 0;
}

/* Project card: dark border, maroon title, big figure (old style) */
.project-card {
	border: 2px solid #2f2f2f;
	border-radius: 8px;
	box-shadow: none;
}
.project-card:hover { transform: none; box-shadow: 0 6px 18px rgba(38,38,38,0.10); }
.project-card h3.wp-block-heading {
	color: #7f141d;
	font-size: 1.15rem;
	letter-spacing: 0.3px;
}
.raise-line { text-align: center; color: #4b4b4b; font-size: 0.95rem; }
.raise-line strong { font-size: 2rem; font-weight: 700; color: #262626; }

/* Footer: social icons white, darker bottom strip */
.site-footer .wp-block-social-links .wp-social-link { background: transparent; }
.site-footer .wp-block-social-links .wp-social-link svg { fill: #ffffff; }
.site-footer .wp-block-social-links .wp-social-link:hover svg { fill: #fbf2a3; }
.footer-strip {
	background: #571015;
	margin-top: 2rem;
	padding: 0.9rem 1rem;
}

/* v1.3.1 — remove the white gap between header/nav and page content */
.wp-site-blocks > main { margin-block-start: 0 !important; }
main .wp-block-post-content > :first-child { margin-block-start: 0 !important; }

/* v1.3.2 — remove the gap between page content and footer */
.wp-site-blocks > footer { margin-block-start: 0 !important; }
main .wp-block-post-content > .alignfull:last-child { margin-block-end: 0 !important; }
main .wp-block-post-content:not(:has(> .alignfull:last-child)) { padding-bottom: 3rem; }