@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
  font-family: "Montserrat", system-ui, -apple-system, sans-serif;
  /* Removes ~300ms tap delay and double-tap-to-zoom on mobile buttons. */
  touch-action: manipulation;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

button,
a,
[role="button"],
.MuiButtonBase-root {
  touch-action: manipulation;
}

.maplibregl-ctrl-group button {
  touch-action: manipulation;
  min-width: 44px;
  min-height: 44px;
}

/*
 * Main map control stack: stuck to the right (LTR) / left (RTL),
 * vertically centered at mid-screen. !important beats MapLibre defaults
 * loaded after /styles.css via the JS bundle.
 */
.maplibregl-ctrl-top-right {
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%);
}

.maplibregl-ctrl-top-left {
  top: 50% !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%);
}

/* iOS Safari zooms focused inputs when font-size < 16px. Match MUI md (~900px). */
@media (max-width: 899px) {
  input,
  textarea,
  select,
  .MuiInputBase-input,
  .MuiSelect-select,
  .MuiAutocomplete-input {
    font-size: 16px !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}