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

$uicore-list-item-height: calc(var(--iui-size-s) * 2);

ul.core-listbox {
  list-style: none;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  color: var(--iui-color-text);
  border: 1px solid var(--iui-color-border);
  position: relative; // required to properly set scrollTop position

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

  &:focus {
    border-color: var(--iui-color-border-accent);

    li.core-listbox-item.focused {
      background-color: var(--iui-color-background-accent-muted);
      border: 1px solid var(--iui-color-border-accent);
    }
  }

  li.core-listbox-item {
    display: inline-flex;
    line-height: $uicore-list-item-height;
    padding-left: 4px;

    &[aria-selected="true"] {
      background-color: var(--iui-color-background-accent-muted);
    }

    &[aria-disabled="true"] {
      pointer-events: none;
      color: var(--iui-color-text-disabled);
    }

    &:hover {
      background-color: var(--iui-color-background-hover);
    }
  }
}