/* Hisingens biodlareförening – bitillsynskarta. Colours from the site theme:
   yellow #FFE510, ink #1E1B16, brown #7A4B00, cream #FFF8D9. */
.hbf_bimap_intro { background: #FFF8D9; }
.hbf_bimap_intro h1 { margin-bottom: .75rem; }
.hbf_bimap_lead { font-size: 1.15rem; max-width: 46em; }
.hbf_bimap_points { max-width: 46em; padding-left: 1.2rem; }
.hbf_bimap_points li { margin-bottom: .4rem; }
.hbf_bimap_section { padding-top: 1.25rem; }

.hbf_bimap_map {
    height: 70vh;
    min-height: 420px;
    max-height: 760px;
    width: 100%;
    border: 3px solid #FFE510;
    border-radius: .75rem;
    box-shadow: 0 2px 10px rgba(30, 27, 22, .1);
    background: #eef0ea;
}
@media (max-width: 767.98px) {
    .hbf_bimap_map { height: 62vh; min-height: 340px; border-radius: .5rem; }
}
.hbf_bimap_map.leaflet-container { font-family: inherit; font-size: .9rem; }

/* status / fallback */
.hbf_bimap_status { margin-bottom: .75rem; }
.hbf_bimap_fallback {
    margin: 0 0 .5rem;
    padding: .75rem 1rem;
    background: #FFE510;
    color: #1E1B16;
    border-left: 6px solid #1E1B16;
    border-radius: .5rem;
    font-weight: 600;
}
.hbf_bimap_fallback a { color: #1E1B16; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.hbf_bimap_noscript { padding: 1rem; }

/* district labels */
.leaflet-tooltip.hbf_bimap_label {
    background: rgba(255, 229, 16, .92);
    border: 1px solid #1E1B16;
    border-radius: .35rem;
    box-shadow: none;
    color: #1E1B16;
    font-weight: 700;
    font-size: .8rem;
    padding: 0 .35rem;
    line-height: 1.5;
}
.leaflet-tooltip.hbf_bimap_label::before { display: none; }
.hbf_bimap_labels_off .leaflet-tooltip.hbf_bimap_label { display: none; }

/* popup */
.hbf_bimap_popup { min-width: 12rem; }
.hbf_bimap_popup_title {
    font-family: "Barlow Condensed", inherit;
    font-weight: 700;
    font-size: 1.15rem;
    margin: 0 0 .35rem;
    color: #1E1B16;
}
.hbf_bimap_popup dl { display: grid; grid-template-columns: auto 1fr; gap: .1rem .6rem; margin: 0 0 .5rem; }
.hbf_bimap_popup dt { font-weight: 600; color: #7A4B00; }
.hbf_bimap_popup dd { margin: 0; }
.hbf_bimap_popup_link { margin: 0 !important; }
.hbf_bimap_popup_link a { font-weight: 600; color: #7A4B00; }

/* layer control + legend */
.hbf_bimap_map .leaflet-control-layers { border-radius: .5rem; }
.hbf_bimap_map .leaflet-control-layers-expanded { padding: .5rem .75rem; }
.hbf_bimap_map .leaflet-control-layers label { margin-bottom: .2rem; }
.hbf_bimap_legend {
    background: #fff;
    padding: .4rem .7rem;
    border-radius: .5rem;
    max-width: 17rem;
}
.hbf_bimap_legend summary { cursor: pointer; font-weight: 700; }
.hbf_bimap_legend ul { list-style: none; margin: .4rem 0 0; padding: 0; }
.hbf_bimap_legend li { display: flex; align-items: center; gap: .45rem; margin: .2rem 0; }
.hbf_bimap_legend li[hidden] { display: none; }
.hbf_bimap_legend li.hbf_bimap_legend_wms { flex-direction: column; align-items: flex-start; gap: .1rem; margin-top: .35rem; }
.hbf_bimap_legend_title { font-weight: 600; font-size: .85rem; }
.hbf_bimap_legend img { max-width: 100%; height: auto; }
.hbf_bimap_swatch {
    display: inline-block; width: 22px; height: 14px;
    border: 2px solid #1E1B16; background: rgba(255, 229, 16, .3); border-radius: 2px;
}
.hbf_bimap_source { font-weight: 600; }
.hbf_bimap_note, .hbf_bimap_links { font-size: .95rem; }