/* Markers for the duty map, shared by the national page and the per-comune embed.
   These were inline in the national view, so every comune page rendered its pins
   with no size and no colour — present in the DOM, invisible on the map. */

.ft-pin-wrap { background: none; border: none; }
.ft-pin {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
.ft-pin.open { background: #2f9e44; }
.ft-pin.call { background: #f08c00; }
.ft-pin.closed { background: #4c6ef5; }
.ft-pin.unknown { background: #868e96; }

.ft-cluster-wrap { background: none; border: none; }
.ft-cluster {
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 12px;
  border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
.ft-cluster.open { background: #2f9e44; }
.ft-cluster.call { background: #f08c00; }
.ft-cluster.closed { background: #4c6ef5; }
.ft-cluster.unknown { background: #868e96; }

/* The pharmacy the reader asked to see. Drawn on top of whatever status pin may already
   be there, and deliberately the same ink as the selected day chip so "selected" reads
   the same in both places. It is its own marker rather than a lookup into the duty
   layers, because a pharmacy on duty on Saturday has no pin on a map showing "now". */
.ft-sel-wrap { background: none; border: none; }
.ft-sel {
  width: 26px; height: 26px; border-radius: 50%;
  background: #1b2733; border: 3px solid #fff;
  box-shadow: 0 0 0 3px rgba(27, 39, 51, .3), 0 1px 4px rgba(0, 0, 0, .5);
}

/* Status filters and legend — national map only, but they share the palette above. */
.ft-controls {
  margin: 0 0 .65rem;
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.1rem;
  align-items: center;
  font-size: .9rem;
}
.ft-controls label { white-space: nowrap; }
.ft-legend {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  color: #495057;
}
.ft-legend span::before {
  content: ""; display: inline-block; width: .72em; height: .72em; border-radius: 50%;
  margin-right: .28em; vertical-align: baseline;
}
.ft-legend .open::before { background: #2f9e44; }
.ft-legend .call::before { background: #f08c00; }
.ft-legend .closed::before { background: #4c6ef5; }
.ft-legend .unknown::before { background: #868e96; }