/* Site-wide rules that the live site got from an "Angie" snippet (post 202, "Design System Styles c4b4e0ec", 22 July 2026),
   copied here unchanged so the site looks the same after the switch; the snippet is switched off at the switch (owner decision 2026-10-28).
   The rule that matters most: every H1-H3 is Lora navy (!important). The other classes (.btn-primary, .card, ...) are the snippet's own. */
:root {
	--primary-navy-c4b4e0ec: var(--wp--preset--color--heading);
	--accent-blue-c4b4e0ec: var(--wp--preset--color--focus);
	--cta-green-c4b4e0ec: var(--wp--custom--color--success);
	--soft-cream-c4b4e0ec: var(--wp--preset--color--page);
	--light-blue-panel-c4b4e0ec: var(--wp--custom--color--sky);
	--border-gray-c4b4e0ec: var(--wp--custom--color--gray-200);
	--text-dark-c4b4e0ec: var(--wp--preset--color--text);
	--star-gold-c4b4e0ec: var(--wp--custom--color--amber);

	--font-heading-c4b4e0ec: var(--wp--preset--font-family--serif);
	--font-body-c4b4e0ec: var(--wp--preset--font-family--sans);
}

/* Global Classes with Suffix and Standard Selector fallbacks */
.btn-primary,
.btn-primary-c4b4e0ec {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	font-family: var(--font-body-c4b4e0ec);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--body);
	background-color: var(--cta-green-c4b4e0ec);
	color: var(--wp--preset--color--surface) !important;
	padding: 13px 28px;
	border-radius: 9999px;
	border: none;
	transition: all 0.3s ease;
	cursor: pointer;
}
.btn-primary:hover,
.btn-primary-c4b4e0ec:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.btn-secondary,
.btn-secondary-c4b4e0ec {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	font-family: var(--font-body-c4b4e0ec);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--body);
	background-color: transparent;
	color: var(--accent-blue-c4b4e0ec) !important;
	padding: 13px 28px;
	border-radius: 9999px;
	border: 1px solid var(--accent-blue-c4b4e0ec);
	transition: all 0.3s ease;
	cursor: pointer;
}
.btn-secondary:hover,
.btn-secondary-c4b4e0ec:hover {
	background-color: var(--light-blue-panel-c4b4e0ec);
	color: var(--accent-blue-c4b4e0ec) !important;
}

.card,
.card-c4b4e0ec {
	background-color: var(--wp--preset--color--surface);
	border-radius: 16px;
	border: 1px solid var(--border-gray-c4b4e0ec);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	padding: 24px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover,
.card-c4b4e0ec:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}

h1, h2, h3,
.h1, .h2, .h3,
.h1-c4b4e0ec, .h2-c4b4e0ec, .h3-c4b4e0ec {
	font-family: var(--font-heading-c4b4e0ec) !important;
	color: var(--primary-navy-c4b4e0ec) !important;
}

.body-text,
.body-text-c4b4e0ec {
	font-family: var(--font-body-c4b4e0ec) !important;
	color: var(--text-dark-c4b4e0ec) !important;
}

/* Container Setting (max-width: 1220px, responsive down to 92% width on mobile) */
.elementor-container,
.container-c4b4e0ec {
	max-width: 1220px !important;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

@media (max-width: 767px) {
	.body-text,
	.body-text-c4b4e0ec {
		font-size: var(--wp--preset--font-size--body) !important;
		min-height: auto;
	}
	.elementor-container,
	.container-c4b4e0ec {
		width: 92% !important;
		max-width: 92% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}