/*
 * pilot.css — the map fills the window. Light blue-grey around the flat map (as on the main
 * web map), near-black around the globe.
 */

html, body, #map {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body, #map {
  background: #e3edf2;
}

body.globe, body.globe #map {
  background: #05070b;
}

/* Mouse pointer over the map (js/map-cursor.js): the normal arrow instead of MapLibre's hand,
   also while a button is held; four arrows only while dragging. Same selectors as MapLibre's
   rules, so these win by coming later. */
.maplibregl-canvas-container.maplibregl-interactive,
.maplibregl-canvas-container.maplibregl-interactive:active {
  cursor: default;
}

.maplibregl-canvas-container.maplibregl-interactive.dragging {
  cursor: move;
}

/* TEST ONLY: over a Quarry river line, which can be clicked (js/quarry-water-test.js) */
.maplibregl-canvas-container.maplibregl-interactive.over-river:not(.dragging) {
  cursor: pointer;
}

/* TEST ONLY: the river name beside the pointer; it must not catch the pointer itself */
.quarry-river-hover {
  pointer-events: none;
}
.quarry-river-hover .maplibregl-popup-content {
  padding: 2px 8px;
  font-size: 12px;
}

/* TEST ONLY: the river popup's link to the river it flows into */
.quarry-river-popup .quarry-river-down {
  margin-top: 0.2em;
  font-size: 0.85em;
  color: #666;
}
.quarry-river-popup .quarry-river-down a {
  color: #1d4f7a;
}
.quarry-river-popup .quarry-river-debug {
  margin-top: 0.5em;
  padding-top: 0.3em;
  border-top: 1px solid #ddd;
  font: 0.75em/1.4 ui-monospace, Consolas, monospace;
  color: #888;
  user-select: text;
}
.quarry-river-popup .quarry-river-debug a {
  color: #666;
}
.quarry-river-popup .quarry-river-debug button {
  font: inherit;
  padding: 0 0.4em;
  cursor: pointer;
}