/* =============================================================================
   AUTOCOMPLETE — THIRD-PARTY VENDOR STYLESHEETS
   Do not mix with site styles. Maintain separately.

   Two libraries are present targeting different class namespaces:

   Library A — autocomplete.min.css
     Namespace : .autocomplete (div/group-based widget)
     Selected  : background #81ca91 (green)
     Source    : Third-party; minified

   Library B — auto-complete.css
     Namespace : .autocomplete-suggestions (list-based widget)
     Selected  : background #f0f0f0 (gray)
     Source    : Third-party; patch file for Library A

   NOTE: Both load globally on all pages. They do not share class names and
   will not conflict directly, but selected-item appearance differs between
   them. Audit which library is actually instantiated per component before
   removing either file.
   Source: autocomplete.min.css — .autocomplete namespace (div/group-based widget)
   ============================================================================= */

.autocomplete {
  background: #fff;
  z-index: 1000;
  font:
    14px/22px "-apple-system",
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid rgba(50, 50, 50, 0.6);
}
.autocomplete * {
  font: inherit;
}
.autocomplete > div {
  padding: 0 4px;
}
.autocomplete .group {
  background: #eee;
}
.autocomplete > div.selected,
.autocomplete > div:hover:not(.group) {
  background: #81ca91;
  cursor: pointer;
}


/* Source: auto-complete.css — .autocomplete-suggestions namespace (list-based widget); overrides 3a where selectors match */

.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);

  /* z-index: 9 (not the original 9999) - the site's fixed header (.site-header) is z-index: 10.
     This dropdown is positioned absolutely relative to the document, so it scrolls with the page
     while the header stays pinned - at 9999 it rendered on top of the header once the input
     scrolled near the top instead of passing underneath it like normal page content does. */
  position: absolute;
  display: none;
  z-index: 9;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.autocomplete-suggestion {
  position: relative;
  padding: 0 0.6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333;
}
.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6;
}
.autocomplete-suggestion.selected {
  background: #f0f0f0;
}