/**
 * Kachelofen Weiser – Orte-Karte (Frontend).
 */

.kw-karte {
    height: 600px;
    width: 100%;
    position: relative;
    z-index: 0;
}

/* Der Pin ist reine Grafik – keine Klick- oder Hover-Reaktion. */
.kw-karte__pin {
    pointer-events: none;
    background: none;
    border: 0;
}

.kw-karte__pin svg {
    display: block;
}

/* Gruppierte Orte: Kreis mit Anzahl. */
.kw-karte__cluster {
    background: none;
    border: 0;
}

.kw-karte__cluster-kreis {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

/* Ohne Bedienung ist auch die Gruppe reine Grafik. */
.kw-karte--statisch .kw-karte__cluster {
    pointer-events: none;
}

/* Statische Karte: verhält sich wie ein Bild. */
.kw-karte--statisch,
.kw-karte--statisch .leaflet-interactive {
    cursor: default;
}

/* Der Container selbst ist die Leaflet-Karte – die Hintergrundfarbe kommt
   als Inline-Style aus dem Widget. */
.kw-karte.leaflet-container {
    font: inherit;
}

.kw-karte .leaflet-control-attribution {
    background: rgba(255, 255, 255, 0.75);
    font-size: 10px;
    line-height: 1.4;
}