/**
 * New Member Registration Form — front-end styles.
 *
 * The `nmrf-form` class is added by assets/js/nmrf.js to the form whose
 * name matches the configured form name, so nothing here leaks onto
 * other Elementor forms.
 */

/* --- Error summary box --- */
.nmrf-error-summary {
	box-sizing: border-box;
	width: 100%;
	background: #f5ccd2;
	color: #6b1622;
	border: 1px solid #edb9c1;
	border-radius: 4px;
	padding: 18px 20px 20px;
	margin: 0 0 28px;
	line-height: 1.6;
	outline: none;
}

.nmrf-error-summary p {
	margin: 0 0 14px;
}

.nmrf-error-summary .nmrf-error-heading {
	font-style: italic;
}

.nmrf-error-summary .nmrf-error-subtext {
	font-style: normal;
}

.nmrf-error-summary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-style: italic;
}

.nmrf-error-summary li {
	margin: 0;
	padding: 0;
}

.nmrf-error-summary li::before {
	content: none;
}

/* Keep the summary first even if the theme makes the form a flex column. */
.elementor-form.nmrf-form {
	flex-direction: column;
}

.elementor-form.nmrf-form > .nmrf-error-summary {
	order: -1;
}

/* --- Hide Elementor's own bottom message and inline field notes --- */
.elementor-form.nmrf-form + .elementor-message-danger,
.elementor-form.nmrf-form .elementor-message-danger:not(.nmrf-error-summary),
.elementor-form.nmrf-form .elementor-field-group .elementor-error-message,
.elementor-form.nmrf-form .elementor-field-group .elementor-help-inline {
	display: none !important;
}

/* --- Failed field groups --- */
.elementor-form.nmrf-form .elementor-field-group.elementor-error {
	background-color: #f5ccd2;
	/* content-box keeps the pink out of Elementor's column gutter. */
	background-clip: content-box;
	border-radius: 3px;
}

.elementor-form.nmrf-form .elementor-field-group.elementor-error > .elementor-field-label {
	padding-top: 14px;
	color: #6b1622;
}

.elementor-form.nmrf-form .elementor-field-group.elementor-error > .elementor-field,
.elementor-form.nmrf-form .elementor-field-group.elementor-error > .elementor-select-wrapper,
.elementor-form.nmrf-form .elementor-field-group.elementor-error > .elementor-field-subgroup {
	margin-bottom: 30px;
}

/* --- Message below a failed field --- */
.elementor-form.nmrf-form .elementor-field-group .nmrf-field-error {
	display: block;
	width: 100%;
	margin: 6px 0 0;
	padding: 0 0 12px;
	color: #6b1622;
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.4;
}

.elementor-form.nmrf-form .elementor-field-group .nmrf-field-error::before {
	content: none;
	display: none;
}

.elementor-form.nmrf-form .elementor-field-group.elementor-error input,
.elementor-form.nmrf-form .elementor-field-group.elementor-error textarea,
.elementor-form.nmrf-form .elementor-field-group.elementor-error select {
	border-color: #6b1622;
}