/*
 * Restyles JobBoardWP's default markup to match the site's original WP Job Manager
 * design (Jobhunt theme, pink-purple color scheme: primary #fb236a, secondary #8b91dd).
 * Reference values pulled from wp-content/themes/jobhunt/assets/sass/wpjm/.
 */

/* ---- Job listing rows (archive / search results) ---- */

.jb-job-list-row {
	padding: 20px 15px;
	border-bottom: 1px solid #edeff7;
	transition: background-color 0.3s ease, border-radius 0.3s ease;
}

.jb-job-list-row:hover {
	background-color: #f4f5fa;
	border-radius: 4px;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-logo {
	width: 90px;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-logo .jb-job-company-logo-wrapper {
	width: 90px;
	height: 90px;
	border-radius: 4px;
}

.jb-jobs .jb-jobs-wrapper .jb-job-list-row .jb-job-logo .jb-job-company-logo-wrapper .jb-job-company-logo {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.jb-job-title-link {
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #384047;
}

.jb-job-title-link:hover {
	color: #fb236a;
}

.jb-row-left-side .company span,
.jb-job-company-name strong {
	font-weight: 500;
	text-transform: capitalize;
	color: #fb236a;
}

.jb-row-left-side .location,
.jb-row-left-side .category,
.jb-job-location,
.jb-job-cat {
	font-size: 13px;
	color: #717f86;
}

.jb-row-left-side .location a,
.jb-row-left-side .category a,
.jb-job-location a,
.jb-job-cat a {
	color: #717f86;
}

.jb-row-left-side .location a:hover,
.jb-row-left-side .category a:hover,
.jb-job-location a:hover,
.jb-job-cat a:hover {
	color: #8b91dd;
}

.jb-row-left-side .company i,
.jb-row-left-side .location i,
.jb-row-left-side .category i {
	font-size: 14px;
	margin-right: 5px;
	color: #8b91dd;
}

.jb-row-right-side .date,
.jb-row-left-side .date {
	color: #888;
	font-size: 13px;
}

/* Job type pill badges: shape/typography here, per-type color comes from the
   jb-color/jb-background term meta set on the jb-job-type taxonomy terms. */
.jb-job-type {
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 12px;
	border-radius: 4px;
	display: inline-block;
	white-space: nowrap;
}

/* ---- Single job page header ---- */

.jb .jb-job-company .jb-job-company-info .jb-job-logo {
	width: 105px;
}

.jb .jb-job-company .jb-job-company-info .jb-job-logo .jb-job-company-logo-wrapper {
	width: 105px;
	height: 100px;
	border: 2px solid #e9f0f3;
	border-radius: 8px;
	box-sizing: border-box;
}

.jb .jb-job-company .jb-job-company-info .jb-job-logo .jb-job-company-logo-wrapper .jb-job-company-logo {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border: none;
}

.jb-job-company-name strong {
	font-family: "Quicksand", sans-serif;
	font-size: 16px;
}

.jb-job-info-row {
	color: #576366;
}

.jb-job-info .jb-job-location i,
.jb-job-info .jb-job-posted i,
.jb-job-info .jb-job-cat i {
	font-size: 20px;
	margin-right: 6px;
	color: #8b91dd;
}

.jb-job-info a {
	color: #576366;
}

.jb-job-info a:hover {
	color: #8b91dd;
}

/* ---- Apply button: match site's primary CTA color ---- */

.jb-job-apply,
.jb-button.jb-job-apply {
	background-color: #fb236a;
	border-color: #fb236a;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
	border-radius: 4px;
}

.jb-job-apply:hover {
	background-color: #e01d5c;
	border-color: #e01d5c;
}

.jb-job-apply-description a {
	color: #fb236a;
	font-weight: 500;
}