/* Vanilla Autocomplete — Bootstrap-friendly dropdown replacement for jQuery UI autocomplete */

.vanilla-ac-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1055;
  max-height: 260px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .375rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  margin-top: 2px;
}

.vanilla-ac-item {
  padding: 8px 12px;
  cursor: pointer;
  font-size: .875rem;
  border-bottom: 1px solid rgba(0,0,0,.05);
  transition: background .15s ease;
}

.vanilla-ac-item:last-child {
  border-bottom: none;
}

.vanilla-ac-item:hover,
.vanilla-ac-item:focus {
  background: var(--bs-primary-bg-subtle, #e7f1ff);
}

.vanilla-ac-item.vanilla-ac-no-result {
  color: #6c757d;
  cursor: default;
  text-align: center;
  font-style: italic;
}

.vanilla-ac-item.vanilla-ac-no-result:hover {
  background: transparent;
}

/* Fade-in animation replacing jQuery UI "puff" effect on selected user cards */
.vanilla-ac-fade-in {
  animation: vanillaAcFadeIn .4s ease forwards;
}

@keyframes vanillaAcFadeIn {
  from {
    opacity: 0;
    transform: scale(.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}