/* Basislayout voor de vacature info-bar in de overzichtsweergave */

.hf-info-bar {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1rem;
  font-size: 0.9rem;
}

.hf-info-bar__item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.hf-info-bar__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 600px) {
  .hf-info-bar {
    font-size: 0.8rem;
    gap: 0.8rem;
  }
}

/* Iconen (afbeeldingen in helloflex/img) */

/* Locatie: pijlneer */
.hf-info-bar__icon--location {
  background-image: url('../helloflex/img/pijlneer.svg');
}

/* Uren: ruit */
.hf-info-bar__icon--hours {
  background-image: url('../helloflex/img/ruit.svg');
}

/* Soort / dienstverband: ruiten */
.hf-info-bar__icon--type {
  background-image: url('../helloflex/img/ruiten.svg');
}

/* Salaris: pijllinks */
.hf-info-bar__icon--salary {
  background-image: url('../helloflex/img/pijllinks.svg');
}