/* Fix invisible text in form fields */
input, 
textarea, 
select {
    color: #333333 !important;  /* Dark color for light backgrounds */
    background-color: #ffffff !important;
}

/* For dark mode or specific background */
.form-control,
.form-select {
    color: #333333 !important;
    background-color: #ffffff !important;
}

/* Ensure placeholder text is visible */
::placeholder {
    color: #999999 !important;
    opacity: 1;
}

/* Fix text visibility on focus/hover */
input:focus, 
textarea:focus, 
select:focus {
    color: #000000 !important;
    background-color: #ffffff !important;
}