/*
 * Structure only for the single-job shortcodes — no colors, fonts, or
 * backgrounds, so the active theme's own styling shows through.
 */

.kjs-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kjs-breadcrumb li + li::before {
	content: "/";
	margin-right: 8px;
}

.kjs-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.kjs-badges .kjs-badge-pill {
	display: inline-block;
	padding: 3px 9px;
	white-space: nowrap;
}

.kjs-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	border: 1px solid;
}

.kjs-fact {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 18px;
}

.kjs-fact + .kjs-fact {
	border-left: 1px solid;
}

.kjs-job-details dl {
	margin: 0;
}

.kjs-detail-row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0;
	border-bottom: 1px solid;
}

.kjs-detail-row:last-child {
	border-bottom: 0;
}

.kjs-detail-row dt,
.kjs-detail-row dd {
	margin: 0;
}

.kjs-detail-row dd {
	text-align: right;
}

.kjs-apply-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
	border: 1px solid;
}

.kjs-apply-card > * {
	margin: 0;
}

.kjs-apply-link {
	display: block;
	padding: 14px 18px;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 700px) {
	.kjs-fact + .kjs-fact {
		border-left: 0;
		border-top: 1px solid;
	}
}