/**
 * Newsletter sign-up module layout overrides (block, embedded shortcode, popup helpers).
 *
 * Context modifiers: --block (homepage Gutenberg), --embedded (article shortcode).
 * Spacing lives here to avoid conflicting with theme SCSS !important rules.
 */

/* --------------------------------------------------------------------------
   Desktop block (homepage Gutenberg) — 768px+
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.newsletter-signup-module--block {
		padding: 55px 72px;
		margin-bottom: 60px;
	}

	.newsletter-signup-module--block .newsletter-signup-module__logo-col {
		padding-right: 72px;
	}
}

/* --------------------------------------------------------------------------
   Desktop embedded (article shortcode) — 768px+
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.newsletter-signup-module--embedded {
		padding: 55px 64px 55px 48px;
		margin: 32px 0;
		color: var(--nsm-text-color, #ffffff);
	}

	.newsletter-signup-module--embedded .container {
		padding: 0;
	}

	.newsletter-signup-module--embedded .newsletter-signup-module__logo-col {
		padding-right: 32px !important;
	}

	.newsletter-signup-module--embedded .newsletter-signup-module__description {
		margin-bottom: 36px;
	}

	.newsletter-signup-module--embedded .prhform__wrapper.prhform__type_newsletter fieldset {
		margin-bottom: 0;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter button {
		padding: 0 18px;
	}
}

/* --------------------------------------------------------------------------
   Mobile image toggle — block, embedded, and popup
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
	.newsletter-signup-module:not(.newsletter-signup-module--show-image-mobile):not(.newsletter-signup-module--post-embed) .newsletter-signup-module__logo-col {
		display: none !important;
	}

	.newsletter-signup-module--show-image-mobile .newsletter-signup-module__logo-col {
		display: flex !important;
		justify-content: center;
		margin-bottom: 20px;
	}
}

/* --------------------------------------------------------------------------
   Text colour — embedded + block override
   -------------------------------------------------------------------------- */

.newsletter-signup-module--embedded,
.newsletter-signup-module--text-black {
	color: var(--nsm-text-color, #ffffff);
}

.newsletter-signup-module--embedded .newsletter-signup-module__heading,
.newsletter-signup-module--embedded .newsletter-signup-module__description,
.newsletter-signup-module--text-black .newsletter-signup-module__heading,
.newsletter-signup-module--text-black .newsletter-signup-module__description,
.newsletter-signup-module--embedded .prhform__html_bottom,
.newsletter-signup-module--embedded .prhform__html_bottom p,
.newsletter-signup-module--embedded .prhform__html_bottom a,
.newsletter-signup-module--text-black .prhform__html_bottom,
.newsletter-signup-module--text-black .prhform__html_bottom p,
.newsletter-signup-module--text-black .prhform__html_bottom a {
	color: inherit;
}

/* CTA stays white on red */
.newsletter-signup-module--embedded .prhform__type_newsletter button,
.newsletter-signup-module--embedded .prhform__submit-button,
.newsletter-signup-module--text-black .prhform__type_newsletter button,
.newsletter-signup-module--text-black .prhform__submit-button {
	color: #ffffff !important;
	background-color: #e5392a !important;
}

/* --------------------------------------------------------------------------
   Mobile embedded — match homepage block + popup shell and form layout
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
	.newsletter-signup-module--embedded {
		padding: 40px 20px 0 !important;
		color: var(--nsm-text-color, #ffffff);
	}

	.entry-content .newsletter-signup-module--embedded .newsletter-signup-module__heading,
	.newsletter-signup-module--embedded .newsletter-signup-module__heading {
		font-family: "Madera-Bold", sans-serif;
		font-size: 26px;
		line-height: 40px;
		margin-bottom: 12px;
		text-align: left !important;
	}

	.entry-content .newsletter-signup-module--embedded .newsletter-signup-module__description,
	.newsletter-signup-module--embedded .newsletter-signup-module__description {
		font-size: 18px !important;
		line-height: 120%;
		margin-bottom: 25px;
		text-align: left !important;
	}

	.newsletter-signup-module--embedded .newsletter-signup-module__form-wrapper .prhform__html_bottom,
	.newsletter-signup-module--embedded .prhform__wrapper.prhform__type_newsletter .prhform__html_bottom {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter form {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter fieldset {
		width: 100%;
		display: flex;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: center;
		gap: 16px;
		margin-bottom: 15px;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter .prhform__field-wrapper {
		width: 100% !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter .prhform__field-wrapper .prhform__label {
		align-self: flex-start;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter .prhform__field-input[type="email"] {
		text-align: center !important;
		width: 100% !important;
		max-width: 100%;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter button[type="button"],
	.newsletter-signup-module--embedded .prhform__type_newsletter button:not([type]),
	.newsletter-signup-module--embedded .prhform__type_newsletter .prhform__submit-button {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		width: auto !important;
		min-width: 134px;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter .prhform__html_bottom {
		width: 100% !important;
		text-align: left !important;
	}

	.newsletter-signup-module--embedded .prhform__type_newsletter .prhform__html_bottom p {
		text-align: left !important;
	}
}