/* Kontejner u koji si stavio <svg> (npr. .hm-left ili #svg-holder) */
.hm-left, #svg-holder {
  position: relative; /* važno da tooltip bude pravilno pozicioniran */
}

/* SVG veličina i responsive ponašanje */
#mapa-italija {
  display: block;
  width: 100%;
  height: auto;
}

/* Region osnovni stil (nasleđuje fill/stroke iz SVG-a) */
#mapa-italija .region {
  cursor: pointer;
  transition: fill 180ms ease, stroke 180ms ease, opacity 180ms ease;
  vector-effect: non-scaling-stroke;
}

/* Hover */
#mapa-italija .region:hover {
  fill-opacity: 0.85;
  stroke-width: 0.6px; /* blagi naglasak */
}

/* Aktivne (ima objava) – malo tamnije */
#mapa-italija .region.active {
  fill: #e0e0e0; /* nijansa preko #ececec */
}

/* Tooltip (lokalni za Italiju) */
.it-tooltip {
  position: absolute;
  z-index: 5;
  min-width: 120px;
  max-width: 260px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(25, 25, 25, 0.92);
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  box-shadow: 0 6px 24px rgba(0,0,0,0.24);
  pointer-events: none;
  transform: translate3d(0,0,0);
}
.it-tooltip .sub {
  margin-top: 4px;
  color: #b7b7b7;
  font-size: 12px;
}