/* Contact Form Dropdown Fix - Better Contrast */

/* Fix dropdown select visibility */
.form-input.is-select-input {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #3a3a3a !important;
}

/* Dropdown options styling */
.form-input.is-select-input option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 10px !important;
}

/* Optgroup styling - Category headers */
.form-input.is-select-input optgroup {
    background-color: #0f0f0f !important;
    color: #f5c542 !important;
    font-weight: 600 !important;
    font-size: 0.9em !important;
    padding: 8px 5px !important;
    margin-top: 5px !important;
}

/* Options within optgroups */
.form-input.is-select-input optgroup option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding-left: 20px !important;
    font-weight: 400 !important;
}

/* Placeholder/default option styling */
.form-input.is-select-input option[value=""] {
    color: #888888 !important;
    font-style: italic !important;
}

/* Hover state for options */
.form-input.is-select-input option:hover {
    background-color: #2a2a2a !important;
    color: #f5c542 !important;
}

/* Focus state for dropdown */
.form-input.is-select-input:focus {
    border-color: #f5c542 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(245, 197, 66, 0.1) !important;
}

/* Ensure text is visible when selecting */
.form-input.is-select-input:not([value=""]) {
    color: #ffffff !important;
}

/* Selected option styling */
.form-input.is-select-input option:checked {
    background-color: #f5c542 !important;
    color: #000000 !important;
}