/**
 * Search & Filter Pro - Dropdown Search Override CSS
 * Version: 5.1
 */

/*
 * Fix 1: Position the search input absolutely so it overlays the combobox
 * trigger without affecting the layout of the placeholder/selected value.
 */
.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*
 * Fix 2: Vertically center the selected value / placeholder text.
 * When the search input is absolutely positioned, the flex container
 * needs to explicitly center its remaining visible child (the selection text).
 */
.search-filter-component-combobox__actions {
    align-items: center !important;
    position: relative !important;
}

/*
 * Ensure the selection text (placeholder) is not absolutely positioned
 * so it participates in flex layout and sets the container height.
 */
.search-filter-component-combobox__actions .search-filter-component-combobox__selection {
    position: relative !important;
}