/**
 * NMO Newsletter band — scoped; mirrors html/index.html .newsletter
 * Last updated: 2026-04-08 — inline email field height matches NMO submit (nmo-fluent-forms.css)
 */

.elementor-widget-nmo-newsletter-band .nmo-newsletter-band.newsletter {
	background: var(--offwhite, #f5f3ef);
	padding: clamp(4rem, 8vw, 7rem) 0;
}

.elementor-widget-nmo-newsletter-band .nmo-newsletter-band .container {
	width: 100%;
	max-width: var(--max-w, 1200px);
	margin: 0 auto;
	padding: 0 var(--pad-x, clamp(1.25rem, 5vw, 3rem));
}

.elementor-widget-nmo-newsletter-band .newsletter-box,
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__box {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}

.elementor-widget-nmo-newsletter-band .newsletter-box h2,
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__box h2 {
	margin-bottom: 0.75rem;
}

.elementor-widget-nmo-newsletter-band .newsletter-box p,
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__box > p {
	margin-bottom: 2rem;
}

.elementor-widget-nmo-newsletter-band .inline-form,
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__form {
	display: flex;
	gap: 0.75rem;
	max-width: 480px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/* Fluent Forms two-column row: vertically align field + submit */
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__form .ff-t-container {
	align-items: center;
}

.elementor-widget-nmo-newsletter-band .inline-form input[type="email"],
.elementor-widget-nmo-newsletter-band .inline-form input[type="text"],
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__form input[type="email"],
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__form input[type="text"],
.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__form input.ff-el-form-control {
	flex: 1;
	min-width: 200px;
	box-sizing: border-box;
	font-family: var(--font-sans, Inter, system-ui, sans-serif);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.2;
	padding: 0.85rem 1.25rem;
	border-width: 2px;
	border-style: solid;
	border-color: var(--border, #e8e4df);
	border-radius: 3px;
	-webkit-appearance: none;
	appearance: none;
	margin-bottom: 0;
}

@media (max-width: 480px) {
	.elementor-widget-nmo-newsletter-band .inline-form,
	.elementor-widget-nmo-newsletter-band .nmo-newsletter-band__form {
		flex-direction: column;
	}
}

/* Fluent Forms submit styling: see nmo-fluent-forms.css (enqueued when Fluent Forms is active). */