.mapa-top { margin-bottom: 24px; }

.mapa-search__input { margin-bottom: 6px; position: relative; }
.mapa-search__days { margin-bottom: 6px; }

@media (min-width: 1170px) {
	.mapa-search__fields { display: flex; justify-content: flex-start; align-items: center; }
	.mapa-search__input { margin: 0 10px 0 0; min-width: 300px; }
	.mapa-search__days { margin: 0 10px 0 0; }
}



.mapa-search__results-wrapper {
	display: none;
	background-color: #F5F5F5;
}
.mapa-search__results-wrapper.on { display: block; }

.mapa-search-wrapper { position: relative; }
.mapa-search__results-wrapper { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; }
.mapa-search__results-wrapper { box-shadow: 5px 5px 20px silver }

@media (min-width: 768px) {
	.mapa-search__results-wrapper { width: 460px; }
}






.mapa-search__results { position: relative; padding: 12px; max-height: 500px; overflow: auto; }

.mapa-search-results__reset { position: absolute; top: 6px; right: 12px; z-index: 1; }
.mapa-search-results__reset { display: inline-block; padding: 4px; font-size: 11px; line-height: 1; font-weight: bold; text-transform: uppercase; }
.mapa-search-results__reset { text-decoration: none; }
.mapa-search-results__reset b { color: red }
.mapa-search-results__reset:hover { color: red }

.mapa-search-results-mesta {}
.mapa-search-results-mista { padding-top: 12px; }
.mapa-search-results__title { margin-bottom: 4px; padding-bottom: 4px; font-weight: bold; font-size: 16px; text-transform: uppercase; }
.mapa-search-results__title { border-bottom: 1px solid silver }

.mapa-search-results__item__link { display: flex; justify-content: space-between; align-items: center; padding: 6px; }
.mapa-search-results__item__link { text-decoration: none; }
.mapa-search-results__item__link:hover { background-color: #fff; }
.mapa-search-results__item__link:hover strong { text-decoration: underline; }

.mapa-search-results__item__link strong { margin-right: 24px; }






.mapa-content { display: flex; flex-direction: column; }

.mapa-vlastni-mapa { order: 1; width: 100%;  }
.mapa-kurzy { order: 2; width: 100%; margin-top: 24px; }

@media (min-width: 1170px) {
	.mapa-content { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; }
	.mapa-kurzy { order: 1; width: 25%; margin: 0 1% 0 0; max-height: 850px; overflow-y: auto; padding-right: 10px; }
	.mapa-vlastni-mapa { order: 2; width: 74%; margin: 0;  }
}



.mapa-kurzy { transition: all .2s ease-in-out; }
.mapa-kurzy.loading { opacity: .5; }


.mapa-kurzy__nadpis { margin-bottom: 16px; }

.mapa-kurzy-wrapper {}

.mapa-termin { margin-bottom: 8px; padding: 10px; border-radius: 4px; background-color: #F5F5F5; border: 1px solid #d9d9d9; }
.mapa-termin__lokalita { margin-bottom: 10px; font-size: 14px; }
.mapa-termin__vek { margin-bottom: 6px; font-size: 12px; }
.mapa-termin__den-cas { margin-bottom: 6px; font-size: 14px; }
.mapa-termin__cena { margin-bottom: 6px; font-size: 14px; }
.mapa-termin__prihlaseni { text-align: right; }

@media (min-width: 768px) {
	.mapa-kurzy-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px }
	.mapa-termin { margin: 0; }
	.mapa-termin__lokalita { font-size: 16px; }
}
@media (min-width: 960px) {
	.mapa-kurzy-wrapper { grid-template-columns: repeat(3, 1fr); gap: 24px }
}
@media (min-width: 1170px) {
	.mapa-kurzy-wrapper { grid-template-columns: 1fr; gap: 8px }
}




.mapa-kurzu-mapa { height: 500px; border-radius: 5px; border: 1px solid silver }

.mapa-kurzu-markery { display: none; }

.gm-style-iw-chr { height: 14px; }

.lokalita-marker-content { min-width: 250px; }

.lokalita-marker__nazev { margin-bottom: 10px; font-weight: bold; font-size: 16px; }

.lokalita-marker__terminy { max-height: 340px; overflow-y: auto }

.lokalita-marker-termin { margin-bottom: 8px; padding: 10px; border-radius: 4px; background-color: #F5F5F5; border: 1px solid #d9d9d9; }

.lokalita-marker-termin__vek { margin-bottom: 10px; font-size: 12px; }
.lokalita-marker-termin__den-cas { margin-bottom: 10px; font-size: 12px; font-weight: bold; }
.lokalita-marker-termin__prihlaseni { text-align: right; }
.lokalita-marker-termin__prihlaseni .mapa-termin-btn { padding: 4px 8px; }



@media (min-width: 768px) {
	.mapa-kurzu-mapa { height: 600px; }
}

@media (min-width: 1170px) {
	.mapa-kurzu-mapa { height: 850px; }
	
	.lokalita-marker-content { min-width: 300px; }
}