/**
 * Visual states for UM referral code / event fields on the register form.
 *
 * Applied by um-referral-validation.js after the public exists checks run.
 * Green = recognised; red border comes from UM's existing .um-error class.
 */

/* Recognised code/event: green border + checkmark inside the input (right side). */
.um-form .um-field .um-form-field.um-referral-valid {
	border-color: #2e7d32 !important;
	/* Room for the checkmark so text does not sit under it. */
	padding-right: 2.5rem !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 1.125rem 1.125rem;
}