/*
 * Restyles JobBoardWP's default markup to match the site's actual live design
 * (purple-blue color scheme: primary #E651D8, secondary #5468FF; Inter typography).
 *
 * Corrected from the jobhunt-child version of this file, which was built against
 * pink-purple (#fb236a/#8b91dd) — the theme's unused fallback default, not what
 * was actually rendering live. See blocksy-migration-docs/01-customizer-spec.md.
 */

/* ---- Job category / job type archive width ----
 * JobBoardWP's job-archive.php template (used for jb-job-category /
 * jb-job-type taxonomy pages) doesn't get the "is-layout-constrained"
 * wrapper class that the block editor adds to the main Jobs page, so its
 * content otherwise renders full-bleed instead of matching the jobs
 * archive's centered width. Reuse the same content-size variable Blocksy
 * already uses for that page so both stay in sync with the customizer. */
.page-header.alignwide,
.jb-job-category-wrapper .jb.jb-jobs,
.jb-job-type-wrapper .jb.jb-jobs {
	max-width: var(--wp--style--global--content-size, 1290px);
	margin-inline: auto;
}

/* ---- 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: "Inter", sans-serif;
	font-weight: 900;
	font-size: 16px;
	color: #202020;
}

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

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

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

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

.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: #5468FF;
}

.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: #5468FF;
}

.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
   (see wp-content/mu-plugins/wpjm-to-jobboardwp-migrate.php from the plugin
   migration session for how those are set). */
.jb-job-type {
	font-family: "Inter", 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: "Inter", sans-serif;
	font-weight: 900;
	font-size: 16px;
}

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

.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: #5468FF;
}

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

.jb-job-info a:hover {
	color: #5468FF;
}

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

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

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

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