/* GRIDFIX-20261020 - proofok.com Leaflet tile repair (self-hosted, same-origin).
   WHY THIS FILE EXISTS
   The site CSS bundle ships these two rules:
     html body img, html body video, html body iframe { max-width: 100% !important }
     html body .leaflet-container .leaflet-tile, html body .leaflet-pane { max-width: 100% !important }
   A Leaflet tile <img> is position:absolute inside .leaflet-tile-container, which has no
   intrinsic size (0x0). max-width:100% therefore resolves to 0px, so every tile <img> is
   laid out 0px wide: the tiles still download (HTTP 200, naturalWidth 256) and still get
   the .leaflet-tile-loaded class, but nothing is painted and the map stays a dark box.
   Leaflet's own leaflet.css already says max-width:none, but the bundle rule wins on
   specificity (html body .leaflet-container .leaflet-tile = 0,2,2 vs 0,2,0).
   Fix: restore max-width:none at equal-or-higher specificity, loaded AFTER the bundle.
   Loaded only alongside leaflet.css, so it costs nothing when a page has no map. */

html body .leaflet-container .leaflet-tile,
html body .leaflet-container img.leaflet-tile,
html body .leaflet-container .leaflet-marker-icon,
html body .leaflet-container .leaflet-marker-shadow,
html body .leaflet-container .leaflet-image-layer,
html body .leaflet-container .leaflet-pane > svg,
#domination-map .leaflet-tile,
#service-map .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

/* The tile container must not clip the 256px tiles Leaflet positions inside it. */
html body .leaflet-container .leaflet-tile-container {
  max-width: none !important;
  max-height: none !important;
}