#map {
      height: 400px;
      width: 100%;
      background-color: #f0f0f0;
      /* Temporary background while loading */
  }

  /* Ensure map tiles load properly */
  .leaflet-tile-container {
      z-index: 1;
  }

  /* RTL support */
  .leaflet-container {
      font-family: inherit;
  }

  /* Style for the location input */
  #map_location {
      direction: ltr;
      text-align: left;
  }

  /* Loading state */
  #map.leaflet-container {
      background-color: #f0f0f0;
  }