/**
 * HARCHI KOLO — Auth Field Validation 1.0.2
 * Public auth forms only. Native HTML5 validity still blocks invalid submits.
 */
.hk-auth-validation-form .hk-auth-invalid-control,
.hk-auth-validation-form input.hk-auth-invalid-control,
.hk-auth-validation-form select.hk-auth-invalid-control,
.hk-auth-validation-form textarea.hk-auth-invalid-control {
	border-color: rgba(171, 65, 54, .72) !important;
	background-color: #fffdfb !important;
	box-shadow:
		0 0 0 3px rgba(199, 154, 43, .12),
		0 0 0 1px rgba(171, 65, 54, .12) !important;
	outline: none !important;
}

.hk-auth-validation-form .hk-auth-invalid-control:focus {
	border-color: #a94036 !important;
	box-shadow:
		0 0 0 4px rgba(199, 154, 43, .16),
		0 5px 16px rgba(18, 63, 47, .06) !important;
}


.hk-auth-validation-form .hk-auth-field-has-error {
	margin-bottom: 7px !important;
}

.hk-auth-field-error {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 0 14px !important;
	padding: 9px 11px !important;
	border: 1px solid rgba(171, 65, 54, .22) !important;
	border-radius: 11px !important;
	background: linear-gradient(90deg, rgba(171, 65, 54, .075), rgba(199, 154, 43, .055) 70%, rgba(255,255,255,.92)) !important;
	color: #81382f !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
}

.hk-auth-field-error::before {
	content: "!" !important;
	display: grid !important;
	place-items: center !important;
	box-sizing: border-box !important;
	width: 19px !important;
	height: 19px !important;
	flex: 0 0 19px !important;
	margin-top: 0 !important;
	border: 1px solid rgba(199, 154, 43, .52) !important;
	border-radius: 50% !important;
	background: rgba(199, 154, 43, .15) !important;
	color: #8a6814 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.hk-auth-validation-form .hk-auth-field-error[hidden] {
	display: none !important;
}

@media (max-width: 699px) {
	.hk-auth-field-error {
		margin: 0 0 12px !important;
		padding: 8px 10px !important;
		border-radius: 10px !important;
		font-size: 12px !important;
	}
}


/* 1.0.2 — previous server-side auth error becomes stale as soon as the user
 * starts a new correction. A fresh HivePress response removes this class via JS. */
.hp-form__messages[data-component="messages"].hk-auth-stale-server-notice {
	display: none !important;
}