/* MAPA */


.menu-container, header, .menu-top-container{
	pointer-events:none;
}

.location-map{
	z-index:1;
	text-align:left;
	position:relative;
	width:auto;
	
}

.find-salon .download{
	margin-left:0.3rem;
}


.location-map.ui-draggable svg{
	cursor: move;
    cursor: url('img/openhand.cur');
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.location-map.ui-draggable-dragging svg{
	cursor: grabbing;
    cursor: -webkit-grabbing;
	cursor: url('img/closedhand.cur');
    cursor: -moz-grabbing;
	
}


.location-map #ikony path{
	pointer-events: none;
	
}

/* .location-map .inactive polygon:hover, .location-map .inactive path:hover, .location-map .inactive rect:hover{ */
	/* fill:#ECECEC !important; */
	/* cursor:auto !important; */
/* } */

.location-map #inactive, .location-map .inactive {
	fill:#CCC !important;
	cursor:auto !important;
}

.location-map svg polygon{
	transition:all 0.2s linear;
	
}

.location-map svg .lokale path:not(.inactive):hover, .location-map svg .lokale rect:not(.inactive):hover, .location-map svg .budynki path:hover{
	fill:#D4F1F1;
	transition:all 0.2s linear;
	cursor:pointer;
	
}

.local-label .tooltip-title{
	font-size:0.9rem;
	font-weight:600;
	position:relative;
	margin-bottom: 0.2rem;
	line-height:1.2;
	color:white;
}


@media(min-width:768px){
	.local-label .tooltip-title{
		
	}
	
}

.local-label .excerpt p, .local-label .local{
	font-size:0.8rem;
	color:white;
	margin-bottom:0;
}



.overflow-hidden{
	overflow:hidden;
}

@keyframes pulse-fill {
	0% {
		fill: #D4F1F1;
	}
	50% {
		fill: #e6fafa;
	}
	100% {
		fill: #D4F1F1;
	}
}

.location-map svg .lokale path.active:not(.inactive),
.location-map svg .lokale rect.active:not(.inactive) {
	fill: #D4F1F1;
	animation: pulse-fill 1.2s infinite ease-in-out;
}





@media(max-width:767px){
	.local-label{
		max-width:100%;
	}
}


.hidden-local-content{
	position:absolute;
	background-color:#FFFFFF;
	max-width:100%;
}

.local-label{
	position:absolute;
	border-radius:1rem
}



.local-label .logo a img{
	border-radius:1rem;
	border:2px solid var(--color-1);
}

.local-label{
	padding:1rem 1rem 0 1rem;
	width:18rem;
	background-color:#335257;
	cursor:grab;
}


.local-label .phone{
	color:white;
}

.local-label .info .title{
	font-size:1.2rem;
	margin:0 0 0.2rem 0;
}




.tooltip-map{
	width:auto;
	max-width:300px;
	height:auto;
	position:absolute;
	z-index:999999999999;
	color:#FFFFFF;
	box-sizing:border-box;
	background-color:#000000 !important;
}
.tooltip-map p{
	margin:0;
	color:#FFFFFF;
	font-size:1rem;
	
}
.tooltip-map p.empty-local{
	background-color:#919191 !important;
}


.close-info-map{
	position:absolute;
	top:-0.5rem;
	right:-0.5rem;	
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}



.local-label .view-more{
	font-size:0.8rem;
	width:100%;
	text-align:center;
	
}


.close-info-map:before {
	content: url(../img/close.svg);
	width: 2rem;
	height: 2rem;
	display: block;
	padding: 0.08rem;
	background-color: var(--color-1);
	border-radius:100%;
	cursor:pointer;
}

.close-info-map:hover:before{
	background-color: #000000;
}



.close-info-map:after {
	content: '';
	background-image: url(../img/open-menu.svg);
	background-repeat: no-repeat;
	width: 1.1rem;
	height: 1.1rem;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	position: absolute;
	top: 0.45rem;
	right: 0.45rem;
}



.location-map svg text {
	font-family: "Exo 2", sans-serif !important;
	pointer-events: none;
}




.mapa .location-map img{
	border-radius:0.5rem;
	
}


@media(max-width:767px){
	.mapa .location-map svg, .mapa .location-map img{
		
		height:auto;
		width:90%;
		
	}
	
	.mapa .select2-container, .mapa .select2-selection, .mapa .selection {
	width:100% !important;
}
	
}
@media(min-width:768px){
	.mapa .location-map svg, .mapa .location-map img{
		transition:all 0.2s linear;
		height:100%;
		width:auto;
		
	}
}

.mapa .select2-container {
	margin:0.2rem;
}



.btn-filter-map{
	background-color: var(--color-1);
	color: white;
	display: inline-block;
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
	transition: all 0.2s linear;
	position: relative;
	width: auto;
	border: 0;
	line-height: 1.5;
	border-radius: 2rem;
	padding:0.6rem 3rem !important;
	font-size: 1rem;
	border: 2px solid var(--color-1);
	margin:0.2rem;
}


.btn-filter-map:hover, .btn-filter-map:focus, .btn-filter-map:active{
	background-color: #000000 !important;
	color: #ffffff;
	transition: all 0.2s linear;
	border: 2px solid #000000;
	display: inline-block;
	padding:0.6rem 3rem !important;
	width: auto;
	font-weight: 400;
	font-size: 1rem;
}

.lokale path.inactive{
	pointer-events:none;
	
}


.zoom-container{
	position:absolute;
	bottom:2rem;
	right:2rem;
	z-index:99;
}


.zoom-map, .unzoom-map, .download-map, .print-map {
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom:0.5rem;
	display: block;
	border: 1px solid var(--color-1);
	border-radius: 0.5rem;
}

.zoom-map:before {
	content: url(../img/icon_plus.svg);
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	padding: 0.5rem;
	cursor: pointer;
	
}

.unzoom-map:before {
	content: url(../img/icon_minus.svg);
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	padding: 0.5rem;
	cursor: pointer;
}

.download-map:before {
	content: url(img/icon_download.svg);
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	padding: 0.5rem;
	cursor: pointer;
}


.print-map:before {
	content: url(img/icon_print.svg);
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	padding: 0.5rem;
	background-color: var(--color-1);
	border-radius: 100%;
	cursor: pointer;
}

.zoom-map:hover, .unzoom-map:hover, .download-map:hover, .print-map:hover {
	opacity:0.7;
}

.page-template-mapa .important-information{
	display:none;
	height:0;
}
@media(max-width:767px){
	.page-template-mapa .footer-menu{
		display:none;
	}
}

svg text{
	font-family:"Exo 2"
}


.map-filter-wrapper{
	/* top:10rem; */
	/* left:4rem; */
	/* position:absolute; */
	/* z-index:999; */
	z-index:1;
}

/* END MAPA */


.location-map-content{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	min-height:100vh;
	width:100%;
}

main.mapa{
	height:100vh
}



.menu-container > div{
	pointer-events:none;
	
}

.menu-toggle-container::before{
	pointer-events:none;
}

.map-filter-wrapper{
	pointer-events:none;
	padding-top:8rem;
}

.map-filter-wrapper select{
	pointer-events:auto;
	
}



.mapa-svg-2, .mapa-svg-3{
	display:none
	
}

.logo .st0{
	fill: #0478ba;
}

.btn-map{
	display:block;
	color:var(--color-1);
	padding: 0.6rem 0.8rem 0.6rem 0.8rem;
	font-weight: 600;
	border-radius:6px;
	display:inline-block;
	text-decoration:none !important;
	border:1px solid var(--color-1);
	font-size: 0.9rem;
	pointer-events:auto;
	cursor:pointer;
	margin:0.2rem;
}

.btn-map:hover, .btn-map.active{
	color:var(--color-1);
	background-color:var(--color-4);
	border:1px solid var(--color-4);
}


/* SELECT */



.select2{
	pointer-events: auto;
}

.select2-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.select2-search--dropdown {
	display: block;
	padding: 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--color-1);
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto;
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0;
}
.select2-dropdown {
	background-color: var(--color-1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	z-index: 1051;
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
	color:white;
	cursor:pointer;
}

.select2-search{
	border-radius:6px;
}

.select2-container--default .select2-results__options {
  white-space: normal;
  word-break: break-word;
}

.select2-container--default .select2-dropdown {
  top: 100% !important; /* wymusza pozycję tuż pod selectem */
  margin-top: 0 !important;
}

.category-select-form {
  position: relative;
  z-index: 10;
}

.select2-selection__clear {
  position: absolute !important;
  top: 0;
  right: 1.8rem;
  font-size: 1.9rem;
  font-weight: 300 !important;
  color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}




#map-filter .select2-container--default .select2-selection--single{
	border: 1px solid var(--color-1);
	color: #000000;
	border-radius: 6px;
	text-align: left;
	padding: 0.6rem 2rem 0.6rem 0.8rem;
	appearance: none;
	
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1rem;
	width:auto;
	font-size:0.9rem;
	font-weight: 600;
	
}

#map-filter .select2-container .select2-selection--single {
	height: auto;
	position: relative;
	display: inline-block;
}


#map-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	padding-left: 0;
	padding-right: 1.5rem;
}

#map-filter .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}



#map-filter .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}



.select2 .selection{
display: inline-block;
}

#map-filter .select2-selection__clear {
	position: absolute !important;
	top: 0;
	right: 1.6rem;
  font-size: 1.5rem;
	font-weight: 300 !important;
	color: #000000;
}


#map-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.5rem !important;
	position: absolute;
	top: 0rem !important;
	right: 1px;
	width: 2rem !important;
}

.select2-container{
display: inline-block;
width:auto !important;
}

.location-map svg {
	/* width: auto !important; */
	/* max-width: none; */
	/* height: 100%; */
}



.location-map svg{
	/* height:100%; */
	/* width:auto; */
	
}


.location-map-content{
	pointer-events:none;
}
.location-map, .local-label{
	pointer-events:auto;
}


.location-map svg {
	touch-action: none !important;
	user-select: none;
	will-change: transform;
}