/**
 * Header Creative Elements ajax-search (document 1170201).
 *
 * Homepage unregisters jQuery UI CSS ({favryunregisterhomesearchcss}) while
 * the autocomplete JS remains in the CCC bundle. Creative Elements then skips
 * injecting jquery-ui.css because $.ui.autocomplete already exists.
 *
 * This file restores only the rules required for:
 * - dropdown positioning (not in-flow inside the header)
 * - live-region clipping (English "N results are available...")
 * - white panel background (jquery.ui.theme.css not reloaded)
 *
 * Do not use display:none on .ui-helper-hidden-accessible (screen readers).
 * Do not re-enable jquery.ui.theme.css / modules-searchbar.css.
 */

.ui-helper-hidden-accessible {
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

.ui-front {
  z-index: 100;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  outline: none;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

#header .elementor-search--skin-classic .elementor-search {
  position: relative;
  overflow: visible;
}

#header .elementor-search--skin-classic .elementor-widget-container,
#header .elementor-widget-ajax-search.elementor-search--skin-classic {
  overflow: visible;
}

#header .elementor-search--skin-classic .elementor-search__products {
  position: absolute;
  top: 100%;
  z-index: 9999;
  background-color: #fff;
  margin: 0;
}

#header .elementor-search--skin-classic .elementor-search__products:empty {
  display: none !important;
}