/* ============================================================
   TOUCH FLOORS
   Loaded after app.css on purpose. These live in their own file
   so that appending a new component block to app.css can never
   silently shrink a tap target below 44px again — which is
   exactly what happened when the charts block was appended after
   an earlier in-file version of these rules.
   ============================================================ */
@media (pointer:coarse){
  .btn{ --btn-h:44px; }
  .btn--sm{ --btn-h:44px; --btn-px:16px; }
  .seg__btn{ min-height:44px; }
  .navitem{ min-height:44px; }
  .linkbtn{ min-height:44px; }
  .mappane__pin .marker{ padding-block:7px; }
  .filters .select, .select--sm{ min-height:44px; }
  .input, .select, .textarea{ min-height:44px; }
  .tab{ min-height:44px; }
  .rowbtn{ min-height:44px; padding-inline:16px; }
  .searchbox input{ min-height:44px; }
  /* an 18px tick needs a 44px reach around it */
  .tick{ padding:13px; margin:-13px; }
}

/* Leaflet's default zoom buttons are 30px — below the touch minimum. */
@media (pointer:coarse){
  .leaflet-touch .leaflet-bar a,
  .leaflet-control-zoom a{ width:44px !important; height:44px !important; line-height:44px !important; }
}