/* Form contrast fixes */

/* Contact form input contrast fix - using high specificity instead of !important */
html body section.contact .contact-form input,
html body section.contact .contact-form textarea,
#contact .contact-form input,
#contact .contact-form textarea,
body section#contact .contact-form input,
body section#contact .contact-form textarea {
    background-color: #f8f9fa;
    color: #333333; /* Dark text color for better contrast */
    border: 1px solid #c8c8c8;
}

html body .contact-form input::placeholder,
html body .contact-form textarea::placeholder,
#contact .contact-form input::placeholder,
#contact .contact-form textarea::placeholder {
    color: #6c757d; /* Darker placeholder text for better contrast */
}

html body .contact-form input:focus,
html body .contact-form textarea:focus,
#contact .contact-form input:focus,
#contact .contact-form textarea:focus {
    background-color: #ffffff;
    color: #000000;
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1);
}

/* Override any conflicting styles from black-white-theme.css */
html body .contact-form input,
html body .contact-form textarea,
body[class] .contact-form input,
body[class] .contact-form textarea {
    color: #333333;
    background-color: #f8f9fa;
}

/* Ensure consistent dark text in both light and dark modes */
html body.dark-mode .contact-form input,
html body.dark-mode .contact-form textarea,
body.dark-mode .contact-form input,
body.dark-mode .contact-form textarea {
    background-color: #2a2a2a;
    color: #ffffff;
    border: 1px solid #444444;
}

html body.dark-mode .contact-form input::placeholder,
html body.dark-mode .contact-form textarea::placeholder {
    color: #bbbbbb;
}

/* Additional fixes for white text on white background */
.contact-form .form-group {
    position: relative;
    margin-bottom: 15px;
}

/* Error handling */
.contact-form .error-message {
    color: #ff4136;
    font-size: 12px;
    margin-top: 5px;
}

.contact-form .form-group.error input,
.contact-form .form-group.error textarea {
    border-color: #ff4136;
}