@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2");
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
}

@font-face {
	font-family: "Google Sans Flex";
	src: url("../fonts/GoogleSansFlex-Light.woff2") format("woff2");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Google Sans Flex";
	src: url("../fonts/GoogleSansFlex-Bold.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

:root {
	--j50-font-body: Inter, system-ui, sans-serif;
	--j50-font-display: "Google Sans Flex", Inter, system-ui, sans-serif;
}

html,
body,
input,
textarea,
select,
button {
	font-family: var(--j50-font-body);
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.buttons,
.wp-block-button__link,
.label-title,
.job50-overline,
.job50-action-tile strong,
.job50-dashboard-v2__title,
.job50-dashboard-v2__title-light,
.job50-dashboard-v2__title-strong,
.job50-dashboard-v2__eyebrow,
.job50-dashboard-v2__section-heading h2,
.job50-dashboard-panel__heading h2,
.job50-dashboard-card__header h3,
.job50-dashboard-shortcode-wrap th,
.job50-dashboard-shortcode-wrap .buttons,
.job50-job-card__title,
.job50-job-card h3,
.job50-job-card .buttons {
	font-family: var(--j50-font-display) !important;
}

.job50-dashboard-v2__title-light {
	font-weight: 300 !important;
	font-variation-settings: "wght" 300;
}

.job50-dashboard-v2__title-strong {
	font-weight: 700 !important;
	font-variation-settings: "wght" 700;
}

*, ::before, ::after {
	box-sizing: border-box;
}
/* Sticky Header */
header.main-header {
	position: fixed;
	width: 100%;
	background-color: #FFF;
	border-bottom: solid 1px #E5E5E5;
	margin-block-start: 0;
	z-index: 500;
}
header.main-header .wp-block-site-logo img,
#nav-user-connect .wp-block-button__link {
	transition: all 0.3s ease-in-out;
}
header.main-header .user-jump a {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	text-transform: uppercase;
	font-size: 12px;
	border: solid 1px #dedede;
	border-radius: 4px;
	padding: 2px 2px 2px 6px;
	transition: all 1s ease-in;
}
header.main-header .user-jump a:hover {
	border-color: var(--wp--preset--color--accent-1);
}
header.main-header .user-jump a img {
	width: 32px;
	object-fit: contain;
	background-color: #FFF;
	margin-left: 6px;
	border-left: solid 1px #ededed;
	padding-left: 4px;
}
header.main-header.fixed .wp-block-site-logo img {
	width: 80px;
}
header.main-header.fixed .content {
	padding: 8px 0 !important;
	transition: all 0.3s ease-in;
}
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-feature-settings: 'liga';
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24;
}

header.main-header .wp-block-navigation-item.big-nav > a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	text-decoration: none;
}

/* Icônes header parent — Material Symbols */
header.main-header .wp-block-navigation-item.big-nav > a::before {
	position: absolute;
	inset: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-feature-settings: 'liga';
	font-variation-settings:
		'FILL' 0,
		'wght' 300,
		'GRAD' 0,
		'opsz' 24;
	color: #e6e6e6;
	pointer-events: none;
	transition:
		color 0.22s ease,
		transform 0.22s ease;
}

header.main-header .wp-block-navigation-item.dashboard > a::before {
	content: "home_app_logo";
}

header.main-header .wp-block-navigation-item.alert-bell > a::before {
	content: "circle_notifications";
}

header.main-header .wp-block-navigation-item.add-job > a::before {
	content: "add_notes";
}

header.main-header .wp-block-navigation-item.big-nav > a:hover::before,
header.main-header .wp-block-navigation-item.big-nav > a:focus-visible::before {
	color: #d0d0d0;
	transform: translateY(-1px);
}

/* Label en bulle */
header.main-header .wp-block-navigation-item.big-nav > a > .wp-block-navigation-item__label {
	position: absolute;
	left: 50%;
	top: calc(100% + 8px);
	transform: translateX(-50%) translateY(-4px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	white-space: nowrap;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid #e6e6e6;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	font-size: 11px;
	line-height: 1;
	font-weight: 600;
	color: #333;
	transition:
		opacity 0.22s ease,
		transform 0.22s ease,
		visibility 0.22s ease;
	z-index: 20;
}

header.main-header .wp-block-navigation-item.big-nav > a > .wp-block-navigation-item__label::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -5px;
	width: 8px;
	height: 8px;
	transform: translateX(-50%) rotate(45deg);
	background: rgba(255, 255, 255, 0.96);
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

header.main-header .wp-block-navigation-item.big-nav > a:hover > .wp-block-navigation-item__label,
header.main-header .wp-block-navigation-item.big-nav > a:focus-visible > .wp-block-navigation-item__label {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}
/* ==========================================================
   Avatar submenu — accordion vertical
   Ouverture pilotée uniquement par JS via .is-job50-open
   ========================================================== */

li.job50-tools-avatar.wp-block-navigation-submenu {
	position: relative;
}

/* petit repère au-dessus du panneau, décalé pour ne pas passer sous l'avatar */
li.job50-tools-avatar.wp-block-navigation-submenu::after {
	content: "";
	position: absolute;
	top: calc(100% + 5px);
	right: 42px;
	width: 12px;
	height: 12px;
	background: #fff;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	transform: rotate(45deg) scale(0.6);
	transform-origin: center;
	opacity: 0;
	pointer-events: none;
	z-index: 21;
	transition:
		opacity 0.12s ease-out,
		transform 0.18s cubic-bezier(0.33, 1, 0.68, 1);
}

/* lien parent avatar */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	text-decoration: none !important;
	min-height: auto !important;
	cursor: pointer;
	position: relative;
	z-index: 30;
}

/* on masque la flèche native */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle {
	display: none !important;
}

/* cible seulement le label parent */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content > .wp-block-navigation-item__label,
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content > .wp-block-navigation-item__label.job50-tools-avatar__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/* avatar */
li.job50-tools-avatar.wp-block-navigation-submenu .job50-user-avatar-shortcode,
li.job50-tools-avatar.wp-block-navigation-submenu .job50-avatar,
li.job50-tools-avatar.wp-block-navigation-submenu .job50-avatar-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

li.job50-tools-avatar.wp-block-navigation-submenu .job50-avatar,
li.job50-tools-avatar.wp-block-navigation-submenu .job50-avatar-fallback {
	width: 56px;
	height: 56px;
	border-radius: 9999px;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
	transform-origin: center center;
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content:hover .job50-avatar,
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content:hover .job50-avatar-fallback,
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content:focus-visible .job50-avatar,
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation-item__content:focus-visible .job50-avatar-fallback,
li.job50-tools-avatar.wp-block-navigation-submenu.is-job50-open > .wp-block-navigation-item__content .job50-avatar,
li.job50-tools-avatar.wp-block-navigation-submenu.is-job50-open > .wp-block-navigation-item__content .job50-avatar-fallback {
	transform: scale(1.08);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

/* panneau */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	left: auto;
	min-width: 340px;
	width: max-content;
	max-width: 420px;
	padding: 16px;
	margin: 0;
	border: 1px solid #e6e6e6;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.10);
	list-style: none;
	z-index: 20;
	overflow: hidden;

	visibility: hidden;
	pointer-events: none;
	clip-path: inset(0 0 100% 0 round 18px);
	-webkit-clip-path: inset(0 0 100% 0 round 18px);
	will-change: clip-path;
	transition:
		clip-path 0.22s cubic-bezier(0.33, 1, 0.68, 1),
		-webkit-clip-path 0.22s cubic-bezier(0.33, 1, 0.68, 1),
		visibility 0s linear 0.22s;
}

/* neutralise l’ouverture native WP au hover/focus */
li.job50-tools-avatar.wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container,
li.job50-tools-avatar.wp-block-navigation-submenu:focus-within > .wp-block-navigation__submenu-container {
	visibility: hidden !important;
	pointer-events: none !important;
	clip-path: inset(0 0 100% 0 round 18px) !important;
	-webkit-clip-path: inset(0 0 100% 0 round 18px) !important;
}

/* ouverture seulement quand JS ajoute la classe */
li.job50-tools-avatar.wp-block-navigation-submenu.is-job50-open::after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

li.job50-tools-avatar.wp-block-navigation-submenu.is-job50-open > .wp-block-navigation__submenu-container {
	visibility: visible !important;
	pointer-events: auto !important;
	clip-path: inset(0 0 0 0 round 18px) !important;
	-webkit-clip-path: inset(0 0 0 0 round 18px) !important;
	transition:
		clip-path 0.24s cubic-bezier(0.33, 1, 0.68, 1),
		-webkit-clip-path 0.24s cubic-bezier(0.33, 1, 0.68, 1),
		visibility 0s linear 0s;
}

/* items */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item + li.wp-block-navigation-item {
	margin-top: 2px;
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item > a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 42px;
	padding: 8px 10px;
	border-radius: 12px;
	text-decoration: none;
	white-space: nowrap;
	color: #2a2a2a;
	background: transparent;
	transition:
		background-color 0.14s ease-out,
		transform 0.14s ease-out,
		color 0.14s ease-out;
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item > a:hover,
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item > a:focus-visible {
	background: #f7f7f7;
	color: #111;
	transform: translateX(2px);
	outline: none;
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item > a > .wp-block-navigation-item__label {
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	pointer-events: auto !important;
	white-space: normal;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
	font-size: 14px;
	line-height: 1.25;
	font-weight: 500;
	color: inherit;
	white-space: nowrap;
	text-transform: none;
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item > a > .wp-block-navigation-item__label::before {
	content: none !important;
}

/* icônes Material Symbols */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.wp-block-navigation-item > a::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-feature-settings: 'liga';
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24;
	color: var(--wp--preset--color--accent-1, var(--j50-red, #ed1c24));
}

/* mapping classes -> icônes */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.dashboard > a::before {
	content: "app_registration";
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.organization > a::before {
	content: "corporate_fare";
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.profile > a::before {
	content: "account_circle";
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.add-job > a::before {
	content: "note_add";
}

li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.logout > a::before {
	content: "power_settings_circle";
}

/* état actif */
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.current-menu-item > a,
li.job50-tools-avatar.wp-block-navigation-submenu > .wp-block-navigation__submenu-container > li.current-menu-ancestor > a {
	background: #fff5f5;
	color: #111;
	font-weight: 600;
}

.align-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
/* Hover — Shrink */
.hvr-shrink,
.wp-block-button__link,
.buttons {
	display: flex;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-shrink:hover,
.wp-block-button__link:hover,
.buttons:hover {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
/* Animate */
.animate-box.fade-in {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}
.animate-box.visible.fade-in {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.banner-home > .wp-block-group.has-background {
	animation: bottomUp 1.5s ease-out forwards;
}
.right-left-animate {
	animation: rightLeft 1.5s ease-out forwards;
}
@keyframes bottomUp {
	0% {
		animation-timing-function: ease-in;
		background-position: -200% 50%;
	}
	100% {
		animation-timing-function: ease-out;
		background-position: 0% 50%;
	}
}
@keyframes rightLeft {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateX(250px);
	}
	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0);
	}
	55% {
		animation-timing-function: ease-in;
		transform: translateX(68px);
	}
	72% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}
	81% {
		animation-timing-function: ease-in;
		transform: translateX(32px);
	}
	90% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}
	95% {
		animation-timing-function: ease-in;
		transform: translateX(8px);
	}
	100% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}
}
/* Block styles — Interface Development */
.sexy-counter-wrapper {
	display: flex;
	gap: var(--wp--preset--spacing--50);
}
.sexy-counter-wrapper .sexy-counter-card {
	flex-basis: 0;
	flex-grow: 1;
}
.sexy-counter-wrapper .animated-counter {
	font-size: 36px;
	font-weight: 700;
	margin-top: -16px;
	color: var(--wp--preset--color--accent-1);
}
/* Form Styles */
input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0px 9999px white;
}
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px white inset;
}
::-webkit-input-placeholder {
	color: #33333386;
}
::-moz-placeholder {
	color: #33333386;
}
select:invalid,
select option[value=""] {
	color: #33333386;
}
form {
	position: relative;
}
form fieldset, .register_links, .login_status, .job50-dashboard-card, .job50-profile-card, .company-logo-upload, .avatar-field {
    position: relative;
    max-width: 960px;
    margin: 4% auto;
    border: solid 1px #dedede;
    border-radius: 8px;
    padding: 32px;
    background: #FFF;
    background: #FFF;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .03);
}
#wpmem_login_form fieldset,
#wpmem_register_form fieldset {
	padding-bottom: 0;
}
form fieldset > div {
	margin-bottom: 24px;
	position: relative;
}
form label {
	font-size: 14px;
}
form fieldset > .button_div {
	display: flex;
	align-items: center;
	bottom: 0;
}
.buttons {
	font-family: var(--wp--preset--font-family--google-sans-flex);
	background-color: var(--wp--preset--color--accent-1);
	color: #FFF;
	border: none;
	padding: 12px 24px;
	border-radius: 9999em;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
}
.buttons:hover {
	color: #FFF;
}
.buttons.buttons--secondary:hover {
	color: inherit;
}
.buttons.small,
.job-wizard-admin-actions .buttons {
	font-size: 10px;
	text-align: center;
	justify-content: center;
	padding: 5px 10px;
	margin: 5px;
}
.req-text,
form fieldset > label,
form fieldset > legend {
	display: none !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
	position: relative;
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 300;
	box-sizing: border-box;
	padding: 8px 0 !important;
	min-width: 100%;
	border: none;
	border-bottom: solid 1px #dedede;
	font-size: 16px;
	color: #333333;
	border-radius: 4px !important;
	background-color: #FFF;
	box-shadow: none;
}
/* ==========================================================
   Global field skin — gradient border
   ========================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select,
.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control {
	position: relative;
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 300;
	box-sizing: border-box;
	min-width: 100%;
	font-size: 16px;
	color: #333333;
	border: 1px solid transparent;
	border-radius: 8px;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(180deg, #ffffff 0%, #dedede 100%) border-box;
	box-shadow: none;
}

/* champs natifs */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
	padding: 12px 16px !important;
}

/* Tom Select */
.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control {
	padding: 12px 16px !important;
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
}

/* input interne Tom Select */
.ts-control > input {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font: inherit !important;
	color: inherit !important;
}

/* focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.ts-wrapper.focus .ts-control,
.ts-control:focus-within {
	outline: none;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(180deg, #ffffff 0%, var(--wp--preset--color--accent-1) 100%) border-box;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
	border-bottom: solid 2px var(--wp--preset--color--accent-1);
	box-shadow: none;
}

/* Tom Select — centralized shared field skin */
.ts-wrapper {
	width: 100%;
}
.ts-wrapper .ts-control {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 0;
	padding: 8px 0 !important;
	border: none !important;
	border-bottom: solid 1px #dedede !important;
	border-radius: 4px !important;
	background: #FFF !important;
	box-shadow: none !important;
}
.ts-wrapper.focus .ts-control,
.ts-wrapper .ts-control:focus-within {
	border-bottom: solid 2px var(--wp--preset--color--accent-1) !important;
	box-shadow: none !important;
}
.ts-wrapper .ts-control > input {
	position: relative;
	font-family: var(--wp--preset--font-family--inter) !important;
	font-weight: 300 !important;
	box-sizing: border-box;
	padding: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 0 none !important;
	background: transparent !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: #333333 !important;
	text-indent: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.ts-wrapper.single .ts-control .item,
.ts-wrapper.multi .ts-control > div,
.ts-wrapper .ts-dropdown,
.ts-wrapper .ts-dropdown .option,
.ts-wrapper .ts-dropdown .create {
	font-family: var(--wp--preset--font-family--inter);
	font-size: 16px;
	color: #333333;
}
.ts-wrapper.multi .ts-control > div {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 2px;
	background: #f5f5f5;
}
.ts-wrapper.plugin-remove_button .item .remove,
.ts-wrapper.plugin-remove_button .item .remove-single {
	border-left: 0;
}
.ts-wrapper .ts-dropdown {
	margin-top: 8px;
	border: 1px solid #ececec;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}
.ts-wrapper .ts-dropdown .active,
.ts-wrapper .ts-dropdown .option:hover {
	background: #f8f8f8;
	color: #111;
}
/* Password visibility toggle */
#wpmem_register_form .wpmem-pw-field {
	position: relative;
}
#wpmem_register_form .wpmem-pw-field input[type="password"],
#wpmem_register_form .wpmem-pw-field input[type="text"] {
	padding-right: 44px;
}
.wpmem-pw-toggle {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/ic-visibility.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: transparent;
	cursor: pointer;
}
.wpmem-pw-toggle::before {
	content: none !important;
	display: none !important;
}
.wpmem-pw-toggle:focus,
.wpmem-pw-toggle:focus-visible,
.wpmem-pw-toggle:hover,
.wpmem-pw-toggle:active {
	filter: brightness(0) saturate(100%) invert(10%) sepia(95%) saturate(5580%) hue-rotate(353deg) brightness(121%) contrast(87%);
}
/* Login / Register */
#wpmem_login .link-text {
	font-size: 14px;
}
#wpmem_login .link-text-register,
.link-text-username {
	display: none;
}
.wpmem-register-intro {
	text-align: center;
	color: #FFF;
	padding: 0 16px;
}
.wpmem-register-intro h3,
.register_status {
	font-family: var(--wp--preset--font-family--google-sans-flex);
	font-style: normal;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	color: #FFF;
	text-align: center;
	letter-spacing: -0.1px;
	line-height: 1.125;
	text-transform: uppercase;
	margin-bottom: 0;
}
.wpmem-register-intro p {
	margin-top: 8px;
}
#wpmem_pwdreset_form fieldset,
#wpmem_pwdchange_form fieldset {
	max-width: 480px;
}
#wpmem_profile_form fieldset .div_text,
#wpmem_profile_form fieldset .div_textarea {
	width: 42%;
	float: left;
	margin: 10px 4%;
}
#wpmem_profile_form fieldset .div_textarea {
	width: 92%;
}
#wpmem_profile_form fieldset .field {
	position: relative;
}
#wpmem_profile_form fieldset .field input,
#wpmem_profile_form fieldset .field textarea {
	padding-left: 32px;
}
#wpmem_profile_form fieldset .div_checkbox {
	display: flex;
	gap: 8px;
	clear: both;
	align-items: center;
}
#wpmem_profile_form fieldset .field::before {
	content: "";
	position: absolute;
	display: block;
	z-index: 1;
	top: 8px;
	left: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	opacity: 0.2;
}
#wpmem_profile_form fieldset .field.field--my_compny_right::before,
#wpmem_profile_form fieldset .field.field--wpmem_reg_page::before,
#wpmem_profile_form fieldset .field.field--a::before {
	display: none;
}
.field--company_name::before     { background-image: url(../images/ic-company.svg); }
.field--business_number::before  { background-image: url(../images/ic-business-number.svg); }
.field--user_url::before         { background-image: url(../images/ic-website.svg); }
.field--description::before      { background-image: url(../images/ic-desc.svg); }
.field--first_name::before,
.field--last_name::before        { background-image: url(../images/ic-person.svg); }
.field--billing_address_1::before,
.field--billing_city::before,
.field--billing_postcode::before,
.field--billing_country::before  { background-image: url(../images/ic-address.svg); }
.field--billing_phone::before    { background-image: url(../images/ic-phone.svg); }
.field--user_email::before       { background-image: url(../images/ic-mail.svg); }
/* WP-Members message box */
.wpmem_msg,
#wpmem_restricted_msg,
.safe-box {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	display: flex;
	align-items: center;
	color: #FFF;
	padding: 16px;
	transition: all 0.3s ease-in-out;
}
.wpmem_msg.success {
	background-color: var(--wp--preset--color--accent-2);
}
.wpmem_msg.error,
#wpmem_restricted_msg {
	background-color: var(--wp--preset--color--accent-1);
}
.wpmem_msg.success::before,
.wpmem_msg.error::before,
.wpmem_msg .close-btn,
#wpmem_restricted_msg::before,
#wpmem_restricted_msg .close-btn {
	content: "";
	display: block;
	width: 68px;
	height: 68px;
	background-image: url(../images/ic-error.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 16px;
	flex: 0 0 68px;
}
.wpmem_msg.success::before {
	background-image: url(../images/ic-success.svg);
}
.wpmem_msg .close-btn {
	position: absolute;
	right: 0;
	top: 16px;
	width: 32px;
	height: 32px;
	font-size: 0;
	background-image: url(../images/ic-close.svg);
	background-color: transparent;
	cursor: pointer;
}
.wpmem_msg,
#wpmem_restricted_msg {
	bottom: -9999px;
	animation: slideUp 1s ease forwards;
}
.wpmem_msg.close {
	display: none;
}
@keyframes slideUp {
	to {
		bottom: 0;
	}
}
/* ==========================================================
   Toast notifications
   Unified to a single .job50-toast class.
   .job50-global-toast / .job50-register-toast / .job-wizard__toast
   were aliases used by older plugin versions — removed now that
   all plugins use .job50-toast consistently.
   ========================================================== */
.job50-toast {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	display: flex;
	align-items: center;
	color: #FFF;
	padding: 16px;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
}
.job50-toast.is-success {
	background-color: var(--wp--preset--color--accent-2);
}
.job50-toast.is-error {
	background-color: var(--wp--preset--color--accent-1);
}
.job50-toast::before {
	content: "";
	display: block;
	width: 68px;
	height: 68px;
	background-image: url(../images/ic-error.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 16px;
	flex: 0 0 68px;
}
.job50-toast.is-success::before {
	background-image: url(../images/ic-success.svg);
}
.job50-toast.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
/* Company Logo Upload */
.company-logo-upload {
	max-width: 480px;
	margin: 0 auto;
}
.company-logo-upload fieldset > p {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}
.company-logo-upload .logo-box {
	position: relative;
	display: flex;
	width: 240px;
	height: 120px;
	border: solid 1px #dedede;
	border-radius: 8px;
	margin-right: 16px;
	padding: 10px;
	background-image: url(../images/ic-picture-add.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 36px;
}
.company-logo-upload .logo-box:hover {
	border-color: var(--wp--preset--color--accent-1);
}
.company-logo-upload .logo-box img {
	width: 100%;
	height: auto;
	object-fit: contain;
	background-color: #FFF;
}
.company-logo-upload .logo-box input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.company-logo-upload label {
	font-family: var(--wp--preset--font-family--google-sans-flex);
	font-size: 16px;
}
/* Add Job — Wizard form layout */
form .block-content {
	display: flex;
	align-items: flex-start;
}
.ic-label {
	display: inline-flex;
	padding-top: 5px !important;
}
.ic-label::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url(../images/ic-star.svg);
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.2;
	margin-right: 8px;
}
.ic-label.label-experience::before      { background-image: url(../images/ic-star.svg); }
.ic-label.label-education::before       { background-image: url(../images/ic-student.svg); }
.ic-label.label-languages::before       { background-image: url(../images/ic-language.svg); }
.ic-label.label-hard-skills::before     { background-image: url(../images/ic-tools.svg); }
.ic-label.label-soft-skills::before     { background-image: url(../images/ic-star-happy.svg); }
.ic-label.label-education-area::before  { background-image: url(../images/ic-student-book.svg); }
.ic-label.label-driving-license::before { background-image: url(../images/ic-permis.svg); }
.ic-label.label-workplace::before       { background-image: url(../images/ic-location.svg); }
.ic-label.label-industry::before        { background-image: url(../images/ic-search-plus.svg); }
.ic-label.label-employment-type::before { background-image: url(../images/ic-contract.svg); }
.ic-label.label-work-status::before     { background-image: url(../images/ic-clock-count.svg); }
.ic-label.label-arrangement::before     { background-image: url(../images/ic-workplace.svg); }
.ic-label.label-salary::before          { background-image: url(../images/ic-euro.svg); }
.label-title {
	font-family: var(--wp--preset--font-family--google-sans-flex);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
form .label-title {
	flex: 0 0 40%;
	padding: 0;
	flex-wrap: wrap;
	margin-top: -15px;
}
form .label-title small {
	font-size: 11px;
	color: #33333386;
	padding-left: 48px;
	width: 80%;
	margin-top: -16px;
}
form .block-content .align-right {
	flex: 0 0 60%;
	min-width: auto;
}
form .block-content .input-text {
	width: 90%;
	margin-top: 16px;
}
form .block-content .input-text input {
	min-width: 80%;
}
form .block-box.row {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 24px;
}
form .grp_column_1 {
	display: flex;
	gap: 12px;
}
form .grp_column_2 {
	display: flex;
	gap: 4%;
}
form .grp_column_2 > * {
	min-width: 48%;
}
form .button_div {
	justify-content: flex-end;
	position: relative;
	right: 0;
	margin-top: 32px;
}
form .add-item a {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-transform: uppercase;
	font-size: 14px;
	color: #949494;
}
form .add-item a:hover {
	color: var(--wp--preset--color--accent-1);
}
form .add-item a::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/picto-plus-small.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 8px;
}
.button_div .buttons[type="submit"] {
	float: right;
}
/* Range Input */
.range-wrapper {
	position: relative;
	width: 100%;
	padding: 12px 0;
}
.slider {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	border: none;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.slider:hover,
.slider:focus,
.slider:active {
	border: none;
}
.slider::before,
.slider::after {
	content: "0";
	position: absolute;
	bottom: -10px;
	left: 0;
	font-size: 16px;
	color: #dedede;
}
.slider::after {
	content: "25";
	left: auto;
	right: 0;
}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	background: var(--wp--preset--color--accent-1);
	border-radius: 9999em;
	cursor: pointer;
}
.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: var(--wp--preset--color--accent-1);
	border-radius: 9999em;
	cursor: pointer;
}
.bubble {
	position: absolute;
	top: -16px;
	left: 0;
	transform: translateX(-50%);
	white-space: nowrap;
	display: inline-flex;
	gap: 4px;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	padding: 4px 8px;
	border-radius: 4px;
	pointer-events: none;
}
/* Radio / Checkbox */
.radio-group input[type="radio"],
.checkbox-group input[type="checkbox"],
.div_radio input[type="radio"],
.radio-switch input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
}
.radio-group,
.checkbox-group {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	width: 100%;
}
.radio-group > *,
.checkbox-group > * {
	width: 30%;
	display: flex;
	align-items: center;
	gap: 4px;
}
.div_radio {
	display: flex;
	gap: 2%;
	flex-wrap: wrap;
}
.radio-group label,
.checkbox-group label,
.div_radio label {
	display: flex;
	width: 30%;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	background: #f7f7f7;
	text-align: center;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease;
}
.div_radio label {
	font-family: var(--wp--preset--font-family--google-sans-flex);
	text-transform: uppercase;
	width: 48%;
	padding: 30px 15px;
}
.radio-group label:hover,
.checkbox-group label:hover,
.div_radio label:hover {
	border-color: var(--wp--preset--color--accent-1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}
.radio-group label:has(input[type="radio"]:checked),
.checkbox-group label:has(input[type="checkbox"]:checked),
.div_radio input[type="radio"]:checked + label {
	border-color: var(--wp--preset--color--accent-1);
	background: var(--wp--preset--color--accent-1);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}
/* Radio Switch */
.radio-switch {
	position: relative;
	float: right;
	margin: 0;
	width: 150px;
	height: 22px;
	background-color: #d3d3d3;
	border-radius: 9999em;
	display: flex;
	align-items: center;
}
.radio-switch.big {
	width: 320px;
	height: 42px;
	margin-top: 16px;
}
.radio-switch label {
	flex: 1;
	text-align: center;
	color: #FFFFFF;
	z-index: 2;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
}
.radio-switch.big label {
	font-size: 12px;
	font-family: var(--wp--preset--font-family--google-sans-flex);
	font-weight: 700;
}
.switch-selection {
	position: absolute;
	width: 50%;
	height: 100%;
	background-color: var(--wp--preset--color--accent-1);
	border-radius: 9999em 0 0 9999em;
	transition: transform 0.3s;
}
.option-1:checked ~ .switch-selection {
	transform: translateX(0);
}
.option-2:checked ~ .switch-selection {
	transform: translateX(100%);
	border-radius: 0 9999em 9999em 0;
}
/* ==========================================================
   Job50 Dashboard — global styles
   Global dashboard styles live in the child theme on purpose:
   they override plugin defaults and apply the site's design
   language (fonts, grid, card style, responsive breakpoints).
   ========================================================== */
/* Toast container — floating top-right (child theme design).
   Overrides the full-width bottom-bar style in job50-core/assets/profile-forms.css
   for dashboard and wizard pages. */
.job50-toast-container {
	position: fixed;
	top: 24px;
	right: 24px;
	z-index: 99999;
	pointer-events: none;
}
/* Button variants */
.buttons.buttons--secondary,
.buttons.buttons--ghost,
.buttons.buttons--sm {
	background-color: #FFF;
	color: var(--wp--preset--color--contrast);
	border: solid 1px #dedede;
}
.buttons.buttons--ghost {
	background: linear-gradient(180deg, #FFF 0%, #FFF 80%, #F5F5F5 100%);
}
.buttons.buttons--sm {
	padding: 10px 16px;
	font-size: 14px;
}
/* Dashboard shell */
.job50-dashboard-shell,
.job50-dashboard {
	display: grid;
	gap: 24px;
}
.job50-dashboard {
	margin: 32px auto 64px;
}
.job50-dashboard .job50-dashboard-card {
	max-width: none;
	margin: 0;
	padding: 28px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}
/* Dashboard card header */
.job50-dashboard-card__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 20px;
}
.job50-dashboard-card__header h3 {
	margin: 0;
}
.job50-dashboard-card__header a {
	font-size: 14px;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}
/* Overline label */
.job50-overline {
	margin: 0 0 6px;
	font-family: var(--wp--preset--font-family--google-sans-flex);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #8f8f8f;
}
/* Hero card */
#job50-card-hero {
	overflow: hidden;
	position: relative;
}
.job50-dashboard__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, .85fr);
	gap: 24px;
	align-items: stretch;
}
.job50-dashboard__hero-main,
.job50-dashboard__hero-side {
	position: relative;
	z-index: 1;
}
.job50-dashboard__identity {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	gap: 24px;
}
/* Avatar */
.job50-avatar {
	position: relative;
	overflow: hidden;
	background: #FFF;
	border: solid 1px #ececec;
}
.job50-avatar--circle { border-radius: 9999em; }
.job50-avatar--xl     { width: 112px; height: 112px; }
.job50-dashboard-avatar {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Badges */
.job50-dashboard-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}
.job50-badge {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 9999em;
	font-size: 13px;
	font-weight: 700;
	background-color: #f4f4f4;
	color: #333333;
}
.job50-badge--role    { background-color: #ffecee; color: var(--wp--preset--color--accent-1); }
.job50-badge--success { background-color: #edf8f1; color: #1d7a3e; }
.job50-badge--warning { background-color: #fff4e8; color: #b85a00; }
/* Dashboard title / meta */
.job50-dashboard-title {
	margin: 16px 0 8px;
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 1;
	text-transform: none;
}
.job50-dashboard-subtitle,
.job50-dashboard-meta,
.job50-dashboard-text {
	color: #5d5d5d;
}
.job50-dashboard-subtitle {
	margin: 0 0 18px;
	font-size: 1rem;
}
/* Dashboard actions */
.job50-dashboard-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.job50-dashboard-actions .buttons {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
/* Hero side */
.job50-dashboard__hero-side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.job50-logo {
	display: grid;
	place-items: center;
	background-color: #FFF;
	border: solid 1px #ececec;
}
.job50-logo--org {
	width: 96px;
	height: 96px;
	border-radius: 24px;
	padding: 14px;
}
.job50-dashboard-logo {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.job50-dashboard__hero-side-copy h3 {
	margin: 0 0 8px;
	font-size: 1.25rem;
}
.job50-dashboard__hero-side-copy p {
	margin: 0;
}
/* Quick actions */
#job50-card-quick-actions h3 {
	margin: 0;
}
.job50-dashboard-quick-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}
.job50-action-tile {
	display: grid;
	gap: 8px;
	padding: 20px;
	border-radius: 22px;
	border: solid 1px #ececec;
	background: #FFF;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .03);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.job50-action-tile:hover {
	transform: translateY(-2px);
	border-color: #d6d6d6;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .07);
}
.job50-action-tile strong {
	font-family: var(--wp--preset--font-family--google-sans-flex);
	font-size: 1rem;
	text-transform: uppercase;
}
.job50-action-tile span:last-child {
	font-size: 14px;
	color: #666;
}
.job50-action-tile__eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}
.job50-action-tile.is-disabled {
	opacity: .82;
	cursor: default;
	pointer-events: none;
}
/* Main grid */
.job50-dashboard__main {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, .9fr);
	gap: 24px;
	align-items: start;
}
.job50-dashboard__stack {
	display: grid;
	gap: 24px;
	font-size: 16px;
}
/* Meta list */
.job50-dashboard-meta-list {
	display: grid;
	gap: 12px;
	margin: 0;
}
.job50-dashboard-meta-list > div {
	display: grid;
	grid-template-columns: minmax(120px, 150px) minmax(0, 1fr);
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: solid 1px #efefef;
}
.job50-dashboard-meta-list dt {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #8f8f8f;
}
.job50-dashboard-meta-list dd {
	margin: 0;
	word-break: break-word;
}
.job50-dashboard-list,
.job50-dashboard-steps {
	display: grid;
	gap: 10px;
	margin: 0;
	padding-left: 18px;
}
/* Alerts */
.job50-dashboard-alert {
	margin-top: 18px;
	padding: 14px 16px;
	border-radius: 18px;
}
.job50-dashboard-alert--warning { background-color: #fff4e8; color: #b85a00; }
.job50-dashboard-alert--success { background-color: #edf8f1; color: #1d7a3e; }
/* Members list */
.job50-dashboard-members {
	display: grid;
	gap: 12px;
}
.job50-dashboard-member {
	padding: 16px 18px;
	border-radius: 18px;
	border: solid 1px #ececec;
	background: #FFF;
}
.job50-dashboard-member__copy p {
	margin: 6px 0 0;
	font-size: 14px;
	color: #666;
}
/* Shortcode table wrapper */
.job50-dashboard-shortcode-wrap table {
	width: 100%;
	border-collapse: collapse;
}
.job50-dashboard-shortcode-wrap th,
.job50-dashboard-shortcode-wrap td {
	padding: 14px 12px;
	border-bottom: solid 1px #efefef;
	text-align: left;
	vertical-align: middle;
}
.job50-dashboard-shortcode-wrap .buttons,
.job50-dashboard-shortcode-wrap button {
	margin-right: 8px;
}
.job50-dashboard-shortcode-wrap .job-wizard-panel,
.job50-dashboard-shortcode-wrap .job50-dashboard-card {
	background: transparent;
}
/* Responsive */
@media screen and (max-width: 1080px) {
	.job50-dashboard__main,
	.job50-dashboard__hero {
		grid-template-columns: 1fr;
	}
}
/* ── Reset password modal ─────────────────────────────── */
.jquery-modal.blocker {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
.modal a.close-modal {
    background-image: url(../images/ic-close.svg);
    background-color: var(--wp--preset--color--accent-1);
    border-radius: 999rem;
}
#job50-pwdreset-modal {
    width: 460px;
    max-width: 94vw;
    padding: 32px 36px 28px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .16);
}
.job50-pwdreset-loading {
    text-align: center;
    color: #999;
    padding: 24px 0;
    margin: 0;
}
@media screen and (max-width: 781px) {
	.job50-toast-container {
		top: 16px;
		right: 16px;
		left: 16px;
	}
	.job50-dashboard .job50-dashboard-card {
		padding: 22px;
		border-radius: 22px;
	}
	.job50-dashboard__identity {
		grid-template-columns: 1fr;
	}
	.job50-dashboard-quick-actions {
		grid-template-columns: 1fr;
	}
	.job50-dashboard-meta-list > div {
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.job50-dashboard-actions {
		flex-direction: column;
	}
	.job50-dashboard-actions .buttons {
		width: 100%;
	}
}


/* ==========================================================
   FINAL OVERRIDES — shared field skin + recruiter step 1
   ========================================================== */

/* Shared field surface */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea, select, .ts-wrapper.single .ts-control, .ts-wrapper.multi .ts-control {
    position: relative;
    font-family: var(--wp--preset--font-family--inter);
    font-weight: 300;
    box-sizing: border-box;
    min-width: 100%;
    font-size: 16px;
    color: #333333;
    background: linear-gradient(#fff, #fff) padding-box,
  linear-gradient(180deg, #ffffff 0%, #dedede 100%) border-box !important;
    border: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
	padding: 14px 18px !important;
	background-color: transparent !important;
	margin-bottom: 16px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.ts-wrapper.focus .ts-control,
.ts-wrapper .ts-control:focus-within {
	outline: none;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(180deg, #ffffff 0%, var(--wp--preset--color--accent-1) 100%) border-box !important;
	border: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
	box-shadow: none !important;
}

.ts-wrapper {
	width: 100%;
}

.ts-wrapper .ts-control {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 54px;
	padding: 14px 18px !important;
	background-color: transparent !important;
}

.ts-wrapper .ts-control > input {
	position: relative;
	font-family: var(--wp--preset--font-family--inter) !important;
	font-weight: 300 !important;
	box-sizing: border-box;
	padding: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: #333333 !important;
	text-indent: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.ts-wrapper .ts-dropdown {
	margin-top: 8px;
	border: 1px solid #ececec;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.ts-wrapper .ts-dropdown .active,
.ts-wrapper .ts-dropdown .option:hover {
	background: #f8f8f8;
	color: #111;
}

.ts-wrapper.single .ts-control::after {
	display: none !important;
}

select.js-tomselect-job-title + .ts-wrapper .ts-control {
	padding-right: 56px !important;
}

select.js-tomselect-job-title + .ts-wrapper .ts-control::before {
	content: none !important;
	display: none !important;
}

select.js-tomselect-job-title + .ts-wrapper {
	position: relative;
}

select.js-tomselect-job-title + .ts-wrapper .job50-tomselect-action {
	position: absolute;
	top: 50%;
	right: 16px;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: url("data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20id=%22Layer_2%22%20data-name=%22Layer%202%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020.32%2020.32%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20%20fill:%20%23ed1c24;%20%20%20%20%20%20%20%7D%20%20%20%20%20%3C/style%3E%3C/defs%3E%3Cg%20id=%22Layer_1-2%22%20data-name=%22Layer%201%22%3E%3Cpath%20class=%22cls-1%22%20d=%22M19.34,20.32l-7.67-7.67c-.59.52-1.27.92-2.06,1.2-.78.28-1.59.42-2.43.42-2,0-3.7-.7-5.09-2.09-1.39-1.39-2.09-3.07-2.09-5.05S.7,3.48,2.09,2.09C3.48.7,5.17,0,7.16,0s3.65.7,5.04,2.09c1.39,1.39,2.08,3.07,2.08,5.05,0,.83-.14,1.64-.42,2.42-.28.78-.69,1.49-1.23,2.13l7.69,7.64s-.98.99-.98.99ZM7.16,12.94c1.61,0,2.98-.56,4.1-1.69,1.12-1.13,1.69-2.49,1.69-4.11s-.56-2.98-1.69-4.11c-1.12-1.13-2.49-1.69-4.1-1.69s-3,.56-4.13,1.69c-1.13,1.13-1.69,2.49-1.69,4.11s.56,2.98,1.69,4.11c1.13,1.13,2.5,1.69,4.13,1.69Z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	background-color: transparent;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	z-index: 3;
}

select.js-tomselect-job-title + .ts-wrapper.has-selection .job50-tomselect-action,
select.js-tomselect-job-title + .ts-wrapper .job50-tomselect-action.is-clear {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020.32%2020.32%22%3E%3Ccircle%20cx=%2210.16%22%20cy=%2210.16%22%20r=%228.92%22%20fill=%22none%22%20stroke=%22%23ed1c24%22%20stroke-width=%221.6%22/%3E%3Cpath%20d=%22M6.48%206.48%2013.84%2013.84M13.84%206.48%206.48%2013.84%22%20fill=%22none%22%20stroke=%22%23ed1c24%22%20stroke-width=%221.6%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E");
}

select.js-tomselect-job-title + .ts-wrapper .job50-tomselect-action:focus,
select.js-tomselect-job-title + .ts-wrapper .job50-tomselect-action:focus-visible,
select.js-tomselect-job-title + .ts-wrapper .job50-tomselect-action:hover {
	outline: none;
	filter: brightness(0) saturate(100%) invert(10%) sepia(95%) saturate(5580%) hue-rotate(353deg) brightness(121%) contrast(87%);
}



/* Job title Tom Select badge */
select.js-tomselect-job-title + .ts-wrapper .ts-control .item[data-ts-item] {
	background-color: #ed1c24;
	padding: 6px 12px;
	border-radius: 7px;
	color: #fff;
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
	max-width: calc(100% - 58px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

select.js-tomselect-job-title + .ts-wrapper .ts-control > input {
	margin-left: 6px !important;
	padding-right: 4px !important;
}

.job-title-family-meta {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.35;
	color: #666;
	text-align: center;
}

.job-title-family-meta strong {
	color: #333;
	font-weight: 700;
}

/* Bubble textarea */
.textarea-bubble {
	position: relative;
	width: 100%;
	min-height: 250px;
	padding: 22px 58px 58px 22px;
	isolation: isolate;
}

.textarea-bubble::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20459.19%20244.3%22%20preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%25%22%20stop-color=%22%23ffffff%22/%3E%3Cstop%20offset=%22100%25%22%20stop-color=%22%23dedede%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M443.19,1H16C7.72,1,1,7.72,1,16v152.85c0,8.28,6.72,15,15,15h282.27l104.06,59.06-15.76-59.06h56.62c8.28,0,15-6.72,15-15V16c0-8.28-6.72-15-15-15Z%22%20fill=%22%23ffffff%22%20stroke=%22url(%23g)%22%20stroke-width=%221%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center / 100% 100%;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .025));
	pointer-events: none;
	z-index: 0;
}

.textarea-bubble::after {
	content: "";
	position: absolute;
	top: 18px;
	right: 18px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20id=%22Layer_2%22%20data-name=%22Layer%202%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016.5%2020.9%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20%20fill:%20%23ed1c24;%20%20%20%20%20%20%20%7D%20%20%20%20%20%3C/style%3E%3C/defs%3E%3Cg%20id=%22Layer_1-2%22%20data-name=%22Layer%201%22%3E%3Cpath%20class=%22cls-1%22%20d=%22M4.11,16.57h8.28v-1.25H4.11v1.25ZM4.11,11.97h8.28v-1.25H4.11v1.25ZM1.59,20.9c-.43,0-.8-.16-1.12-.47-.31-.31-.47-.69-.47-1.12V1.59c0-.43.16-.8.47-1.12.31-.31.69-.47,1.12-.47h9.56l5.36,5.36v13.96c0,.43-.16.8-.47,1.12-.31.31-.69.47-1.12.47H1.59ZM10.52,5.92V1.25H1.59c-.08,0-.16.04-.23.11-.07.07-.11.15-.11.23v17.73c0,.08.04.16.11.23.07.07.15.11.23.11h13.33c.08,0,.16-.04.23-.11.07-.07.11-.15.11-.23V5.92s-4.73,0-4.73,0ZM1.25,1.25v4.67V1.25v18.4V1.25Z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	pointer-events: none;
	z-index: 2;
}

.textarea-bubble:focus-within::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20459.19%20244.3%22%20preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%25%22%20stop-color=%22%23ffffff%22/%3E%3Cstop%20offset=%22100%25%22%20stop-color=%22%23ed1c24%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M443.19,1H16C7.72,1,1,7.72,1,16v152.85c0,8.28,6.72,15,15,15h282.27l104.06,59.06-15.76-59.06h56.62c8.28,0,15-6.72,15-15V16c0-8.28-6.72-15-15-15Z%22%20fill=%22%23ffffff%22%20stroke=%22url(%23g)%22%20stroke-width=%221%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E");
}

.textarea-bubble textarea {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	min-height: 150px;
	padding: 0 !important;
	margin: 0;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	resize: none;
}

.textarea-bubble textarea:focus {
	outline: none;
}

/* Recruiter step 1 layout */
#company-job-wizard #form-match-0 {
	max-width: 980px;
	margin: 0 auto;
}

#company-job-wizard #form-match-0 > fieldset {
	max-width: none;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#company-job-wizard #form-match-0 .job-wizard-header {
	max-width: 840px;
	margin: 0 auto 40px;
}

#company-job-wizard #form-match-0 .job-wizard-header .wp-block-heading {
	margin: 40px 0 14px;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: .94;
	text-transform: uppercase;
}

#company-job-wizard #form-match-0 .job-wizard-header p {
	max-width: 680px;
	margin: 0 auto;
	font-size: 19px !important;
	line-height: 1.2;
	color: #333333;
}

#company-job-wizard #form-match-0 .block-content {
	display: block;
	max-width: 466px;
	margin: 0 auto 34px;
}

#company-job-wizard #form-match-0 .block-content--job-description.block-content {
	margin-bottom: 24px;
}

#company-job-wizard #form-match-0 .label-title {
	display: none !important;
}

#company-job-wizard #form-match-0 .align-right {
	flex: none;
	width: 100%;
	min-width: 0;
}

#company-job-wizard #form-match-0 .textarea-bubble {
	min-height: 226px;
	padding-bottom: 48px;
}

#company-job-wizard #form-match-0 .textarea-bubble textarea {
	min-height: 124px;
}

#company-job-wizard #form-match-0 .job-wizard-step-1-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	max-width: 460px;
	margin: 4px auto 0;
}

#company-job-wizard #form-match-0 .job-wizard__nav {
	width: auto;
	max-width: none;
	margin: 0;
	display: flex;
	justify-content: flex-end;
	flex: 0 0 auto;
}

#company-job-wizard #form-match-0 .job-wizard__nav .buttons {
	min-width: 120px;
	justify-content: center;
}


/* Upload cloud */
.job-offer-upload-cloud {
	position: relative;
	width: min(100%, 340px);
	margin: 0;
	overflow: visible;
	flex: 0 0 340px;
}

.job-offer-upload-cloud__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 190px;
	padding: 20px 28px 54px;
	margin-left: -50px;
	margin-top: -50px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.job-offer-upload-cloud__inner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20339.19%20190.24%22%20preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%25%22%20stop-color=%22%23ffffff%22/%3E%3Cstop%20offset=%22100%25%22%20stop-color=%22%23dedede%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M15.25,92.38c8.02,8.37,19.97,14.8,31.33,17.15,5.1,1.05,10.32,1.16,15.51,1.62,10.57,34.98,48.57,54,83.66,46.83,25.51,34.84,74.91,42.58,110.31,17.7,14.65-10.29,25.59-26.2,29.59-43.72,1.64-7.18,2.06-14.27,1.82-21.64,24.52-2.76,46.64-21.03,50.94-45.83C344.49,29.33,314.7.71,280.79,0H58.45C10.94.38-20.13,55.46,15.25,92.38Z%22%20fill=%22%23ffffff%22%20stroke=%22url(%23g)%22%20stroke-width=%221%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center / 100% 100%;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .03));
	pointer-events: none;
	z-index: 0;
}

.job-offer-upload-cloud__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.job-offer-upload-cloud__button,
.job-offer-upload-cloud__help,
.job-offer-upload-cloud__filename {
	position: relative;
	z-index: 1;
}

.job-offer-upload-cloud__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 40px;
	cursor: pointer;
	text-decoration: none;
}

.job-offer-upload-cloud__button::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20id=%22Layer_2%22%20data-name=%22Layer%202%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016.96%2016.96%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20%20fill:%20%23ed1c24;%20%20%20%20%20%20%20%7D%20%20%20%20%20%3C/style%3E%3C/defs%3E%3Cg%20id=%22Forms%22%3E%3Cpath%20class=%22cls-1%22%20d=%22M7.84,12.91V2.49l-3.12,3.11-.92-.91L8.48,0l4.68,4.68-.92.91-3.12-3.11v10.42h-1.28ZM1.63,16.96c-.44,0-.83-.16-1.15-.48-.32-.32-.48-.7-.48-1.15v-3.54h1.28v3.54c0,.09.04.17.11.24.07.07.15.11.24.11h13.7c.09,0,.17-.04.24-.11.07-.07.11-.15.11-.24v-3.54h1.28v3.54c0,.44-.16.83-.48,1.15-.32.32-.7.48-1.15.48H1.63Z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20id=%22Layer_2%22%20data-name=%22Layer%202%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016.96%2016.96%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20%20fill:%20%23ed1c24;%20%20%20%20%20%20%20%7D%20%20%20%20%20%3C/style%3E%3C/defs%3E%3Cg%20id=%22Forms%22%3E%3Cpath%20class=%22cls-1%22%20d=%22M7.84,12.91V2.49l-3.12,3.11-.92-.91L8.48,0l4.68,4.68-.92.91-3.12-3.11v10.42h-1.28ZM1.63,16.96c-.44,0-.83-.16-1.15-.48-.32-.32-.48-.7-.48-1.15v-3.54h1.28v3.54c0,.09.04.17.11.24.07.07.15.11.24.11h13.7c.09,0,.17-.04.24-.11.07-.07.11-.15.11-.24v-3.54h1.28v3.54c0,.44-.16.83-.48,1.15-.32.32-.7.48-1.15.48H1.63Z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	flex: 0 0 16px;
}

.job-offer-upload-cloud__help {
    max-width: 210px;
    margin: 12px auto 0;
    font-size: 12px;
    line-height: 1.2;
    color: #a3a3a3;
}

.job-offer-upload-cloud__help span {
	color: var(--wp--preset--color--accent-1);
}

.job-offer-upload-cloud__filename {
	max-width: 210px;
	margin: 8px auto 0;
	font-size: 12px;
	line-height: 1.35;
	color: #5d5d5d;
	word-break: break-word;
	min-height: 1.2em;
}


/* Responsive */
@media screen and (max-width: 781px) {
	#company-job-wizard #form-match-0 .job-wizard-header {
		margin-bottom: 28px;
	}

	#company-job-wizard #form-match-0 .block-content,
	#company-job-wizard #form-match-0 .job-wizard__nav,
	#company-job-wizard #form-match-0 .job-wizard-step-1-actions {
		max-width: 100%;
	}

	#company-job-wizard #form-match-0 .textarea-bubble {
		min-height: 205px;
	}

	#company-job-wizard #form-match-0 .job-wizard-step-1-actions {
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	.job-offer-upload-cloud {
		width: min(100%, 320px);
		flex-basis: auto;
	}
}


/* ==========================================================
   JOB WIZARD NAV — FINAL STRICT FIX
   ========================================================== */
#company-job-wizard .job-wizard__nav,
#company-job-search-wizard .job-search-wizard__nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#company-job-wizard .job-wizard__nav .buttons,
#company-job-search-wizard .job-search-wizard__nav .buttons {
	align-items: center;
	justify-content: center;
	gap: 12px;
}

#company-job-wizard .job-wizard__nav .buttons--next,
#company-job-wizard .job-wizard__nav .buttons--submit,
#company-job-search-wizard .job-search-wizard__nav .buttons--next,
#company-job-search-wizard .job-search-wizard__nav .buttons--submit {
	margin-left: auto !important;
}

#company-job-wizard .job-wizard__nav .buttons--back,
#company-job-search-wizard .job-search-wizard__nav .buttons--back {
	margin-left: 0 !important;
}

#company-job-wizard .job-wizard__nav .buttons--nav::before,
#company-job-wizard .job-wizard__nav .buttons--nav::after,
#company-job-search-wizard .job-search-wizard__nav .buttons--nav::before,
#company-job-search-wizard .job-search-wizard__nav .buttons--nav::after {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#company-job-wizard .job-wizard__nav .buttons--next::before,
#company-job-wizard .job-wizard__nav .buttons--submit::before,
#company-job-search-wizard .job-search-wizard__nav .buttons--next::before,
#company-job-search-wizard .job-search-wizard__nav .buttons--submit::before {
	content: none;
}

#company-job-wizard .job-wizard__nav .buttons--back::after,
#company-job-search-wizard .job-search-wizard__nav .buttons--back::after {
	content: none;
}

/* Expand Circle Right */
#company-job-wizard .job-wizard__nav .buttons--next::after,
#company-job-search-wizard .job-search-wizard__nav .buttons--next::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.25' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M10 8l4 4-4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Expand Circle Left */
#company-job-wizard .job-wizard__nav .buttons--back::before,
#company-job-search-wizard .job-search-wizard__nav .buttons--back::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.25' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M14 8l-4 4 4 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Check Circle */
#company-job-wizard .job-wizard__nav .buttons--submit::after,
#company-job-search-wizard .job-search-wizard__nav .buttons--submit::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.25' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M8 12.3l2.5 2.5L16 9.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media screen and (max-width: 781px) {
	#company-job-wizard .job-wizard__nav,
	#company-job-search-wizard .job-search-wizard__nav {
		gap: 12px !important;
		flex-wrap: wrap !important;
	}

	#company-job-wizard .job-wizard__nav .buttons,
	#company-job-search-wizard .job-search-wizard__nav .buttons {
		min-height: 58px !important;
		padding: 10px 22px !important;
		font-size: 16px !important;
	}
}


/* ==========================================================
   Bridge background — recruiter / seeker spaces
   ========================================================== */
body.job50-bridge-bg {
	background: linear-gradient(180deg, #f7f9fc 0%, #eef3fa 100%);
	isolation: isolate;
}

body.job50-bridge-bg::before,
body.job50-bridge-bg::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
}

body.job50-bridge-bg::before {
	z-index: -2;
	background:
		radial-gradient(circle at 8% 68%, rgba(130, 204, 226, 0.34) 0 58px, transparent 59px),
		radial-gradient(circle at 13% 26%, rgba(130, 204, 226, 0.24) 0 132px, transparent 133px),
		radial-gradient(circle at 34% 24%, rgba(130, 204, 226, 0.17) 0 220px, transparent 221px),
		radial-gradient(circle at 76% 16%, rgba(86, 167, 200, 0.22) 0 360px, transparent 361px),
		radial-gradient(circle at 92% 72%, rgba(86, 167, 200, 0.17) 0 260px, transparent 261px),
		linear-gradient(316deg, rgba(130, 204, 226, 0.26) 0%, rgba(86, 167, 200, 0.22) 47%, rgba(255, 255, 255, 0) 100%);
	animation: job50BridgeFloat 24s ease-in-out infinite alternate;
	transform: translate3d(0, 0, 0) scale(1.02);
}

body.job50-bridge-bg::after {
	z-index: -1;
	background:
		radial-gradient(circle at 88% 22%, rgba(130, 204, 226, 0.22) 0 112px, transparent 113px),
		radial-gradient(circle at 74% 18%, rgba(86, 167, 200, 0.24) 0 520px, transparent 521px),
		radial-gradient(circle at 22% 82%, rgba(86, 167, 200, 0.13) 0 180px, transparent 181px),
		radial-gradient(circle at 110% 70%, rgba(130, 204, 226, 0.17) 0 240px, transparent 241px);
	filter: blur(5px);
	opacity: 0.98;
	animation: job50BridgeDrift 36s linear infinite;
	transform: translate3d(0, 0, 0);
}

body.job50-bridge-bg .wp-site-blocks,
body.job50-bridge-bg main,
body.job50-bridge-bg .entry-content {
	background: transparent;
	overflow: hidden;
}


footer.wp-block-template-part > .has-base-background-color {
	background-color: transparent !important;
}

footer.wp-block-template-part > .has-base-background-color .footer-nav::before {
	opacity: .5;
}

@keyframes job50BridgeFloat {
	0% {
		transform: translate3d(0, 0, 0) scale(1.02);
	}
	50% {
		transform: translate3d(-16px, 11px, 0) scale(1.045);
	}
	100% {
		transform: translate3d(20px, -13px, 0) scale(1.035);
	}
}

@keyframes job50BridgeDrift {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(-20px, 13px, 0);
	}
	100% {
		transform: translate3d(20px, -16px, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.job50-bridge-bg::before,
	body.job50-bridge-bg::after {
		animation: none;
	}
}