// Lightning Design System 2.264.0-beta.1
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

.slds-mobile-lookup__listbox_container {
  width: 100%;
  margin: $spacing-xx-small 0;
  background: var(--slds-g-color-neutral-base-100, #{$color-background-alt});
}

.slds-mobile-lookup__listbox-option {
  display: flex;
  align-items: center;
  margin-right: -($spacing-small);
  padding: $spacing-x-small $spacing-large $spacing-x-small 0;
  min-height: $height-tappable;
  line-height: 1.375;
  border-bottom: $border-width-thin solid var(--slds-g-color-neutral-base-95, #f1f2f3);

  mark {
    font-weight: $font-weight-bold;
    background-color: transparent;
    color: inherit;
  }
}

.slds-mobile-lookup__listbox-option_heading {
  font-size: $font-size-5;
  font-weight: $font-weight-bold;
  border-bottom: 0;
}

.slds-mobile-lookup__listbox_text {
  display: block;
  color: var(--slds-g-color-neutral-base-10, #{$color-gray-13});
  font-size: $font-size-5;
}

.slds-mobile-lookup__listbox_meta {
  display: block;
  color: var(--slds-g-color-neutral-base-50, #{$color-gray-9});
  font-size: $font-size-4;
}

.slds-mobile-lookup__listbox_icon_container {
  margin-left: auto;
  color: var(--slds-g-color-brand-base-30, #{$color-brand-dark});
}

.slds-mobile-lookup__listbox_trigger {
  line-height: border-box-line-height($height-tappable);
  justify-content: unset;
  font-size: $font-size-5;
  font-weight: $font-weight-bold;

  .slds-icon {
    margin-left: $spacing-small;
    fill: currentColor;
  }

  + .slds-mobile-lookup__listbox {
    margin-top: -($spacing-xx-small);
  }
}

.slds-mobile-lookup__listbox_loader {
  position: relative;
  height: $height-tappable; // Spinner's component tokens are not aligned to global values so we use a sensible default instead
}
