html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

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

@media print {
  @page {
    size: A4 landscape;
    margin: 5mm;
  }
  .MuiDrawer-root {
    display: none !important;
  }
  html {
    height: auto !important;
    overflow: visible !important;
  }
  body {
    height: auto !important;
    overflow: visible !important;
  }
}

.maplibregl-popup,
.maplibregl-popup-anchor-top,
.maplibregl-popup-anchor-bottom {
  width: 288px !important;
  max-width: 288px !important;
}

.maplibregl-popup-content {
  padding: 0 !important;
  width: 288px !important;
  border-radius: 15px !important;
}

.maplibregl-popup-close-button {
  font-size: 40px;   /* bigger "×" */
  width: 30px;       /* enlarge hit area */
  height: 30px;
  line-height: 30px; /* center the "×" */
  right: 5px;        /* adjust positioning if needed */
  top: 5px;
}