/* Shared by embedded RADOLAN maps and Hub Leaflet maps. */
.leaflet-container .leaflet-control-layers { font: 12px/1.4 Arial, sans-serif; max-width: min(270px, calc(100vw - 80px)); border: 1px solid #d6e1e9; border-radius: 8px; box-shadow: 0 2px 10px #16264218; }
.leaflet-container .leaflet-control-layers-expanded { padding: 8px 10px; }
.leaflet-container .leaflet-control-layers label { display: block; margin: 0; padding: 3px 0; font: inherit; color: #263d50; }
.leaflet-container .leaflet-control-layers label span { font: inherit; overflow-wrap: anywhere; }
.leaflet-container .leaflet-control-layers input { display: inline-block; width: 14px; height: 14px; min-height: 0; margin: 0 5px 0 0; padding: 0; vertical-align: middle; }
.leaflet-container .leaflet-control-attribution { font: 9px/1.35 Arial, sans-serif; max-width: calc(100vw - 20px); padding: 2px 5px; overflow-wrap: anywhere; }
.meteovise-map-legend { position: fixed; left: 12px; bottom: 54px; z-index: 800; box-sizing: border-box; width: min(242px, calc(100vw - 24px)); padding: 10px 12px; border: 1px solid #d7e1ea; border-radius: 8px; background: #ffffffed; color: #162a4c; font: 11px/1.4 Arial, sans-serif; pointer-events: none; }
.meteovise-map-legend strong { display: block; margin-bottom: 5px; font-size: 12px; }
.meteovise-map-gradient { height: 12px; border: 1px solid #ccd6df; background: linear-gradient(90deg, #fff0, #ffa600, #33cc33, #006600, #00ffff, #0000ff, #8a2be2); }
.meteovise-map-ticks { display:flex; justify-content:space-between; margin-top:4px; }
@media(max-width:480px) { .meteovise-map-legend { width: 200px; bottom: 70px; } .leaflet-container .leaflet-control-layers { max-width: 220px; font-size: 11px; } }