/* Form fixes for dropdown text visibility */
.form-select {
    color: var(--light-text);
    background-color: var(--dark-surface);
    border-color: var(--outline-color);
}

.form-select option {
    color: var(--light-text);
    background-color: var(--dark-surface);
}

/* Fix for dropdown hover states */
.form-select option:hover,
.form-select option:focus {
    background-color: var(--primary-color);
    color: var(--light-text);
}

/* Ensure the placeholder text is also visible */
.form-select option[disabled] {
    color: var(--paragraph-text);
}

/* Making sure all form controls have proper styling */
.form-control {
    color: var(--light-text);
    background-color: var(--dark-surface);
    border-color: var(--outline-color);
}

.form-control:focus {
    background-color: var(--dark-surface);
    color: var(--light-text);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(46, 204, 113, 0.25);
}

/* Ensure placeholder text is visible */
.form-control::placeholder {
    color: var(--paragraph-text);
    opacity: 0.7;
}