/**
 * MSI Gravity Forms Validation — front-end styles.
 *
 * Gravity Forms already styles .gfield_error and .gfield_validation_message, so
 * this only ensures our dynamically-inserted message is visible and consistent
 * across themes that may not surface it on their own.
 *
 * @since 1.0.0
 */
.gfield_error .msi-validation-message,
.msi-validation-message {
	display: block;
	margin-top: 6px;
	font-size: 0.875em;
	color: #c02b0a;
}

/* Highlight the offending input to match GF's error treatment. */
.gfield_error input.gfield_error,
.gfield_error [data-msi="1"][aria-invalid="true"],
.gfield_error [aria-invalid="true"] {
	border-color: #c02b0a;
}

/*
 * Submit/Next button shown as disabled while the form is invalid. It is not
 * natively disabled so a click can still surface the field errors, so the
 * "disabled" look is applied here.
 */
.msi-button-disabled,
.gform_wrapper .msi-button-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	filter: grayscale( 40% );
}