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

.uicore-autosuggest__container {
  position: relative;
}

.uicore-autosuggest__input {
  min-height: 28px !important;
  padding: $uicore-iui-input-padding !important;
}

.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;
  width: 100%;
  border: 1px solid var(--iui-color-border-foreground);
  border-top: 0;
  background-color: var(--iui-color-background);
  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: var(--iui-color-background-accent-muted);
}

.uicore-autosuggest__section-container {
  border-top: 1px dashed var(--iui-color-background-backdrop-hover);
}

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

.uicore-autosuggest__section-title {
  padding: 10px 0 0 10px;
  font-size: var(--iui-font-size-0);
  color: var(--iui-color-background-backdrop-hover);
}