/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "../inputs/input";
@import "../scrollbar";

.uicore-autosuggest__container {
  position: relative;
}

.uicore-autosuggest__input {
  @include uicore-inputs-input;
}

.uicore-autosuggest__input--focused {
  outline: none;
}

.uicore-autosuggest__input::-ms-clear {
  display: none;
}

.uicore-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.uicore-autosuggest__suggestions-container {
  display: none;
}

.uicore-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 24px;
  width: 100%;
  border: 1px solid $buic-inputs-border;
  background-color: $buic-background-control;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
  max-height: 400px;
  overflow-y: auto;
  z-index: 2;

  @include uicore-touch-scrolling;
  @include uicore-scrollbar();
}

.uicore-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.uicore-autosuggest__suggestion {
  cursor: pointer;
  padding: 5px 10px;
}

.uicore-autosuggest__suggestion--highlighted {
  background-color: $buic-row-selection;
}

.uicore-autosuggest__section-container {
  border-top: 1px dashed $buic-background-divider;
}

.uicore-autosuggest__section-container--first {
  border-top: 0;
}

.uicore-autosuggest__section-title {
  padding: 10px 0 0 10px;
  font-size: $uicore-font-size-small;
  color: $buic-background-table-header;
}