/* Travel 1455 - Main Styles */

/* Custom body styles */
body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* CSS variable for header height used by the sticky filters (pure CSS, no JS).
   Define on :root so siblings can read it via var(--header-h). Tune values per breakpoint. */
:root {
  --header-h: 4rem; /* default (mobile) */
}
@media (min-width: 768px) {
  :root {
    --header-h: 7rem; /* larger header on md+ */
  }
}

code {
  font-family: "Monaco", "Courier New", monospace;
}

/* Sonner Toast Loader Styles */
.sonner-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: opacity 0.2s, transform 0.2s;
}

.sonner-loader[data-visible="false"] {
  opacity: 0;
  transform: scale(0.8) translate(-50%, -50%);
}

/* Fallback styles for arbitrary Tailwind utilities that may be missing
   (ensures layout doesn't break if compiled Tailwind omitted bracketed classes) */
@media (min-width: 768px) {
  /* width for the departure trigger and its dropdown on md screens */
  #departureTrigger,
  #dateDropdown {
    width: 280px;
  }
}