/**
 * Wayfinding map page.
 *
 * Loaded only on /map, so the Pointr SDK never touches another page.
 */

/* Pointr sets height:100% inline on the container we give it, and pointr.css
 * sizes its own inner wrapper the same way. Percentages only resolve against
 * an ancestor with a definite height, so this wrapper has to carry one --
 * without it the whole chain collapses and MapLibre falls back to a canvas's
 * default 300px. max() rather than height + min-height: one definite value,
 * so there is no clamping for the percentages below to trip over.
 */
.wayfinding-map {
  height: max(640px, calc(100vh - 110px));
}

.wayfinding-map__canvas {
  width: 100%;
  height: 100%;
}

.wayfinding-map__canvas--unavailable::after {
  display: block;
  padding: 40px 20px;
  content: 'The map could not be loaded. Please try again later.';
  text-align: center;
}

.wayfinding-map__fallback {
  margin: 0;
  padding: 40px 20px;
  text-align: center;
}