html {
    scroll-behavior: smooth;
  }

  .leaflet-control-attribution {
    display: none !important;
  }

  #mapsection, #map {
    /* height: 100%; */
    margin: 0;
    padding: 0;
    z-index: 1;
  }

  .mapsection #map {
    height: 650px;
  }

  @media (max-width: 767px) {
    .mapsection #map {
      height: 350px !important;
    }
    .mapsection #mapsection {
      min-height: 350px !important;
    }
  }

  .leaflet-container {
    background: #e6e6e6;
  }

  .leaflet-tile {
    background-color: #e6e6e6;
    image-rendering: pixelated;
  }

  .leaflet-container img {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
  }

  /* Facility elements */
  .facility-element {
    background: white;
    width: 250px;
  }

  .facility-element strong {
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
  }

  .facility-element p {
    font-size: 12px;
    color: #666;
    margin: 0 !important;
    margin-bottom: 5px !important;
  }

  .facility-element button {
    margin-top: 8px;
  }

  .facility-element img {
    margin: 10px 0px;
    height: 100px;
  }

  /* Tooltip label style for facility name */
  .facility-label {
    background: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  }

  .leaflet-tooltip-top {
    margin-top: -50px !important;
  }

  .leaflet-tooltip.facility-label-tooltip {
    pointer-events: auto !important;
    background: transparent;
    border: none;
    box-shadow: none;
  }

  .facility-label-tooltip {
    pointer-events: auto !important;
    background: transparent;
    border: none;
    box-shadow: none;
    z-index: 1000;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .facility-label-tooltip:hover {
    z-index: 9999 !important;
  }

  .leaflet-container:fullscreen {
    width: 100% !important;
    height: 100% !important;
  }