/**
 * National Member Organisations page — Figma 501:20139 (desktop), 501:27730 / 501:27731 (mobile intro).
 */

.ipopi-nmo-members {
	background: var(--ipopi-color-background-base, #ffffff);
}

.ipopi-nmo-members .wp-block-post-content {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-bottom: 0;
}

/* Intro — Figma 501:20160 / 501:22540 */
.ipopi-nmo-members .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ipopi-space-500, 32px);
	max-width: var(--ipopi-content-width, 784px);
	margin-inline: auto;
	padding-top: var(--ipopi-space-1000, 72px);
	padding-bottom: var(--ipopi-space-1000, 72px);
	padding-inline: var(--ipopi-space-400, 24px);
	box-sizing: border-box;
}

.ipopi-nmo-members .ipopi-page-intro__title {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: var(--ipopi-type-heading-4-mobile-size, 40px);
	line-height: var(--ipopi-type-heading-4-mobile-line-height, 48px);
	letter-spacing: var(--ipopi-type-heading-4-mobile-letter-spacing, -0.4px);
}

.ipopi-nmo-members .ipopi-page-intro__body,
.ipopi-nmo-members .ipopi-page-intro__text {
	width: 100%;
	max-width: none;
	padding-block: 0;
	text-align: center;
}

.ipopi-nmo-members .ipopi-page-intro__body p {
	margin: 0;
}

/* Map sits flush under intro; CTA flush under map */
.ipopi-nmo-members .wp-block-post-content > .wp-block-ipopi-nmo-map {
	margin-top: 0;
}

.ipopi-nmo-members .wp-block-post-content > .wp-block-ipopi-nmo-map + .wp-block-ipopi-take-action {
	margin-top: 0;
}

.ipopi-nmo-members .ipopi-nmo-map__header:empty {
	display: none;
}

@media (min-width: 768px) {
	.ipopi-nmo-members .ipopi-page-intro__title {
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
		text-align: center;
	}

	.ipopi-nmo-members .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
		padding-inline: 0;
	}

	/* Quebras do Figma mobile (501:27730 / 501:27731 / 501:27816) só no ≤767px. */
	.ipopi-nmo-members .ipopi-page-intro__title br,
	.ipopi-nmo-members .ipopi-page-intro__body br,
	.ipopi-nmo-members .ipopi-take-action__description br {
		display: none;
	}
}

@media (max-width: 767px) {
	.ipopi-nmo-members .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
		align-items: flex-start;
		gap: var(--ipopi-space-400, 24px);
		padding-top: var(--ipopi-space-600, 40px);
		padding-bottom: var(--ipopi-space-700, 48px);
		padding-inline: var(--ipopi-space-400, 24px);
	}

	/*
	 * Figma 501:27730 — H4/Bold, left-aligned.
	 * Quebras: Our Global / Network / of National / Member / Organisations
	 */
	.ipopi-nmo-members .ipopi-page-intro__title,
	.ipopi-nmo-members .ipopi-page-intro--title-heading-4 .ipopi-page-intro__title {
		max-width: 272px;
		font-size: var(--ipopi-type-heading-4-size, 48px);
		font-weight: 700;
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
		text-align: left;
	}

	/* Figma 501:27731 — Body/Medium 16/26, left-aligned. */
	.ipopi-nmo-members .ipopi-page-intro__body,
	.ipopi-nmo-members .ipopi-page-intro__text {
		max-width: 272px;
		padding-block: 0;
		text-align: left;
	}
}