/* Unable to find ... message */
.message {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    background-color: var(--search-bg);
    border: 1px solid var(--border);
    border-radius: 5px;
    box-shadow: 0 0 10px var(--box-shadow);
    z-index: 1000;
    width: auto;
    max-width: 80%;
    text-align: center;
    color: var(--text-color);
}

/* Map container */
#map {
    height: calc(100% - 65px);
    width: 100%;
    top: 65px;
}

.leaflet-control-layers-toggle {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: var(--html-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border) !important;
}

.leaflet-popup-content-wrapper a {
    color: var(--link) !important;
}

.leaflet-popup-content-wrapper a:hover {
    text-decoration: underline;
}

/* Leaflet control buttons */
.leaflet-control-locate,
.leaflet-control-layers-toggle {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-bar a,
.leaflet-bar a:focus,
.leaflet-bar a:active,
.leaflet-bar a:hover {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.24) !important;
    transition: background-color 0.2s;
}

.leaflet-control-layers-toggle,
.leaflet-control-layers-expanded {
    background-color: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
    background-color: var(--search-select) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: var(--html-bg) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border) !important;
}

.leaflet-popup-content-wrapper a {
    color: var(--link) !important;
}

.leaflet-popup-content-wrapper a:hover {
    text-decoration: underline;
}

/* Leaflet attribution control */
.leaflet-control-attribution {
    background: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
}

.leaflet-control-attribution a {
    color: var(--link) !important;
}

.leaflet-control-attribution a:hover {
    text-decoration: underline !important;
}

/* Leaflet scale control */
.leaflet-control-scale {
    background: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
    text-shadow: 1px 1px 2px var(--border) !important;
}

.leaflet-control-scale-line {
    background: var(--button) !important;
    border: 1px solid var(--border) !important;
    color: var(--fg) !important;
    text-shadow: 1px 1px 2px var(--border) !important;
}

@media only screen and (max-width: 880px) {
  #map {
    top: 130px !important;
  }
}