/**
 * Equip Recruitment theme for Premium Vacatures Framework
 * Load after frontend.css.
 * Suffix: 3a6afaeb
 */

.pvf-3a6afaeb {
	--pvf-ink: #171717;
	--pvf-ink-soft: #2d2d2d;
	--pvf-muted: #737373;
	--pvf-accent: #d4aa48;
	--pvf-accent-hover: #bd9132;
	--pvf-accent-soft: #f6efd9;
	--pvf-coral: #d4aa48;
	--pvf-coral-soft: #f6efd9;
	--pvf-paper: #f7f7f5;
	--pvf-surface: #ffffff;
	--pvf-line: #d9d7d0;
	--pvf-line-soft: #e8e6e0;
	--pvf-focus: #d4aa48;
	--pvf-radius-sm: 0;
	--pvf-radius: 0;
	--pvf-radius-lg: 0;
	--pvf-shadow: 0 22px 46px rgba(0, 0, 0, 0.09);
	--pvf-display-font: var(--e-global-typography-primary-font-family, "Arial Black"), "Helvetica Neue", Arial, sans-serif;
	--pvf-body-font: var(--e-global-typography-text-font-family, "Helvetica Neue"), Arial, sans-serif;
}

.pvf-3a6afaeb.pvf-board {
	width: min(100%, 1280px);
	padding: clamp(64px, 7vw, 112px) clamp(20px, 3vw, 36px);
	color: var(--pvf-ink);
}

/* Language switcher: compact, technical and aligned to the right. */
.pvf-3a6afaeb .pvf-language {
	gap: 14px;
	margin-bottom: clamp(46px, 5vw, 72px);
	font-family: var(--pvf-body-font) !important;
}

.pvf-3a6afaeb .pvf-language__label {
	color: #6f6f6f;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-language ul {
	gap: 0;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dedbd3;
	border-radius: 0;
	box-shadow: none;
}

.pvf-3a6afaeb .pvf-language li + li {
	border-left: 1px solid #dedbd3;
}

.pvf-3a6afaeb .pvf-language a {
	min-height: 40px;
	padding: 0 17px;
	border-radius: 0;
	color: #555;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-language a[aria-current="page"] {
	background: var(--pvf-accent);
	box-shadow: none;
	color: #171717;
}

/* Header uses the same editorial rhythm as the Equip expertise sections. */
.pvf-3a6afaeb .pvf-board__header {
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
	align-items: end;
	gap: clamp(38px, 7vw, 96px);
	margin-bottom: clamp(36px, 4vw, 54px);
}

.pvf-3a6afaeb .pvf-eyebrow {
	margin-bottom: 15px;
	color: var(--pvf-accent);
	font-family: var(--pvf-body-font) !important;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0.09em;
	line-height: 1.35;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-board__header h2 {
	max-width: 760px;
	color: #171717;
	font-family: var(--pvf-display-font) !important;
	font-size: clamp(46px, 6.1vw, 78px);
	font-weight: 900;
	letter-spacing: -0.045em;
	line-height: 0.9;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-board__intro {
	max-width: 490px;
	padding: 8px 0 8px 25px;
	border-left: 3px solid var(--pvf-accent);
	color: #6e6e6e;
	font-family: var(--pvf-body-font) !important;
	font-size: clamp(15px, 1.45vw, 19px);
	line-height: 1.7;
}

/* The gold top rail is the module's signature detail, derived from machinery trim. */
.pvf-3a6afaeb .pvf-filter {
	position: relative;
	padding: clamp(28px, 3.5vw, 46px);
	overflow: hidden;
	background: #181818;
	border: 0;
	border-radius: 0;
	box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);
}

.pvf-3a6afaeb .pvf-filter::before {
	position: absolute;
	inset: 0 0 auto;
	height: 4px;
	background: linear-gradient(90deg, var(--pvf-accent) 0 33%, #8f6a25 33% 35%, transparent 35%);
	content: "";
}

.pvf-3a6afaeb .pvf-filter label {
	margin-bottom: 9px;
	color: #fff;
	font-family: var(--pvf-body-font) !important;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-filter__search {
	margin-bottom: 23px;
}

.pvf-3a6afaeb .pvf-filter__control {
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-filter input,
.pvf-3a6afaeb .pvf-filter select {
	min-height: 54px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	color: #202020;
	font-family: var(--pvf-body-font) !important;
	font-size: 14px;
}

.pvf-3a6afaeb .pvf-filter input {
	padding-inline: 50px 18px;
}

.pvf-3a6afaeb .pvf-filter select {
	padding-inline: 17px 43px;
}

.pvf-3a6afaeb .pvf-filter__control--search .pvf-icon {
	left: 18px;
	color: #9a792f;
}

.pvf-3a6afaeb .pvf-filter input::placeholder {
	color: #9a9a9a;
	opacity: 1;
}

.pvf-3a6afaeb .pvf-filter input:focus,
.pvf-3a6afaeb .pvf-filter select:focus {
	border-color: var(--pvf-accent);
	outline: 2px solid #fff;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px var(--pvf-accent);
}

.pvf-3a6afaeb .pvf-filter__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
	gap: 14px;
}

.pvf-3a6afaeb .pvf-button,
.pvf-3a6afaeb .pvf-filter .pvf-button--filter {
	min-height: 54px;
	padding: 0 24px;
	background: var(--pvf-accent);
	border: 2px solid var(--pvf-accent);
	border-radius: 0;
	color: #171717;
	font-family: var(--pvf-body-font) !important;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	box-shadow: none;
}

.pvf-3a6afaeb .pvf-filter .pvf-button--filter {
	min-width: 176px;
}

.pvf-3a6afaeb .pvf-board__toolbar {
	min-height: 48px;
	margin: 28px 0 16px;
	border-bottom: 1px solid #dedcd5;
}

.pvf-3a6afaeb .pvf-board__count {
	color: #242424;
	font-family: var(--pvf-body-font) !important;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-board__reset,
.pvf-3a6afaeb .pvf-board__error button {
	border-bottom: 2px solid var(--pvf-accent);
	color: #242424;
	font-family: var(--pvf-body-font) !important;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-board__error {
	background: #fff8e8;
	border: 1px solid #dfc27d;
	border-left: 4px solid var(--pvf-accent);
	border-radius: 0;
	color: #2a2a2a;
}

/* Two wide cards read better for recruitment content than three narrow SaaS cards. */
.pvf-3a6afaeb .pvf-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.pvf-3a6afaeb .pvf-card {
	position: relative;
	min-height: 390px;
	padding: clamp(26px, 3vw, 38px);
	overflow: hidden;
	background: #fff;
	border: 1px solid #dedcd5;
	border-radius: 0;
	box-shadow: none;
}

.pvf-3a6afaeb .pvf-card::after {
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	background: linear-gradient(90deg, var(--pvf-accent) 0 24%, #171717 24% 100%);
	content: "";
	opacity: 0;
	transform: scaleX(0.45);
	transform-origin: left;
	transition: opacity 180ms ease, transform 240ms ease;
}

.pvf-3a6afaeb .pvf-card__signal {
	inset: 0 auto 0 0;
	width: 5px;
	background: var(--pvf-accent);
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-card.is-featured .pvf-card__signal {
	background: var(--pvf-accent);
}

.pvf-3a6afaeb .pvf-card__pills {
	gap: 7px;
	margin-bottom: 23px;
}

.pvf-3a6afaeb .pvf-pill {
	min-height: 27px;
	padding: 0 10px;
	background: #f5f4f0;
	border: 1px solid #e3e0d8;
	border-radius: 0;
	color: #3d3d3d;
	font-family: var(--pvf-body-font) !important;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-pill--featured {
	background: var(--pvf-accent);
	border-color: var(--pvf-accent);
	color: #171717;
}

.pvf-3a6afaeb .pvf-pill--location {
	background: #171717;
	border-color: #171717;
	color: #fff;
}

.pvf-3a6afaeb .pvf-card h3 {
	margin-bottom: 17px;
	font-family: var(--pvf-display-font) !important;
	font-size: clamp(25px, 2.45vw, 36px);
	font-weight: 900;
	letter-spacing: -0.032em;
	line-height: 1.03;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-card h3 a {
	color: #171717;
}

.pvf-3a6afaeb .pvf-card__excerpt {
	max-width: 62ch;
	color: #707070;
	font-family: var(--pvf-body-font) !important;
	font-size: 14px;
	line-height: 1.75;
}

.pvf-3a6afaeb .pvf-card__bottom {
	padding-top: 22px;
	border-top: 1px solid #e3e0d8;
}

.pvf-3a6afaeb .pvf-card__facts {
	gap: 9px;
}

.pvf-3a6afaeb .pvf-card__facts li {
	color: #404040;
	font-family: var(--pvf-body-font) !important;
	font-size: 11px;
	font-weight: 750;
	letter-spacing: 0.015em;
}

.pvf-3a6afaeb .pvf-card__facts .pvf-icon {
	color: #a47c27;
}

.pvf-3a6afaeb .pvf-card__link {
	color: #171717;
	font-family: var(--pvf-body-font) !important;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-card__link::after {
	display: block;
	width: 42px;
	height: 2px;
	margin-top: 8px;
	background: var(--pvf-accent);
	content: "";
	transition: width 180ms ease;
}

.pvf-3a6afaeb .pvf-button--secondary {
	background: #171717;
	border-color: #171717;
	color: #fff;
}

.pvf-3a6afaeb .pvf-empty {
	background: #f7f7f5;
	border: 1px solid #dedcd5;
	border-left: 5px solid var(--pvf-accent);
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-empty__icon {
	background: var(--pvf-accent);
	border-radius: 0;
	color: #171717;
}

/* Detail view inherits the same industrial brand language. */
.pvf-3a6afaeb.pvf-detail {
	width: min(100%, 1280px);
}

.pvf-3a6afaeb .pvf-detail__hero {
	background: #181818;
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-detail__signal {
	background: var(--pvf-accent);
}

.pvf-3a6afaeb .pvf-detail__hero .pvf-eyebrow,
.pvf-3a6afaeb .pvf-detail__fact .pvf-icon {
	color: var(--pvf-accent);
}

.pvf-3a6afaeb .pvf-detail__hero h1,
.pvf-3a6afaeb .pvf-detail__section h2,
.pvf-3a6afaeb .pvf-detail__apply-card h2 {
	font-family: var(--pvf-display-font) !important;
	font-weight: 900;
	text-transform: uppercase;
}

.pvf-3a6afaeb .pvf-detail__hero h1 {
	letter-spacing: -0.045em;
	line-height: 0.94;
}

.pvf-3a6afaeb .pvf-detail__facts,
.pvf-3a6afaeb .pvf-detail__apply-card {
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-detail__apply-card {
	background: #f7f7f5;
	border-top: 4px solid var(--pvf-accent);
}

.pvf-3a6afaeb .pvf-rich-text li::marker {
	color: #a47c27;
}

@media (hover: hover) {
	.pvf-3a6afaeb .pvf-button--primary:hover,
	.pvf-3a6afaeb .pvf-button--filter:hover {
		background: #171717;
		border-color: var(--pvf-accent);
		color: #fff;
		transform: none;
	}

	.pvf-3a6afaeb .pvf-button--secondary:hover {
		background: var(--pvf-accent);
		border-color: var(--pvf-accent);
		color: #171717;
	}

	.pvf-3a6afaeb .pvf-card:hover {
		border-color: #b9984f;
		box-shadow: 0 18px 38px rgba(0, 0, 0, 0.08);
		transform: translateY(-4px);
	}

	.pvf-3a6afaeb .pvf-card:hover::after {
		opacity: 1;
		transform: scaleX(1);
	}

	.pvf-3a6afaeb .pvf-card:hover .pvf-card__link::after {
		width: 70px;
	}
}

@media (max-width: 1050px) {
	.pvf-3a6afaeb .pvf-filter__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pvf-3a6afaeb .pvf-filter .pvf-button--filter {
		grid-column: 1 / -1;
		width: 100%;
	}
}

@media (max-width: 760px) {
	.pvf-3a6afaeb.pvf-board {
		padding-block: 58px;
	}

	.pvf-3a6afaeb .pvf-language {
		align-items: flex-start;
		margin-bottom: 42px;
	}

	.pvf-3a6afaeb .pvf-board__header {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px;
	}

	.pvf-3a6afaeb .pvf-board__header h2 {
		font-size: clamp(42px, 14vw, 62px);
	}

	.pvf-3a6afaeb .pvf-board__intro {
		padding-left: 18px;
	}

	.pvf-3a6afaeb .pvf-filter {
		padding: 28px 20px 22px;
	}

	.pvf-3a6afaeb .pvf-filter__grid,
	.pvf-3a6afaeb .pvf-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pvf-3a6afaeb .pvf-card {
		min-height: 0;
		padding: 28px 24px;
	}
}

@media (max-width: 480px) {
	.pvf-3a6afaeb .pvf-language ul {
		width: 100%;
	}

	.pvf-3a6afaeb .pvf-language a {
		min-height: 44px;
		padding-inline: 7px;
		font-size: 9px;
	}

	.pvf-3a6afaeb .pvf-board__header h2 {
		font-size: clamp(38px, 13vw, 51px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pvf-3a6afaeb .pvf-card,
	.pvf-3a6afaeb .pvf-card::after,
	.pvf-3a6afaeb .pvf-card__link::after {
		transition: none;
	}
}

/* Equip overrides for the application and alert forms. */
.pvf-3a6afaeb .pvf-apply,
.pvf-3a6afaeb .pvf-alert {
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-alert {
	border-left: 5px solid var(--pvf-accent);
}

.pvf-3a6afaeb .pvf-apply__heading h2,
.pvf-3a6afaeb .pvf-alert__copy h3 {
	font-family: var(--pvf-display-font) !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.pvf-3a6afaeb .pvf-form__field input,
.pvf-3a6afaeb .pvf-form__field textarea,
.pvf-3a6afaeb .pvf-alert__row input {
	border-radius: 0;
	font-family: var(--pvf-body-font) !important;
}

/* Equip overrides for the language counts. */
.pvf-3a6afaeb .pvf-language__count {
	border-radius: 0;
	background: var(--pvf-accent-soft);
	color: var(--pvf-ink);
}

.pvf-3a6afaeb .pvf-language a[aria-current="page"] .pvf-language__count {
	background: var(--pvf-ink);
	color: var(--pvf-accent);
}

/* Equip overrides for flags and featured section. */
.pvf-3a6afaeb .pvf-language__flag {
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-detail__media img {
	border-radius: 0;
}

.pvf-3a6afaeb .pvf-featured__header h2 {
	font-family: var(--pvf-display-font) !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* Cards size to their content; no reserved empty space. */
.pvf-3a6afaeb .pvf-card {
	min-height: 0;
}

.pvf-3a6afaeb .pvf-card__media {
	margin: -6px 0 20px;
	border-radius: 0;
}

/* The gold signal bar runs along the full left edge, so keep the image
   clear of it instead of letting them collide. */
.pvf-3a6afaeb .pvf-card.has-media .pvf-card__media {
	border-bottom: 3px solid var(--pvf-accent);
}
