/* Dropdown Fix - Ensures select dropdowns stay open and are easy to interact with */

/* Base select styling for all dropdowns */
select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    position: relative;
}

/* Ensure dropdown has proper z-index when focused */
select:focus {
    position: relative;
    z-index: 9999 !important;
}

/* Make sure options are visible and styled properly */
select option {
    padding: 10px 12px !important;
    background-color: white !important;
    color: #333 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Hover state for options */
select option:hover,
select option:focus,
select option:checked {
    background-color: #f0f4ff !important;
    color: #3B5998 !important;
}

/* Disabled options */
select option:disabled {
    color: #999 !important;
    cursor: not-allowed !important;
}

/* Ensure select stays visible during interaction */
select:active,
select:focus-within {
    z-index: 9999 !important;
}

/* Fix for Windows/Chrome specific issues */
select::-ms-expand {
    display: none;
}

/* Ensure proper sizing */
select {
    min-height: 42px !important;
    padding: 8px 35px 8px 12px !important;
}

/* Dark mode support */
[data-theme="dark"] select option {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] select option:hover,
[data-theme="dark"] select option:focus,
[data-theme="dark"] select option:checked {
    background-color: #2a2a2a !important;
    color: #3B5998 !important;
}