/**
 * Ella Jaymes Photography - Form Validation Styles
 * Extracted from main website CSS for portable form system
 * 
 * Usage: Include this CSS file on any page using the form system
 * <link rel="stylesheet" href="/forms/assets/css/form-validation.css">
 */

/* Form Validation Error States */
.form-validation input.error,
.form-validation select.error,
.form-validation textarea.error {
	border: 2px solid #e74c3c !important;
	background-color: #fdf2f2 !important;
	box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.1) !important;
}

.form-validation .error-message {
	color: #e74c3c;
	font-size: 0.875rem;
	margin-top: 5px;
	display: none;
	font-weight: 500;
}

.form-validation .error-message.show {
	display: block;
}

/* Form Status Messages */
.form-message {
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-weight: 600;
	text-align: center;
}

.form-message.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.form-message.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

/* Compatibility with existing class names */
.contact-form-column input.error,
.contact-form-column select.error,
.contact-form-column textarea.error {
	border: 2px solid #e74c3c;
	background-color: #fdf2f2;
	box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.1);
}

.contact-form-column .error-message {
	color: #e74c3c;
	font-size: 0.875rem;
	margin-top: 5px;
	display: none;
	font-weight: 500;
}

.contact-form-column .error-message.show {
	display: block;
}