.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: 700px; overflow-y: auto; padding-right: 10px; }
	.mapa-vlastni-mapa { order: 2; width: 74%; margin: 0;  }
}
@media (min-width: 1400px) {
	.mapa-kurzy { max-height: 800px }
}
@media (min-width: 1650px) {
	.mapa-kurzy { max-height: 850px; }
}

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


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

.mapa-kurzy-wrapper { margin-bottom: 32px; }

.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 { margin-bottom: 48px; 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; }

.custom-marker { display: block; width: 10px;height: 10px; background-color: red; }

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

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



/* TOhle casem do separe CSS  */
.map-marker-icon { display: block; width: 40px; height: 47px; background-position: center center; background-size: 40px 47px; background-repeat: no-repeat; }

.map-marker-icon.baby { background-image: url(icons/gpd-baby.png); }
.map-marker-icon.junior { background-image: url(icons/gpd-junior.png); }
.map-marker-icon.sport { background-image: url(icons/gpd-sport.png); }

.map-marker-icon.baby.junior { background-image: url(icons/gpd-baby-junior.png); }
.map-marker-icon.baby.sport { background-image: url(icons/gpd-baby-sport.png); }
.map-marker-icon.junior.sport { background-image: url(icons/gpd-junior-sport.png); }

.map-marker-icon.baby.junior.sport { background-image: url(icons/gpd.png); }