/* Form Validation Styles */

.form-control.error {
	border-color: #dc2626;
	background-color: #fef2f2;
}

.form-control.valid {
	border-color: #16a34a;
}

span.error-message {
	display: block;
	color: #dc2626;
	font-size: 0.875rem;
	margin-top: 0.25rem;
	font-weight: 500;
}

.field-group {
	position: relative;
	margin-bottom: 1rem;
}

/* Override default jQuery validation error styles */
label.error {
	display: block;
	color: #dc2626;
	font-size: 0.875rem;
	margin-top: 0.25rem;
	font-weight: 500;
}

/* SweetAlert2 custom styling to match theme */
.swal2-popup {
	font-family:
		system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
		sans-serif;
}

.swal2-title {
	font-size: 1.5rem;
	font-weight: 600;
}

.swal2-html-container {
	font-size: 1rem;
	line-height: 1.6;
}

/* Loading state for submit button */
#submitBtn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Responsive error messages */
@media (max-width: 768px) {
	span.error-message {
		font-size: 0.813rem;
	}
}