/**
 * Contact Form Style Fixes
 * Overrides for making input text black and removing teal highlight
 */

/* Contact form inputs - set text to black */
.contact-form .form-input,
.contact-form .form-select,
.contact-form .form-textarea {
    color: #1a202c !important; /* Dark text color */
    background: #ffffff !important; /* White background */
}

/* Placeholder text - lighter but still readable */
.contact-form .form-input::placeholder,
.contact-form .form-textarea::placeholder {
    color: #718096 !important; /* Medium gray for placeholder */
}

/* Remove teal/green box-shadow on focus - keep simple border highlight */
.contact-form .form-input:focus,
.contact-form .form-select:focus,
.contact-form .form-textarea:focus {
    outline: none !important;
    border-color: #2f929e !important; /* Keep teal border */
    box-shadow: none !important; /* Remove the green shadow/glow */
}

/* Ensure dropdown select text is black */
.contact-form .form-select option {
    color: #1a202c !important;
    background: #ffffff !important;
}