/**
 * Phone Field Validation Styles
 * 
 * Styling for phone input field error states across different form types.
 * Applies to both Divi contact form fields and Contact Form 7 fields.
 * 
 * @package LionsTigersCrelateSync
 */

/* Divi phone field error styling */
input[id*="contact_phone"]:invalid,
input[id*="contact_phone"].et_pb_contact_field_error {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

input[id*="contact_phone"]:invalid::placeholder,
input[id*="contact_phone"].et_pb_contact_field_error::placeholder {
    color: #dc3545;
}

/* CF7 phone field error styling */
#user-phone:invalid,
#user-phone.et_pb_contact_field_error {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

#user-phone:invalid::placeholder,
#user-phone.et_pb_contact_field_error::placeholder {
    color: #dc3545;
}