/* Plugin-side styles for the quote form. The theme already has the
   layout/visual bits (.quote-form, .row, .vehicle-grid, .estimate)
   — this file only adds the "vehicle radio is selected" hover
   refinements and any plugin-specific tweaks so the form still
   works visually if the theme is swapped later. */

.quote-form input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
.quote-form .vehicle-grid label span:first-of-type {
  margin-bottom: 4px;
}
.quote-form .estimate__price .small {
  font-size: 11px;
  margin-left: 6px;
  opacity: 0.6;
}

/* Trip type (One way / Return) — segmented toggle, same visual family
   as the vehicle radio cards. */
.quote-form .trip-toggle {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px;
}
.quote-form .trip-toggle label {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 8px;
  border: 1px solid var(--border, rgba(13,20,24,0.10));
  border-radius: var(--radius-sm, 8px);
  font-size: 13px; font-weight: 600;
  color: var(--ink, #0d1418);
  cursor: pointer; margin-bottom: 0;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.quote-form .trip-toggle label:hover { background: var(--bg-alt, #f4f4f1); }
.quote-form .trip-toggle input { display: none; }
.quote-form .trip-toggle label:has(input:checked) {
  border-color: var(--navy, #0d2436);
  background: var(--navy, #0d2436);
  color: #fff;
}

/* Return-leg block — revealed when "Return" is chosen. Set off from the
   outbound fields with a top divider and a small heading. */
.quote-form .grb-return {
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px dashed var(--border, rgba(13,20,24,0.10));
}
.quote-form .grb-return[hidden] { display: none; }
.quote-form .grb-return__head {
  margin: 0 0 8px;
  font-size: 12px; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--navy, #0d2436);
}

/* "Airports" heading shown above the static airport shortcuts in the
   pickup / drop-off dropdowns. */
.quote-form .ac__group-label {
  display: block;
  padding: 6px 12px 4px;
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--ink-soft, #4a5560);
  pointer-events: none;
}