/*
 * Vacancy archive (/vacatures/). The theme floats the organisation and
 * location cells inside a table row, so a title that wraps pushes them onto
 * two lines. From tablet width up each row is a fixed four-column grid.
 * The markup lists location before organisation; order puts them back.
 */
@media (min-width: 768px) {
	.vacatures-list.dis-table {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 190px 150px max-content;
		column-gap: 20px;
		align-items: center;
	}
	.vacatures-list > .dis-table-cell {
		display: block;
		float: none;
		width: auto;
		margin-top: 0;
	}
	.vacatures-list > .vac-link { order: 1; }
	.vacatures-list > .vac-city:nth-child(3) { order: 2; }
	.vacatures-list > .vac-city:nth-child(2) { order: 3; }
	.vacatures-list > .more-info { order: 4; }
	.vacatures-list > .more-info a { white-space: nowrap; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.vacatures-list.dis-table { grid-template-columns: minmax(0, 1fr) 150px 120px max-content; column-gap: 14px; }
}