/* Zoning by district overlay: a card with its title and one switch. Reuses the zone card styles (investment-zone-layer.css). */
/* Desktop: the overlay cards share one column in the bottom-left corner of the map. */
.map-overlay-corner{
  position:absolute;z-index:7;left:9px;bottom:32px;width:340px;
  display:flex;flex-direction:column;gap:8px;pointer-events:none;
  transition:left .42s cubic-bezier(.22,1,.36,1);
}
.map-overlay-corner:empty{display:none}
.map-overlay-corner>.zone-years-panel{position:relative;inset:auto;width:auto;pointer-events:auto}
body.filters-open .map-overlay-corner{left:calc(var(--filter-panel-width) + 9px)}
body.filters-open .map-overlay-corner>.zone-years-panel{left:auto}

.land-allocation-marker{border:0;padding:0;background:transparent;cursor:pointer;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.land-allocation-marker[hidden]{display:none}
.land-allocation-marker.is-crowded{visibility:hidden;pointer-events:none}
.land-allocation-marker span{display:block;padding:3px 7px;border:1px solid #e3262b;border-left:4px solid #e3262b;border-radius:2px;background:color-mix(in srgb,var(--land-color) 22%,#fffdf8);color:#1b2a33;font-size:10px;font-weight:600;line-height:1.15;letter-spacing:.01em;white-space:nowrap;box-shadow:0 3px 10px #002b3c22;transition:box-shadow .2s}
.land-markers-compact .land-allocation-marker span{padding:2px 5px;font-size:8.5px;border-left-width:3px}
.land-allocation-marker:hover span,.land-allocation-marker.is-selected span{box-shadow:0 0 0 4px #fdda7280,0 0 18px #fdda72}

.land-allocation-popup-swatch{width:30px;height:30px;border:2px solid #e3262b;background:var(--land-color)}
.land-allocation-popup .investment-zone-popup-facts{margin-top:14px}
.land-allocation-popup-note{margin-top:12px;font-size:12.5px;line-height:1.45}

@media (max-width:820px){
  .map-stage .map-toolbar .land-allocation-panel{position:relative;inset:auto;grid-column:1 / -1;width:100%;padding:10px 0 2px;border:0;border-top:1px solid var(--line);box-shadow:none;background:transparent}
  .land-allocation-marker span{font-size:8.5px;padding:2px 4px}
  /* The toolbar stays short: an overlay that is off is just its switch, and the
     zone periods step aside while the districts are shown. */
  .land-allocation-panel.zones-disabled .zone-years-heading{margin-bottom:0}
  .land-allocation-panel:not(.zones-disabled) ~ .zone-years-panel .zone-years-heading{margin-bottom:0}
  .land-allocation-panel:not(.zones-disabled) ~ .zone-years-panel .zone-years-buttons{display:none}
}

.land-allocation-panel .zone-years-heading{margin-bottom:0}