/* Dark Mode Input Field Fixes */
/* This CSS file fixes text visibility issues in dark mode across all pages */

/* Global input field fixes */
.dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dark select,
.dark textarea {
    color: white !important;
    background-color: #374151 !important; /* gray-700 */
    border-color: #4B5563 !important; /* gray-600 */
}

.dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.dark select:focus,
.dark textarea:focus {
    background-color: #374151 !important; /* gray-700 */
    border-color: #2563EB !important; /* blue-600 */
    color: white !important;
}

/* Placeholder text styling */
.dark input::placeholder,
.dark textarea::placeholder {
    color: #9CA3AF !important; /* gray-400 */
}

/* Specific fixes for search inputs */
.dark #faq-search,
.dark #service-search,
.dark #pincode-input,
.dark #modal-pincode {
    color: white !important;
    background-color: #374151 !important;
    border-color: #4B5563 !important;
}

/* Autocomplete dropdown fixes */
.dark .autocomplete-container,
.dark #applianceTypeDropdown {
    background-color: #1F2937 !important; /* gray-800 */
    border-color: #4B5563 !important; /* gray-600 */
    color: white !important;
}

/* TinyMCE editor fixes */
.dark .tox-tinymce {
    border-color: #4B5563 !important;
}

/* Form validation message fixes */
.dark .text-red-500 {
    color: #EF4444 !important; /* red-500 */
}

.dark .text-green-500 {
    color: #10B981 !important; /* green-500 */
}