/**
 * JoinEnel palette bridge — loaded on public site without editing theme.json.
 *
 * Nav: file-based `enel-health` header part is replaced at load time with
 * `parts/header-joinenel-merged.html` (Enel_Health_Core_Theme_Bridge::filter_header_file_template).
 * Custom header saved in the Site Editor (database) is not overridden.
 * Empty `core/navigation` + class `eh-navigation` still gets Enel_Health_Core_Theme_Nav_Fallback on the front end.
 *
 * Site Editor → Navigation: /studies/, /encyclopedia/, /seasons/, /vote/, /check-in/, /tiers/, /manifesto/, /method/
 * If theme header is writable, paste links from plugins/enel-health-core/parts/fse-header-joinenel-snippet.html
 * Editorial pages: /manifesto/, /method/, /joinenel-home/
 */
:root {
	--wp--preset--color--primary: #0a1f1e;
	--wp--preset--color--primary-dark: #002d2d;
	--wp--preset--color--slate: #0a1f1e;
	--wp--preset--color--muted: #5c6b69;
	--wp--preset--color--border: #e2e8e0;
	--wp--preset--color--light: #f9f8f4;
	--wp--preset--color--mint: #d9f5f2;
}

body,
.wp-site-blocks {
	background-color: #f9f8f4 !important;
	color: #0a1f1e !important;
}

.eh-header {
	background: rgba(249, 248, 244, 0.92) !important;
	border-bottom-color: #e2e8e0 !important;
}

.eh-site-title a {
	color: #0a1f1e !important;
}

.wp-block-button__link {
	background-color: #5ec5c5 !important;
	color: #0a1f1e !important;
	box-shadow: 0 0.5rem 1.2rem rgba(10, 31, 30, 0.12) !important;
}

.wp-block-button__link:hover {
	filter: brightness(0.95);
}

.eh-navigation a {
	color: #0a1f1e !important;
}

.eh-navigation a:hover {
	color: #0e6b5c !important;
}

/* Plugin render_block fallback when header Navigation has no inner blocks */
.eh-navigation--joinenel-fallback__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.65rem 1.1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.eh-navigation--joinenel-fallback__item {
	margin: 0;
}

.eh-joinenel-badge {
	display: inline-block;
	margin: 0;
	padding: 0.2rem 0.55rem;
	font-size: 0.65rem !important;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff !important;
	background: #002d2d !important;
	border-radius: 999px;
}

.eh-hero {
	background:
		radial-gradient(circle at 82% 20%, rgba(94, 197, 197, 0.2), transparent 24rem),
		radial-gradient(circle at 8% 4%, rgba(10, 31, 30, 0.06), transparent 26rem),
		linear-gradient(180deg, #f9f8f4 0%, #ffffff 100%) !important;
}
