.dkd-mega-jobs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dkd-mega-jobs__item {
	padding: 0;
}

.dkd-mega-jobs__link {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 16px;
	text-decoration: none;
	color: inherit;
}

.dkd-mega-jobs__title {
	font-weight: 600;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--dkd-mega-jobs-title-lines, 2);
	line-clamp: var(--dkd-mega-jobs-title-lines, 2);
}

.dkd-mega-jobs__link:hover .dkd-mega-jobs__title {
	text-decoration: underline;
}

.dkd-mega-jobs__location {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.875rem;
}

.dkd-mega-jobs__location-icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 1;
}

.dkd-mega-jobs__location-icon i,
.dkd-mega-jobs__location-icon svg {
	display: block;
}

.dkd-mega-jobs__location-text {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--dkd-mega-jobs-location-lines, 2);
	line-clamp: var(--dkd-mega-jobs-location-lines, 2);
}

.dkd-mega-jobs--title-unclamped .dkd-mega-jobs__title {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
	line-clamp: unset;
}

.dkd-mega-jobs--location-unclamped .dkd-mega-jobs__location-text {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
	line-clamp: unset;
}