/**
 * Gravity Forms field error / success feedback (icons + copy).
 * Site-wide; kept separate from main.css.
 */

.gform-theme--framework .gform_validation_errors {
	display: none !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper .gfield_success_message {
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
	margin-top: var(--spacing-2);
	margin-bottom: 0;
	padding: 0;
	border: 0;
	font-family: var(--font-family-sans);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-body);
	letter-spacing: var(--letter-spacing-body);
	color: var(--color-black-60);
	background: transparent;
}

.gform_wrapper .gfield_validation_message::before,
.gform_wrapper .validation_message::before,
.gform_wrapper .gfield_success_message::before {
	content: '';
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Red circle with white exclamation mark */
.gform_wrapper .gfield_validation_message::before,
.gform_wrapper .validation_message::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23bf1f3e'/%3E%3Cpath d='M8 4.25a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0V5A.75.75 0 0 1 8 4.25Zm0 7a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75Z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Green circle with white checkmark */
.gform_wrapper .gfield_success_message::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2315803d'/%3E%3Cpath d='M11.53 5.47a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-1.75-1.75a.75.75 0 0 1 1.06-1.06L7.25 8.69l3.22-3.22a.75.75 0 0 1 1.06 0Z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Form confirmation: fade in over 5 seconds after successful submit */
.gform_confirmation_wrapper.kasi-confirmation-fade-in,
.gform_confirmation_message.kasi-confirmation-fade-in {
	opacity: 0;
	transition: opacity 5s ease;
}

.gform_confirmation_wrapper.kasi-confirmation-fade-in.is-visible,
.gform_confirmation_message.kasi-confirmation-fade-in.is-visible {
	opacity: 1;
}