/**
 * Ingenco Jets — Search Form Round Trip / Multi Trip styles
 * Only adds styles for NEW elements. Zero changes to existing .jet-form design.
 */

/* ── Return row + multi rows: match existing row look exactly ──────────── */
.jet-return-row,
.jet-multi-leg {
  border-top: 1px solid rgba(201, 168, 76, 0.18);
  padding-top: 4px;
  margin-top: 4px;
}

/* ── Multi-trip action buttons row ─────────────────────────────────────── */
.ingenco-multi-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 14px;
  flex-wrap: wrap;
}

/* Add Trip button — gold outline, matches site palette */
.ingenco-btn-add-trip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  color: #2983d5;
  padding: 7px 15px !important;
  border-radius: 6px;
  font-size: 14px !important;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
  white-space: nowrap;
}
.ingenco-btn-add-trip:hover {
  background: #2983d5;
  color: #fff;
}

/* Remove button — same style but muted until hovered */
.ingenco-btn-remove-trip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  color: #2983d5;
  padding: 7px 15px !important;
  border-radius: 6px;
  font-size: 14px !important;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
  white-space: nowrap;
}
.ingenco-btn-remove-trip:hover {
  background: #d63638;
  border-color: #d63638;
  color: #fff;
}

/* Search button stays on the right — push it to end of flex row */
.ingenco-search-action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  /* margin-top: 14px; */
  flex-wrap: wrap;
}
.ingenco-search-action-row .search-btn {
  margin: 0;
}

/* ── Search form inline error message ────────────────────────────── */
.jet-form .jet-form-error {
  background: #fff3f3;
  border: 1px solid #d63638;
  color: #d63638;
  padding: 10px 16px;
  border-radius: 6px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
}

/* ── Round trip — return date row (compact, date only) ────────────── */
#ingencoReturnRow {
  align-items: center;
  gap: 12px;
}
.return-date-label {
  font-size: 13px;
  font-weight: 600;
  color: #2983d5;
  white-space: nowrap;
}

/* ── Airport autocomplete ─────────────────────────────────────────── */
.jet-airport-autocomplete {
  position: relative;
}
.jet-airport-autocomplete .jet-airport-input {
  width: 100%;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  outline: none;
}
.jet-airport-results {
  position: fixed;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
  max-height: 320px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  z-index: 999999;
  pointer-events: auto;
}
.jet-airport-result-item {
  padding: 10px 14px;
  cursor: pointer;
  font-size: 13px;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
}
.jet-airport-result-item:last-child {
  border-bottom: none;
}
.jet-airport-result-item:hover {
  background: #edf6ff;
}
.jet-airport-result-city {
  font-weight: 700;
  color: #0d0d0d;
}
.jet-airport-result-code {
  color: #2983d5;
  font-weight: 600;
}
.jet-airport-result-name {
  width: 100%;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}
.jet-airport-result-empty {
  padding: 14px;
  font-size: 13px;
  color: #9ca3af;
  text-align: center;
}

/* ── Required field error highlight ──────────────────────────────── */
.jet-field-error,
.jet-form-input .jet-field-error,
.jet-airport-input.jet-field-error {
  border: 2px solid #d63638 !important;
  border-radius: 4px;
  background: #fff8f8 !important;
}
