/**
 * Styles for the single-project donation integration (M2GD_Project_Integration).
 *
 * Everything here is scoped to the `.m2gd-project-support-active` body class,
 * which the plugin adds ONLY on the target project page. This guarantees the
 * theme CTA-hiding rule can never affect other projects or the global
 * header/footer/nav donate links.
 */

/*
 * Hide the theme's project-specific "Donate to This Program" featured-box
 * button from first paint, so the plugin's own donation form replaces it with
 * no flash of the old button before the relocation JS runs. Only the
 * featured-box CTA that points at the donations page is targeted; global
 * nav/footer/hero donate links use different widgets and are untouched.
 */
.m2gd-project-support-active
	.elementor-widget-cmsmasters-featured-box__button[href*="/donations-page/"] {
	display: none !important;
}

/* Keep the server-rendered holder out of layout until JS relocates it. */
#m2gd-project-support-holder[hidden] {
	display: none !important;
}

.m2gd-project-support {
	margin: 2rem auto;
	max-width: 720px;
	width: 100%;
}

.m2gd-project-support__heading {
	margin: 0 0 1rem;
	text-align: center;
}

.m2gd-project-support__wall {
	margin-top: 2rem;
}

@media (max-width: 600px) {
	.m2gd-project-support {
		margin: 1.5rem auto;
	}
}