/* Custom styles for form controls that need explicit styling */

.custom-form-control {
    color: #344767 !important; /* Dark gray text */
    background-color: #ffffff !important; /* White background */
    border: 1px solid #ced4da !important; /* Light gray border */
    opacity: 1 !important;
    padding: 0.625rem 0.75rem !important; /* Standard padding */
    border-radius: 0.375rem !important; /* Standard border-radius */
}

.custom-form-control::placeholder {
    color: #6c757d !important; /* Slightly lighter gray for placeholders */
    opacity: 1 !important;
}

/* Dark version styles for custom form controls */
.dark-version .custom-form-control {
    color: #ffffff !important; /* White text */
    background-color: #2d3748 !important; /* Dark background */
    border: 1px solid #4a5568 !important; /* Darker border */
    opacity: 1 !important;
}

.dark-version .custom-form-control::placeholder {
    color: #a0aec0 !important; /* Lighter gray for placeholders in dark mode */
    opacity: 1 !important;
}

/* Ensure labels are visible for custom form controls */
.form-group .custom-form-control + label,
.input-group .custom-form-control + label {
    color: #344767 !important; /* Dark gray for labels in light mode */
}

.dark-version .form-group .custom-form-control + label,
.dark-version .input-group .custom-form-control + label {
    color: #ffffff !important; /* White for labels in dark mode */
}