.rotated-label {
  transform: rotate(300deg);
  font-size: 12px;
  font-family: "Playfair Display", serif; /* Elegant serif font */
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;
}

.static-label {
  transform: rotate(25deg);
  font-size: 16px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;
}

.static11-label {
  transform: rotate(5deg);
  font-size: 16px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;
}

.static27-label {
  transform: rotate(300deg);
  font-size: 16px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;
}

.static1-label {
  transform: rotate(2deg);
  font-size: 16px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;
}

.staticParkArea-label {
  transform: rotate(25deg);
  font-size: 11px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;

  /* ✅ Center the text inside the div */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.staticHall-label {
  transform: rotate(25deg);
  font-size: 10px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-style: italic;
  color: black;
  padding: 4px 8px;
  white-space: nowrap;

  /* ✅ Center the text inside the div */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* TOMB LABEL NUMBERS */
.plot-label-div {
  color: black;
  font-size: 12px; /* Fixed size (does not zoom) */
  font-weight: bold;
  font-family: "Playfair Display", serif;
  text-align: center;
  white-space: nowrap;
  pointer-events: none; /* So it doesn't interfere with click events */
  background: none; /* Transparent background */
  border: none; /* No border */
  box-shadow: none; /* No shadow */
  transform: translate(-50%, -50%); /* Center label inside polygon */
  position: absolute; /* Position fixed relative to map */
}