/*
Theme Name: Mesa Grove
Template: twentytwentyfive
Description: Child theme of Twenty Twenty-Five for the fictional Mesa Grove Learning Association demonstration site (OrgFuse test setting). Palette and type live in theme.json; demo notices live in parts/header.html and parts/footer.html.
Version: 1.0.1
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: mesa-grove
License: GNU General Public License v2 or later
*/

/* Visible keyboard focus everywhere. */
:where(a, button, summary, input, .wp-block-navigation-item__content, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close):focus-visible {
	outline: 3px solid var(--wp--preset--color--terracotta);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Demo notice bar. */
.mg-demo-bar a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* Header nav: comfortable tap targets. */
.mg-site-header .wp-block-navigation-item__content { padding: 0.5rem 0.25rem; }
.mg-site-header .wp-block-navigation .current-menu-item > a,
.mg-site-header .wp-block-navigation [aria-current="page"] {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--terracotta);
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}
.mg-site-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem;
}
.mg-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.25rem;
	padding: 0.5rem 0;
}

/* Page hero: full width 3:1 banner that never overflows. */
.mg-page-hero img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: cover; }
@media (max-width: 600px) {
	.mg-page-hero img { aspect-ratio: 2 / 1; }
}

/* Details (FAQ) */
.wp-block-details { border-top: 1px solid var(--wp--preset--color--line); padding: 1rem 0; }
.wp-block-details summary { font-family: var(--wp--preset--font-family--manrope); font-weight: 700; font-size: 1.15rem; cursor: pointer; }
.wp-block-details > *:not(summary) { margin-top: 0.75rem; }

/* Fact list on event cards */
.mg-facts p { margin: 0; }
.mg-facts strong { font-family: var(--wp--preset--font-family--manrope); }

/* Placeholder region for the future OrgFuse form. */
.mg-placeholder { border: 2px dashed var(--wp--preset--color--forest); }

/* Footer links on dark ground */
.mg-site-footer a { color: var(--wp--preset--color--clay-light); }

img { max-width: 100%; height: auto; }

/* Mobile overlay menu: left-aligned, full-width tap targets. */
.mg-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.mg-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start;
}