/* =========================================================
   DASH DROPDOWNS
   ========================================================= */

.custom-dropdown {
    width: 100%;
    margin: 0 0 8px 0;
    font-size: 14px;
    font-family: 'JetBrainsMonoNerdFont', monospace;
}

/* Main dropdown box */
.custom-dropdown .Select-control {
    min-height: 40px;
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 6px;
    color: var(--text-primary) !important;
}

/* Selected value */
.custom-dropdown .Select-value-label {
    color: var(--text-primary) !important;
}

/* Placeholder */
.custom-dropdown .Select-placeholder {
    color: var(--text-secondary) !important;
}

/* Search input */
.custom-dropdown .Select-input {
    color: var(--text-primary) !important;
}

.custom-dropdown .Select-input > input {
    color: var(--text-primary) !important;
    background: transparent !important;
    font-family: 'JetBrainsMonoNerdFont', monospace !important;
    font-size: 14px !important;
}

/* Dropdown menu */
.custom-dropdown .Select-menu-outer {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    z-index: 9999;
}

/* Options */
.custom-dropdown .Select-option {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

.custom-dropdown .Select-option:hover {
    background-color: var(--selection) !important;
    color: var(--text-primary) !important;
}

.custom-dropdown .Select-option.is-selected {
    background-color: var(--accent) !important;
    color: white !important;
}

/* Specifically force the dark-theme search text */
[data-theme="dark"] .custom-dropdown .Select-input input,
[data-theme="dark"] .custom-dropdown input[type="text"] {
    color: #ffcead !important;
    -webkit-text-fill-color: #ffcead !important;
    background: transparent !important;
    caret-color: #7d82d9 !important;
}