/**
 * Global Opaque Dropdown Styles for InteractionAI
 * Ensures all suggestion menus are fully visible and fast
 */

/* Make ALL suggestion dropdowns opaque */
#suggestions, 
#searchSuggestions, 
#medicationSuggestions,
.suggestions-dropdown,
.autocomplete-dropdown,
.dropdown-menu,
.search-suggestions,
.medication-suggestions {
    background: #FFFFFF !important;
    opacity: 1 !important;
    border: 2px solid #1e40af !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 1050 !important;
}

/* Opaque dropdown items */
.dropdown-item,
.search-item,
.medication-suggestion,
.autocomplete-item {
    background: #FFFFFF !important;
    opacity: 1 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Opaque hover effects */
.dropdown-item:hover,
.search-item:hover,
.medication-suggestion:hover,
.autocomplete-item:hover {
    background: #f8fafc !important;
    opacity: 1 !important;
}

/* Force all autocomplete containers to be opaque */
.ui-autocomplete,
.ui-menu,
.typeahead,
.tt-menu,
.tt-dropdown-menu {
    background: #FFFFFF !important;
    opacity: 1 !important;
    border: 2px solid #1e40af !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Bootstrap dropdown overrides */
.dropdown-menu {
    background-color: #FFFFFF !important;
    opacity: 1 !important;
    border: 2px solid #1e40af !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Specific for any select2 or chosen dropdowns */
.select2-dropdown,
.chosen-drop {
    background: #FFFFFF !important;
    opacity: 1 !important;
    border: 2px solid #1e40af !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Speed up any transitions for faster feel */
.dropdown-item,
.search-item,
.medication-suggestion,
.autocomplete-item {
    transition: background-color 0.1s ease !important;
}