/* ── Vandeto Map · mod-transport ──────────────────────────────
   Badge d'accessibilité piétonne sur les cartes d'annonces.
   Discret par construction : c'est une information de contexte, pas
   un argument de vente. Elle ne doit pas concurrencer le prix.
   ───────────────────────────────────────────────────────────── */

.vdm-tr-wrap{
  display: block;
  margin: 4px 0 0;
  line-height: 0; /* évite l'interligne parasite autour du badge */
}

.vdm-tr{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 2px 7px 2px 5px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #f1f2f4;
  color: #5b6472;
}

.vdm-tr svg{
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}

/* Trois paliers. Seul le plus favorable reçoit une couleur : un badge
   vert sur chaque annonce ne signalerait plus rien. */
.vdm-tr--proche{ background: #e9f9f1; color: #0f7a4d; }
.vdm-tr--moyen { background: #f1f2f4; color: #5b6472; }
.vdm-tr--loin  { background: #f6f6f7; color: #8b93a1; }

@media (max-width: 600px){
  .vdm-tr{ font-size: 9.5px; padding: 2px 6px 2px 4px; }
  .vdm-tr svg{ width: 11px; height: 11px; }
}

/* Le badge n'a aucun sens sur une feuille imprimée. */
@media print{
  .vdm-tr-wrap{ display: none; }
}