/* Eigene Karte: Ebenen-Schalter, Hintergrund ohne Basiskarte. Die Kartenfarben selbst stehen in
   karte-stil.js (Basiskarte) und karte-symbole.js (Luftfahrt), jeweils hell und dunkel. */
.route-map .leaflet-tile-pane { filter: none; }
.route-map { --karte-grund: #f6f4ec; }
:root[data-theme="dark"] .route-map { --karte-grund: #161a1f; }
.route-map.leaflet-container { background: var(--karte-grund); }
/* Nur Luftfahrtdaten: neutraler Grund, damit Lufträume und Symbole gut lesbar bleiben */
.route-map.ohne-basis.leaflet-container { background: var(--map-bg); }

.karte-schalter { display: grid; justify-items: end; gap: 6px; }
.karte-schalter .map-switch button.on { background: var(--ink); color: var(--on-ink); }
.karte-ebenen { margin: 0; padding: 8px 12px 10px; min-width: 210px; border: 0; border-radius: 12px; background: var(--surface); color: var(--text);
  box-shadow: 0 2px 10px rgba(0,0,0,.2); font: 13px/1.3 var(--f-body); }
.karte-ebenen[hidden] { display: none; }
.karte-ebenen legend { float: left; width: 100%; padding: 2px 0 6px; font: 600 11px/1 var(--f-body); letter-spacing: .06em; text-transform: uppercase; color: var(--muted, #71717b); }
.karte-ebenen label { display: flex; align-items: center; gap: 8px; min-height: 32px; cursor: pointer; clear: both; }
.karte-ebenen input { width: 18px; height: 18px; margin: 0; accent-color: var(--brand); }
.karte-ebenen input:disabled + * , .karte-ebenen label:has(input:disabled) { opacity: .5; cursor: default; }
@media (pointer: coarse) { .karte-ebenen label { min-height: 44px; } }

.leaflet-control-attribution { font-size: 10.5px; line-height: 1.4; max-width: 70%; white-space: normal; text-align: right; }
@media (max-width: 600px) { .leaflet-control-attribution { max-width: 100%; } }
.route-map .leaflet-control-attribution { background: color-mix(in srgb, var(--surface) 88%, transparent); color: var(--text); }