/* Vacature detailblok [vacancydetail] — lichte modus, geen eigen achtergrond */

.kti-vacancy-detail {
	--kti-vd-label: #6b7280;
	--kti-vd-value: #111827;
	--kti-vd-icon: #6b7280;
	--kti-vd-gap: 1.35rem;
	box-sizing: border-box;
	background: transparent;
	color: var(--kti-vd-value);
	padding: 0;
	margin: 0;
	max-width: 100%;
}

.kti-vacancy-detail__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kti-vacancy-detail__row {
	display: grid;
	grid-template-columns: 16px 1fr;
	column-gap: 0.85rem;
	align-items: center;
	margin: 0 0 var(--kti-vd-gap);
}

.kti-vacancy-detail__row:last-child {
	margin-bottom: 0;
}

.kti-vacancy-detail__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 15px;
	flex-shrink: 0;
	color: var(--kti-vd-icon);
}

.kti-vacancy-detail__icon svg {
	display: block;
	width: 17px;
	height: 15px;
}

.kti-vacancy-detail__text {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.kti-vacancy-detail__label {
	font-family: 'Inter' !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 16px;
	color: var(--kti-vd-label);
}

.kti-vacancy-detail__value {
	font-family: 'Inter' !important;
	font-size: 15px;
	font-weight: 500;
	line-height: 16px;
	color: var(--kti-vd-value);
	word-break: break-word;
}
