/*
  Route card — address + two actions (Routebeschrijving / Bel ons) on the
  default white tile surface (mirrors .group-tile). Not a copy of the Figma map
  card; just the standard tile look.
*/

.route-card {
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  overflow: clip;
  color: var(--color-text);
}

.route-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-s);
  padding: var(--space-m) var(--space-s);
}

.route-card__address {
  margin: 0;
  font-weight: 700;
}

.route-card__description {
  margin: 0;
}

.route-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin-top: var(--space-2xs);
}

/* The global .btn ships with layout margins; here the flex gap owns the
   spacing, so strip them. */
.route-card__actions .btn {
  margin: 0;
}