/*
 * Responsive containment fixes for the combined Join Ways + Signup widget.
 * Elementor prints the desktop intro-width selector after plugin styles, so
 * the breakpoint override intentionally uses higher specificity and !important.
 */

.hhjws__intro,
.hhjws__form {
	min-width: 0;
}

.hhjws__form .hhmc-signup {
	width: 100%;
}

@media (max-width: 1024px) {
	.elementor-widget-humble_hopes_mission_join_ways_signup .hhjws__signup-grid,
	.hhjws .hhjws__signup-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 28px !important;
		width: 100% !important;
		max-width: 1240px !important;
	}

	.hhjws__intro,
	.hhjws__form {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.hhjws__intro {
		padding-bottom: 0;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.hhjws,
	.hhjws__signup,
	.hhjws__form {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.hhjws,
	.hhjws__signup {
		overflow: hidden;
	}

	.elementor-widget-humble_hopes_mission_join_ways_signup .hhjws__signup-grid,
	.hhjws .hhjws__signup-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.hhjws__form .hhmc-signup {
		width: 100%;
		max-width: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}

	.hhjws__form .hhmc-form__choices,
	.hhjws__form .hhmc-form__grid,
	.hhjws__form .hhmc-signup--newsletter .hhmc-form__grid {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100%;
		min-width: 0;
	}

	.hhjws__form .hhmc-choice,
	.hhjws__form .hhmc-choice span,
	.hhjws__form input,
	.hhjws__form select,
	.hhjws__form textarea {
		max-width: 100%;
	}

	.hhjws__form .hhmc-choice span {
		width: 100%;
	}

	.hhjws__form .hhmc-form__consent {
		min-width: 0;
	}
}

@media (max-width: 420px) {
	.hhjws__intro h2 {
		font-size: 38px;
	}

	.hhjws__form .hhmc-signup {
		padding-right: 16px;
		padding-left: 16px;
	}

	.hhjws__form .hhmc-choice span {
		padding-right: 12px !important;
		padding-left: 42px !important;
	}
}
