/* City/airport suggestion list (assets/js/airport-autocomplete.js), used by every flight form. */
.ac-list {
  position: absolute; left: 0; right: 0; top: calc(100% + .375rem); z-index: 30;
  margin: 0; list-style: none; text-align: left;
  background: #fff; color: #17202a;
  border: 1px solid #e2e8f0; border-radius: .75rem;
  box-shadow: 0 4px 12px rgba(11, 31, 51, .08), 0 24px 48px -16px rgba(11, 31, 51, .22);
  max-height: 18rem; overflow-y: auto; padding: .375rem;
}
.ac-list[hidden] { display: none; }
.ac-item { display: flex; align-items: center; gap: .75rem; padding: .5rem .625rem; border-radius: .5rem; cursor: pointer; }
.ac-item.is-active, .ac-item:hover { background: #fff3e0; }
.ac-code {
  flex-shrink: 0; width: 3rem; text-align: center;
  font-size: .75rem; font-weight: 700; letter-spacing: .05em;
  background: #0b1f33; color: #fafaf7; border-radius: .375rem; padding: .25rem 0;
}
.ac-text { display: flex; flex-direction: column; min-width: 0; }
.ac-city { font-size: .875rem; font-weight: 600; line-height: 1.3; }
.ac-name { font-size: .75rem; color: #64748b; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-empty { padding: .625rem; font-size: .8125rem; color: #64748b; }