/* Saguramo Garden Village — masterplan.
   Sahə nömrələri 3D-nin üstündə DOM etiketləri kimi dayanır. */

/* ---------- sahə nömrəsi ---------- */
.plot-tag {
  position: absolute;
  transform: translate(-50%, -50%);
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  border-radius: 6px;
  padding: 2px 6px;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
  white-space: nowrap;
}
.plot-tag.free { background: var(--ok) }
.plot-tag.hold { background: var(--hold) }
.plot-tag.sold { background: #6f7b82 }
.plot-tag.sel {
  background: var(--accent);
  outline: 2px solid #fff;
}
/* filtrə uyğun gəlməyən sahə */
.plot-tag.dim { opacity: .25 }

/* ---------- ev tipi seçimi ---------- */
.types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.type {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px;
  background: var(--surface2);
  text-align: left;
}
.type b {
  font-family: var(--f-display);
  font-size: 16px;
  display: block;
}
.type span {
  font-size: 12px;
  color: var(--muted);
}
.type[aria-pressed="true"] {
  border-color: var(--accent);
  background: var(--accent-soft);
}

/* ---------- qiymət bölgüsü ---------- */
.breakdown {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
}
.breakdown div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.breakdown span:last-child {
  font-family: var(--f-mono);
}
.breakdown .sum {
  border-top: 1px solid var(--line);
  padding-top: 6px;
  font-weight: 700;
}