/* =========================================
   Favoriten – seiten-spezifische Styles
   ========================================= */

/* Container für die Favoriten-Liste */
.favorites-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* Zustand: keine Favoriten */
.no-favorites {
  text-align: center;
  padding: 50px;
  color: var(--color-muted-soft);
}

.fav-card {
  border-left: 5px solid var(--color-accent);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fav-info {
  flex-grow: 1;
}

/* Lösch-Button */
.fav-remove {
  background: none;
  border: none;
  color: var(--color-muted-soft);
  cursor: pointer;
  font-size: 1.2em;
  padding: 10px;
  transition: color 0.2s;
}

.fav-remove:hover {
  color: var(--color-accent);
}

@media (max-width: 600px) {
  .favorites-container {
    gap: 12px;
  }

  .fav-remove {
    font-size: 1.3em;
    padding: 8px;
  }
}
.fav-entry {
  margin-top: 15px;
}
@media (max-width: 600px) {
  .journey-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .journey-header span {
    display: block;
    font-size: 14px;
    line-height: 1.2;
  }

  .fav-remove {
    flex: 0 0 auto;
  }
}