/* Form Validation Styles - Shared across all forms */
/* Matches the validation style from contact-us.php */

/* Error Styling for Input Fields */
input.error,
textarea.error,
select.error {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

/* Error Message Styling */
.error-message {
    display: block;
    color: #dc3545;
    font-size: 0.72rem;
    margin-top: 3px;
    line-height: 1.3;
    min-height: 16px;
}

/* Ensure error messages are visible */
.error-message:empty {
    display: none;
}

/* Form-level error messages - red text only, no box */
/* Matches contact-us.php style: text-red-600 text-sm mt-3 leading-relaxed */
.contact-error-mail,
.expert-popup-error-mail,
.custom-dev-error-mail,
.compliance-error-mail,
.container-error-mail,
.automation-error-mail,
.ai-form-error-mail,
.security-error-mail,
.vuln-error-mail,
.iam-error-mail,
.devops-error-mail,
.migration-error-mail,
.strategy-error-mail,
.mlops-error-mail,
.ai-agent-error-mail,
.bi-error-mail,
.portal-error-mail,
.application-popup-error-mail,
.general-application-popup-error-mail,
[class*="-error-mail"] {
    color: #dc3545 !important; /* text-red-600 equivalent */
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 0.875rem !important; /* text-sm equivalent */
    margin-top: 12px !important; /* mt-3 equivalent */
    margin-bottom: 0 !important;
    line-height: 1.625 !important; /* leading-relaxed equivalent */
    display: block !important;
    border-radius: 0 !important;
}

/* Remove alert box styling from all error messages */
.alert-danger,
.alert.alert-danger,
[class*="-error-mail"].alert,
[class*="-error-mail"].alert-danger {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #dc3545 !important;
    font-size: 0.875rem !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
}