/* BZ-42 (kontynuacja) - responsywna mapa pomieszczen BPN-T na mobile/tablet.
   Na razie TYLKO test. Czysto CSS - width:100% nadpisuje atrybut SVG width="1200".

   Problem 1 (skalowanie): #build-map-svg i #floor-map-svg svg maja twarde
   width/height (1200x900 / 1200x292) i siedza w .map_sec z overflow-x:scroll,
   przez co mapa jest przewijana poziomo zamiast dopasowana. Skalujemy do szerokosci
   kontenera (width:100% + viewBox), a tlo (buildings.png / plan pietra) skaluje sie
   z pudlem (background-size:100% 100%; box, viewBox i PNG maja ten sam aspect).

   Problem 2 (dymek, zgloszony bug #2): .map_description (nazwa budynku) ma sztywne
   height:50px -> gdy nazwa zawija sie do 2 linii, druga wypada poza babel. height auto
   + zawijanie + max-width. */

@media (max-width: 1599.98px) {

	.map_sec,
	.floor-map_sec {
		overflow-x: visible;
		padding-bottom: 0;
	}

	#build-map-svg,
	#floor-map-svg svg {
		width: 100%;
		height: auto;
		max-width: 1200px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}

	.map_description {
		height: auto;
		min-height: 46px;
		max-width: min(240px, 80vw);
		white-space: normal;
		box-sizing: border-box;
	}
}