/* =============================================================================
   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);

  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  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;
}


