/* Mapa s podkladovým obrázkem – barvy uprav v proměnných podle projektu. */
.mapa {
  --mapa-tmava: #2A0F45;      /* plné tlačítko, text obrysového */
  --mapa-svetla: #ffffff;
  --mapa-radius: 18px;
  position: relative; min-height: 200px; border-radius: var(--mapa-radius); overflow: hidden; background: #ECE8F1;
}
/* Ve sloupci vedle formuláře: rodič display:flex; flex-direction:column; mapa vyplní zbytek výšky */
.mapa--vyplnit { flex: 1 1 auto; }
.mapa picture, .mapa__obr { position: absolute; inset: 0; width: 100%; height: 100%; }
.mapa__obr { object-fit: cover; object-position: center; }   /* značka je uprostřed výřezu → zůstane uprostřed */
.mapa__zdroj { position: absolute; top: 8px; right: 8px; font-size: 0.72rem; line-height: 1.3; color: #333; background: rgb(255 255 255 / 0.88); padding: 2px 7px; border-radius: 6px; }
.mapa__lista { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.mapa__tlacitko {
  box-sizing: border-box; display: inline-flex; align-items: center; min-height: 44px; padding: 9px 18px; border-radius: 999px;
  border: 2px solid var(--mapa-tmava); background: var(--mapa-svetla); color: var(--mapa-tmava);
  font-family: inherit; font-weight: 700; font-size: 0.95rem; line-height: 1.2; text-decoration: none; cursor: pointer; box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}
.mapa__tlacitko--plne { background: var(--mapa-tmava); color: var(--mapa-svetla); }
.mapa__tlacitko:hover { filter: brightness(1.15); }
.mapa iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 900px) { .mapa { min-height: 260px; } }