/* App-specific tweaks on top of Bootstrap. Keep this small. */

.container-narrow {
  max-width: 32rem;
}

body {
  padding-bottom: env(safe-area-inset-bottom);
}

.token-code {
  font-family: var(--bs-font-monospace);
  letter-spacing: 0.05em;
}

.input-narrow {
  max-width: 12rem;
}

.place-item {
  color: var(--bs-body-color);
}

.place-item .place-distance {
  white-space: nowrap;
}

.checkin-time {
  min-width: 2.75rem;
  padding-top: 0.1rem;
  font-variant-numeric: tabular-nums;
}

.min-w-0 {
  min-width: 0;
}

.note {
  white-space: normal;
  overflow-wrap: anywhere;
}

.map-small {
  height: 220px;
}

/* Map page: fill the viewport below the navbar. */
.map-full {
  height: calc(100vh - 57px - 4.5rem);
  height: calc(100dvh - 57px - 4.5rem);
  position: relative;
}

.map-loading {
  position: absolute;
  inset: 0;
  z-index: 500;
}

.site-footer .container {
  column-gap: 1rem;
}