/*
 * Touch devices: block OS text-selection / copy callouts on interactive viewers.
 * Real form fields keep normal selection for editing.
 */
@media (hover: none) and (pointer: coarse) {
  html,
  body {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
  }

  input,
  textarea,
  select,
  option,
  [contenteditable="true"] {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    user-select: text;
  }

  button,
  [role="button"],
  label,
  .leaflet-container,
  .leaflet-pane,
  .leaflet-control,
  .leaflet-tooltip,
  .leaflet-popup,
  .map-toggle-control,
  .map-toggle-button,
  canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}