/* Bootstrap form-control exact match - ONLY on fieldGroup */
.airport-lookup-container .ms-TextField-fieldGroup {
  display: block !important;
  background: transparent !important;
}

.airport-lookup-container .ms-TextField-fieldGroup:focus,
.airport-lookup-container .ms-TextField-fieldGroup:focus-within {
  border-color: #66afe9 !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.airport-lookup-container .ms-TextField-field::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.airport-lookup-container .ms-TextField-field:focus {
  outline: none !important;
  box-shadow: none !important;
}

.airport-callout {
  min-width: 300px !important;
  max-width: 500px !important;
}

.airport-results {
  max-height: 400px !important;
  overflow-y: auto !important;
  background-color: #ffffff !important;
}

.airport-item {
  padding: 12px 16px !important;
  cursor: pointer !important;
  border-bottom: 1px solid #e0e0e0 !important;
  transition: background-color 0.15s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.airport-item:hover {
  background-color: #f5f5f5 !important;
}

.airport-item:focus {
  outline: 2px solid #0078d4 !important;
  outline-offset: -2px !important;
  background-color: #f5f5f5 !important;
}

.airport-item:last-child {
  border-bottom: none !important;
}

.airport-code {
  font-family: 'AmericanSans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1B1F23 !important;
  min-width: 50px !important;
  text-align: left !important;
}

.airport-details {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.airport-name {
  font-family: 'AmericanSans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1B1F23 !important;
  line-height: 1.4 !important;
}

.airport-location {
  font-family: 'AmericanSans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #767676 !important;
  line-height: 1.3 !important;
}

.airport-loading,
.airport-no-results {
  padding: 20px 16px !important;
  text-align: center !important;
  font-family: 'AmericanSans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #767676 !important;
}

.airport-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Scrollbar styling for American Airlines branding */
.airport-results::-webkit-scrollbar {
  width: 8px !important;
}

.airport-results::-webkit-scrollbar-track {
  background: #f5f5f5 !important;
  border-radius: 4px !important;
}

.airport-results::-webkit-scrollbar-thumb {
  background: #c1c1c1 !important;
  border-radius: 4px !important;
}

.airport-results::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0 !important;
}

/* TextField overrides for consistency */
.airport-lookup-container input {
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Disable Fluent UI default borders */
.airport-lookup-container .ms-TextField {
  border: none !important;
}