/*
  Directions list ("Hoe kom je hier?") — travel options as icon + text rows,
  separated by hairline rules. The icon sits on the shared sage .icon-badge
  (components/icon-badge.css).
*/

.directions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.directions__item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-s);
  padding: var(--space-m) 0;
}

/* Hairline divider between rows (not above the first). */
.directions__item + .directions__item {
  border-top: 1px solid var(--color-border);
}

.directions__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}

.directions__title {
  margin: 0;
}

.directions__description {
  margin: 0;
}

.directions__info {
  margin: 0;
  color: var(--color-green-strong);
  font-weight: 700;
}