.post-marker {
  position: relative;
  transform: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

/* Petit post */
.post-marker-compact {
  padding: 2px 4px;
}

.post-marker-expanded {
  padding: 0;
}

.marker-inner {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(6, 40, 80, 0.9);
  border: 1px solid rgba(80, 180, 255, 0.9);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  max-width: 220px;
}

.marker-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #3ec6ff;
  margin-right: 6px;
}

.marker-text {
  color: #e8f5ff;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gros post */
.marker-expanded-inner {
  display: flex;
  flex-direction: column;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(8, 20, 40, 0.95);
  border: 1px solid rgba(90, 190, 255, 0.9);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  max-width: 260px;
}

.marker-expanded-header {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.marker-expanded-title {
  color: #f5fbff;
  font-size: 12px;
  font-weight: 600;
}

.marker-expanded-body {
  color: #c7e3ff;
  font-size: 11px;
  line-height: 1.35;
  max-height: 120px;
  overflow: hidden;
}