/* ========== ZÁKLADNÍ NASTAVENÍ MAPY ========== */

.trh-mapa svg {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ========== STÁNKY A ATRAKCE ========== */

/* stánky s prodejcem */
.stand-has-vendor {
  stroke-width: 3;
  stroke: #000;
  fill-opacity: 0.9;
}

/* vánoční atrakce */
.mapa-atrakce {
  stroke-width: 3;
  stroke: #ffeb3b;
  fill-opacity: 0.95;
}

/* aktuální stánek / atrakce v detailu
   (fallback – hlavní barvy nastavuje JS přímo na <path>/<polygon>) */
.mapa-current {
  fill: #F15725;
}

/* hover efekt pro všechny klikací prvky */
.stand-has-vendor:hover,
.mapa-atrakce:hover {
  filter: brightness(1.3);
}

/* ========== TOOLTIP ========== */

.mapa-trh-tooltip {
  position: absolute;           /* pozici nastavuje JS */
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  z-index: 9999;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  pointer-events: none;         /* aby tooltip neblokoval hover */
}

.mapa-trh-tooltip-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.mapa-trh-tooltip-image img {
  display: block;
  max-width: 150px;             /* požadovaná šířka náhledu */
  height: auto;
  border-radius: 3px;
}

.mapa-trh-tooltip-text {
  font-size: 18px;              /* požadovaný font pro název stánku */
  line-height: 1.3;
  text-align: center;
  white-space: normal;
}

/* externí odkazy v mapě */
.mapa-externi-odkaz {
  stroke-width: 3;
  stroke: #1976d2;
  fill-opacity: 0.95;
}

.mapa-externi-odkaz:hover {
  filter: brightness(1.3);
}