/* Fix for search tab dropdowns */

/* Ensure dropdown wrappers are properly positioned */
#active-searchTab .dropdown-wrapper {
    position: relative;
    z-index: 10;
}

/* Ensure dropdowns appear above other content */
#dataSourcesDropdown,
#modesDropdown {
    position: absolute !important;
    z-index: 100 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Ensure buttons are clickable */
#dataSourcesDropdownBtn,
#modesDropdownBtn {
    position: relative;
    z-index: 11;
    cursor: pointer !important;
}

/* Fix dropdown menu visibility */
#dataSourcesDropdown.hidden,
#modesDropdown.hidden {
    display: none !important;
}

#dataSourcesDropdown:not(.hidden),
#modesDropdown:not(.hidden) {
    display: block !important;
}

/* Ensure dropdown items are interactive */
#dataSourcesDropdown .dropdown-item,
#modesDropdown .dropdown-item {
    cursor: pointer !important;
    user-select: none;
}

#dataSourcesDropdown input[type="checkbox"],
#modesDropdown input[type="checkbox"] {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Debug visibility */
.dropdown-menu {
    min-height: 50px; /* Ensure minimum height */
    background-color: rgba(31, 41, 55, 0.98) !important; /* Ensure background is visible */
}

/* Ensure search settings don't overlap */
.search-settings {
    position: relative;
    z-index: 5;
}

/* Fix any potential flex issues */
.search-header {
    position: relative;
    z-index: 20;
}