/*! Fichier généré par outils/construire-css.mjs à partir de assets/css/source/ckvm-emplois.css.
 *  Ne pas modifier à la main : modifiez la source, puis lancez « node outils/construire-css.mjs ». */
/*!
 * CKVM Emplois — styles publics.
 * Approche mobile-first ; points de rupture : 768, 1024, 1440 px.
 * Toutes les couleurs, rayons et décalages sont des variables CSS modifiables
 * dans CKVM Emplois → Réglages → Apparence (imprimées en ligne sur :root).
 */

/* ==========================================================================
   1. Jetons (valeurs par défaut, charte ckvmfm.com)
   ========================================================================== */
:root {
	--ckvm-emplois-primary: #e30613;
	--ckvm-emplois-primary-hover: #b8050f;
	--ckvm-emplois-primary-text: #a3150c;
	--ckvm-emplois-secondary: #f07e6e;
	--ckvm-emplois-secondary-pale: #fde9e5;
	--ckvm-emplois-text: #1c1b1a;
	--ckvm-emplois-text-muted: #5e5b57;
	--ckvm-emplois-border: #e4ded8;
	--ckvm-emplois-border-strong: #8c8782;
	--ckvm-emplois-bg: #faf8f6;
	--ckvm-emplois-surface: #fff;
	--ckvm-emplois-amber-pale: #fff1d6;
	--ckvm-emplois-amber-text: #7a4300;
	--ckvm-emplois-closed-pale: #ece9e6;
	--ckvm-emplois-closed-text: #4a4744;
	--ckvm-emplois-success: #1e7a46;
	--ckvm-emplois-success-pale: #f2f8f4;
	--ckvm-emplois-error: #c2140c;
	--ckvm-emplois-error-pale: #fcecEB;
	--ckvm-emplois-facebook: #0866ff;
	--ckvm-emplois-radius: 12px;
	--ckvm-emplois-radius-sm: 10px;
	--ckvm-emplois-offset: 60px;
	--ckvm-emplois-offset-desktop: 60px;
	--ckvm-emplois-sticky-top: 80px;
	--ckvm-emplois-font-heading: "CKVM Emplois Archivo", "Archivo", "Helvetica Neue", Arial, sans-serif;
	--ckvm-emplois-font-body: "CKVM Emplois Source Sans", "Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
	--ckvm-emplois-shadow: 0 6px 20px rgba(28, 27, 26, 0.1);
	--ckvm-emplois-gutter: 20px;
}

@media (min-width: 768px) {
	:root { --ckvm-emplois-gutter: 32px; }
}

@media (min-width: 1440px) {
	:root { --ckvm-emplois-gutter: 48px; }
}

/* ==========================================================================
   2. Base (isolée du thème)
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois {
	font-family: var(--ckvm-emplois-font-body);
	font-size: 16px;
	line-height: 1.45;
	color: var(--ckvm-emplois-text);
	text-align: left;
	-webkit-text-size-adjust: 100%;
	overflow-wrap: break-word;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois *,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois *::before,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois *::after {
	box-sizing: border-box;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, fieldset, legend) {
	margin: 0;
	padding: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(h1, h2, h3, h4) {
	font-family: var(--ckvm-emplois-font-heading);
	color: var(--ckvm-emplois-text);
	text-transform: none;
	letter-spacing: normal;
	text-wrap: pretty;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(ul.ckvm-emplois-etiquettes, .ckvm-emplois-carte__meta, .ckvm-emplois-puces__liste, .ckvm-emplois-grille-employeurs, .ckvm-emplois-encadre-employeur__offres ul) {
	list-style: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois a {
	color: var(--ckvm-emplois-primary-text);
	text-underline-offset: 2px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois a:hover {
	color: var(--ckvm-emplois-primary-hover);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(button, input, select, textarea) {
	font-family: inherit;
	font-size: inherit;
	line-height: 1.2;
	color: inherit;
	letter-spacing: normal;
	text-transform: none;
	margin: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(button) {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	/* Le thème Pro.Radio impose majuscules, dégradé, 12 px et 16 px de remplissage à tous les boutons. */
	padding: 0;
	min-width: 0;
	height: auto;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.2;
	text-align: inherit;
	filter: none;
	transition: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois button::before,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois button::after {
	content: none;
	display: none;
}

/* Neutralise les styles génériques du thème sur les étiquettes, listes de définitions et listes. */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(button, label, legend, dt, dd, span, strong, p, li, a, select, input, textarea, h1, h2, h3, h4) {
	text-transform: none;
	letter-spacing: normal;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(label) {
	opacity: 1;
	font-size: inherit;
	margin: 0;
	font-family: inherit;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(legend) {
	font-family: inherit;
	opacity: 1;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(dt, dd) {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: inherit;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(ul, ol) {
	margin: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(li) {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(select) {
	display: inline-block;
	width: auto;
	max-width: 100%;
	line-height: 1.2;
	border-radius: 8px;
	background-color: #fff;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(input[type="checkbox"], input[type="radio"]) {
	margin: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(fieldset) {
	margin: 0;
	padding: 0;
	border: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(strong, b) {
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois img {
	max-width: 100%;
	height: auto;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-icone {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois :where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--ckvm-emplois-text);
	outline-offset: 2px;
	border-radius: 4px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois [hidden] {
	display: none !important;
}

html.ckvm-emplois-verrou:is(#ckvm-emplois-p1, html),
html.ckvm-emplois-verrou:is(#ckvm-emplois-p1, html) body:is(#ckvm-emplois-p2, body) {
	overflow: hidden !important;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-conteneur {
	width: 100%;
	max-width: calc(1296px + 2 * var(--ckvm-emplois-gutter));
	margin-inline: auto;
	padding-inline: var(--ckvm-emplois-gutter);
}

/* ==========================================================================
   3. Typographie et éléments communs
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-entete {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 760px;
	padding: 24px 0 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-entete--serre {
	margin-top: -12px;
	padding-top: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-surtitre {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ckvm-emplois-primary-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-surtitre-gris {
	font-family: var(--ckvm-emplois-font-body) !important;
	font-size: 13px !important;
	font-weight: 700;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--ckvm-emplois-text-muted) !important;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-titre-page {
	font-size: 34px;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.01em;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-intro {
	font-size: 17px;
	line-height: 1.45;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note a {
	font-weight: 600;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-titre-section {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-titre-section--accent::before {
	content: "";
	width: 6px;
	height: 22px;
	border-radius: 3px;
	background: var(--ckvm-emplois-primary);
	flex-shrink: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-section {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-avis {
	padding: 16px 20px;
	background: var(--ckvm-emplois-surface);
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fil {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	min-height: 44px;
	padding-top: 12px;
	font-size: 15px;
	font-weight: 600;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fil a {
	color: var(--ckvm-emplois-text-muted);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fil [aria-current] {
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-lien-externe,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-lien-fleche {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	font-size: 16px;
	font-weight: 700;
}

/* ==========================================================================
   4. Boutons
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 22px;
	border-radius: var(--ckvm-emplois-radius-sm);
	border: 2px solid transparent;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton--primaire {
	background: var(--ckvm-emplois-primary);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton--primaire:hover {
	background: var(--ckvm-emplois-primary-hover);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton--fonce {
	background: var(--ckvm-emplois-text);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton--fonce:hover {
	background: #000;
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton--contour {
	background: var(--ckvm-emplois-surface);
	border-color: var(--ckvm-emplois-text);
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton--contour:hover {
	background: var(--ckvm-emplois-bg);
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton[disabled],
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton[aria-disabled="true"] {
	opacity: 0.6;
	cursor: not-allowed;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-lien-bouton {
	min-height: 44px;
	padding: 0 8px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-icone:hover {
	background: var(--ckvm-emplois-bg);
}

/* Bouton « Postuler » */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-postuler {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 52px;
	padding: 6px 12px;
	border: 0;
	border-radius: var(--ckvm-emplois-radius-sm);
	background: var(--ckvm-emplois-primary);
	color: #fff;
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0.01em;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 2px 0 var(--ckvm-emplois-primary-hover);
	cursor: pointer;
	transition: background-color 0.15s;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-postuler:hover {
	background: var(--ckvm-emplois-primary-hover);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-postuler--long {
	font-size: 15px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-postuler--ferme,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-postuler--ferme:hover {
	background: var(--ckvm-emplois-closed-pale);
	color: var(--ckvm-emplois-closed-text);
	box-shadow: none;
	font-size: 17px;
	font-weight: 700;
	cursor: not-allowed;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-aide-postuler {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
	text-align: center;
	overflow-wrap: anywhere;
}

/* ==========================================================================
   5. Logos
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--ckvm-emplois-logo-fond, #1f4e5f);
	color: #fff;
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-logo--image {
	background: #fff;
	border: 1px solid var(--ckvm-emplois-border);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-logo--confidentiel {
	background: var(--ckvm-emplois-closed-pale);
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-logo--grand {
	width: 56px;
	height: 56px;
	font-size: 18px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-logo--tres-grand {
	width: 88px;
	height: 88px;
	border-radius: 14px;
	font-size: 28px;
}

/* ==========================================================================
   6. Étiquettes et pastilles
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-etiquettes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-etiquette {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etiquette--nouveau {
	background: var(--ckvm-emplois-primary);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etiquette--vedette {
	background: var(--ckvm-emplois-secondary-pale);
	color: var(--ckvm-emplois-primary-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etiquette--bientot {
	background: var(--ckvm-emplois-amber-pale);
	color: var(--ckvm-emplois-amber-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etiquette--fermee {
	background: var(--ckvm-emplois-closed-pale);
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-pastille-secteur {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 10px;
	border-radius: 999px;
	background: var(--ckvm-emplois-primary);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

/* ==========================================================================
   7. Carte d'offre
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	overflow: hidden;
	background: var(--ckvm-emplois-surface);
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
	transition: box-shadow 0.15s, transform 0.15s;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte:hover {
	box-shadow: var(--ckvm-emplois-shadow);
	transform: translateY(-2px);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte:focus-within {
	outline: 3px solid var(--ckvm-emplois-text);
	outline-offset: 2px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__couverture {
	position: relative;
	flex-shrink: 0;
	height: 92px;
	padding: 12px;
	background: var(--ckvm-emplois-couverture, var(--ckvm-emplois-secondary-pale));
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte__couverture .ckvm-emplois-logo {
	position: absolute;
	left: 16px;
	bottom: -24px;
	width: 56px;
	height: 56px;
	border: 3px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	font-size: 17px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__corps {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	padding: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte--couverture .ckvm-emplois-carte__corps {
	padding-top: 34px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__entete {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__identite {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte__titre {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte__lien {
	color: var(--ckvm-emplois-text);
	text-decoration: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte__lien:hover {
	color: var(--ckvm-emplois-text);
	text-decoration: underline;
}

/* Toute la carte est cliquable. */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__lien::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte__lien:focus-visible {
	outline: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__employeur {
	font-size: 15px;
	font-weight: 600;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__meta li {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__salaire {
	color: var(--ckvm-emplois-text);
	font-weight: 600;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__pied {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid var(--ckvm-emplois-border);
	font-size: 14px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__limite {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__limite--bientot {
	color: var(--ckvm-emplois-amber-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte__voir {
	font-weight: 700;
	color: var(--ckvm-emplois-primary-text);
	white-space: nowrap;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte--fermee .ckvm-emplois-carte__titre,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte--fermee .ckvm-emplois-carte__employeur,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte--fermee .ckvm-emplois-carte__salaire {
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte--fermee .ckvm-emplois-logo {
	opacity: 0.75;
}

/* ==========================================================================
   8. Grilles
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carrousel {
	display: flex;
	gap: 12px;
	margin-inline: calc(-1 * var(--ckvm-emplois-gutter));
	padding: 0 var(--ckvm-emplois-gutter) 8px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--ckvm-emplois-gutter);
	-webkit-overflow-scrolling: touch;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carrousel > * {
	flex: 0 0 min(288px, 82%);
	scroll-snap-align: start;
}

/* ==========================================================================
   9. Recherche : barre, filtres, résultats
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-recherche,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-employeurs,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fiche-employeur {
	background: var(--ckvm-emplois-bg);
	padding-bottom: 28px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-recherche__form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-recherche {
	position: sticky;
	top: 0;
	z-index: 3;
	display: flex;
	gap: 8px;
	margin-inline: calc(-1 * var(--ckvm-emplois-gutter));
	padding: 12px var(--ckvm-emplois-gutter);
	background: var(--ckvm-emplois-bg);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champ-recherche {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champ-recherche .ckvm-emplois-icone {
	position: absolute;
	left: 12px;
	color: var(--ckvm-emplois-text-muted);
	pointer-events: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ-recherche input {
	width: 100%;
	height: 48px;
	padding: 0 12px 0 40px;
	border: 1.5px solid var(--ckvm-emplois-border-strong);
	border-radius: var(--ckvm-emplois-radius-sm);
	background: #fff;
	font-size: 16px;
	color: var(--ckvm-emplois-text);
	box-shadow: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ-recherche input::placeholder {
	color: var(--ckvm-emplois-text-muted);
	opacity: 1;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-recherche__soumettre {
	display: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-filtrer {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 0 14px;
	border: 1.5px solid var(--ckvm-emplois-text);
	border-radius: var(--ckvm-emplois-radius-sm);
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-pastille-compte {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 11px;
	background: var(--ckvm-emplois-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-recherche__corps {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-recherche__resultats {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-resultats-entete {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-compteur {
	font-size: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-compteur strong {
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 18px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-tri {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-tri label {
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tri select,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-employeurs__filtres select {
	-webkit-appearance: none;
	appearance: none;
	height: 44px;
	padding: 0 36px 0 12px;
	border: 1.5px solid var(--ckvm-emplois-border);
	border-radius: 8px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231c1b1a' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
	font-size: 15px;
	font-weight: 700;
	color: var(--ckvm-emplois-text);
	max-width: 100%;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-puces__liste {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-puces:empty {
	display: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-puce {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 8px 0 14px;
	border: 1.5px solid var(--ckvm-emplois-primary-text);
	border-radius: 22px;
	background: var(--ckvm-emplois-secondary-pale);
	color: var(--ckvm-emplois-primary-text);
	font-size: 15px;
	font-weight: 600;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-resultats {
	display: flex;
	flex-direction: column;
	gap: 24px;
	transition: opacity 0.15s;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-resultats[aria-busy="true"] {
	opacity: 0.55;
}

/* Filtres : colonne ou panneau */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__panneau {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__entete {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 60px;
	padding: 0 8px 0 20px;
	border-bottom: 1px solid var(--ckvm-emplois-border);
	flex-shrink: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__titre {
	font-size: 20px;
	font-weight: 800;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__titre-colonne,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__effacer-haut {
	display: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__corps {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px 20px 16px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__groupe {
	min-width: 0;
	border: 0;
	padding: 12px 0 8px;
	border-top: 1px solid var(--ckvm-emplois-border);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__groupe:first-child {
	border-top: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__groupe legend {
	float: left;
	width: 100%;
	padding: 0 0 6px;
	font-size: 16px;
	font-weight: 700;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__options {
	clear: both;
	display: flex;
	flex-direction: column;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__groupe--puces .ckvm-emplois-filtres__options {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__pied {
	display: none;
}

/* Options (cases à cocher personnalisées, accessibles au clavier) */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--case {
	min-height: 44px;
	font-size: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option__case {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border: 2px solid var(--ckvm-emplois-border-strong);
	border-radius: 5px;
	background: #fff;
	color: transparent;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option input:checked + .ckvm-emplois-option__case {
	border-color: var(--ckvm-emplois-primary);
	background: var(--ckvm-emplois-primary);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option input:focus-visible + .ckvm-emplois-option__case,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--puce:has(input:focus-visible) {
	outline: 3px solid var(--ckvm-emplois-text);
	outline-offset: 2px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option__nom {
	flex: 1;
	line-height: 1.25;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option__compte {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--puce {
	min-height: 44px;
	padding: 0 14px;
	border: 1.5px solid var(--ckvm-emplois-border);
	border-radius: 22px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--puce:has(input:checked),
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--puce.est-coche {
	border-color: var(--ckvm-emplois-primary-text);
	background: var(--ckvm-emplois-secondary-pale);
	color: var(--ckvm-emplois-primary-text);
}

/* Panneau coulissant (< 1024 px, uniquement quand JavaScript est actif) */
@media (max-width: 1023.98px) {
	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres {
		position: fixed;
		inset: 0 0 var(--ckvm-emplois-offset) 0;
		z-index: 99990;
		visibility: hidden;
		pointer-events: none;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres.est-ouvert {
		visibility: visible;
		pointer-events: auto;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__fond {
		display: block !important;
		position: absolute;
		inset: 0;
		background: rgba(28, 27, 26, 0.5);
		opacity: 0;
		transition: opacity 0.2s;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres.est-ouvert .ckvm-emplois-filtres__fond {
		opacity: 1;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__panneau {
		position: absolute;
		top: 40px;
		left: 0;
		right: 0;
		bottom: 0;
		border: 0;
		border-radius: 16px 16px 0 0;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);
		transform: translateY(100%);
		transition: transform 0.25s ease-out;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres.est-ouvert .ckvm-emplois-filtres__panneau {
		transform: none;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__corps {
		flex: 1;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__pied {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 20px;
		border-top: 1px solid var(--ckvm-emplois-border);
		flex-shrink: 0;
		background: #fff;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__voir {
		flex: 1;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__pied .ckvm-emplois-lien-bouton {
		min-height: 52px;
		font-size: 16px;
	}

	html:not(.ckvm-emplois-js):is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__fermer,
html:not(.ckvm-emplois-js):is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-bouton-filtrer {
		display: none;
	}
}

/* État vide */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px 20px;
	background: #fff;
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--ckvm-emplois-secondary-pale);
	color: var(--ckvm-emplois-primary-text);
	flex-shrink: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide__texte {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	flex: 1;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-vide__titre {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-suggestion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 48px;
	padding: 0 14px;
	border: 1.5px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius-sm);
	background: var(--ckvm-emplois-bg);
	font-size: 16px;
	font-weight: 600;
	color: var(--ckvm-emplois-text);
	text-align: left;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-suggestion__compte {
	font-weight: 400;
	color: var(--ckvm-emplois-text-muted);
	white-space: nowrap;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide__actions .ckvm-emplois-bouton {
	min-height: 48px;
	font-size: 16px;
}

/* Voir plus */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-plus {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	text-align: center;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-plus__etat {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

/* Appel aux employeurs */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 16px;
	margin-top: 28px;
	padding: 20px;
	border-radius: var(--ckvm-emplois-radius);
	background: var(--ckvm-emplois-secondary);
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel__texte {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: 620px;
	font-size: 15px;
	line-height: 1.4;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel__titre {
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 20px;
	font-weight: 800;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel .ckvm-emplois-bouton {
	min-height: 44px;
	font-size: 15px;
	padding: 0 16px;
}

/* ==========================================================================
   10. Page d'une offre
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre {
	background: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-bandeau-ferme {
	background: var(--ckvm-emplois-text);
	color: #fff;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-bandeau-ferme .ckvm-emplois-conteneur {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding-block: 14px;
	font-size: 15px;
	line-height: 1.4;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-bandeau-ferme strong {
	display: block;
	font-size: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bandeau-ferme a {
	color: #fff;
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-retour {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	margin-top: 12px;
	font-size: 15px;
	font-weight: 600;
	color: var(--ckvm-emplois-text);
	text-decoration: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__grille {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	padding-top: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__principal {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__entete {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__titre {
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__employeur {
	display: flex;
	align-items: center;
	gap: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__employeur .ckvm-emplois-logo {
	width: 52px;
	height: 52px;
	font-size: 17px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__nom-employeur {
	font-size: 17px;
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__lieu {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mention {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px;
	border-radius: var(--ckvm-emplois-radius-sm);
	background: var(--ckvm-emplois-bg);
	font-size: 14px;
	line-height: 1.4;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mention .ckvm-emplois-icone {
	margin-top: 1px;
	color: var(--ckvm-emplois-text-muted);
}

/* Partage */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage__titre {
	font-size: 14px;
	font-weight: 700;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage__boutons {
	display: flex;
	gap: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-partage__facebook {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 1;
	height: 48px;
	padding: 0 18px;
	border-radius: var(--ckvm-emplois-radius-sm);
	background: var(--ckvm-emplois-facebook);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-partage__facebook:hover {
	color: #fff;
	filter: brightness(0.92);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-partage__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border: 1.5px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius-sm);
	background: #fff;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-partage__icone:hover {
	background: var(--ckvm-emplois-bg);
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage__statut {
	min-height: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--ckvm-emplois-success);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage__statut:empty {
	display: none;
}

/* Contenu */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__contenu {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 720px;
	font-size: 17px;
	line-height: 1.5;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__section {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__section h2 {
	font-size: 21px;
	font-weight: 800;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__section ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding-left: 22px;
	list-style: disc;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__texte > * + * {
	margin-top: 0.8em;
}

/* Encadré employeur */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin-top: 4px;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__profil {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__identite {
	display: flex;
	align-items: center;
	gap: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__nom {
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 18px;
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-encadre-employeur__nom a {
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__details {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres {
	display: flex;
	flex-direction: column;
	padding-top: 8px;
	border-top: 1px solid var(--ckvm-emplois-border);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-encadre-employeur__offres h3 {
	padding: 4px 0;
	font-family: var(--ckvm-emplois-font-body);
	font-size: 15px;
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres ul {
	margin: 0;
	padding: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres li + li {
	border-top: 1px solid var(--ckvm-emplois-border);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-encadre-employeur__offres a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 48px;
	padding: 6px 0;
	color: var(--ckvm-emplois-text);
	text-decoration: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres a strong {
	display: block;
	font-size: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres a span span {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

/* Colonne latérale (bureau) */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__cote {
	display: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
	box-shadow: 0 8px 28px rgba(28, 27, 26, 0.08);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler__limite {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: var(--ckvm-emplois-secondary-pale);
	color: var(--ckvm-emplois-primary-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler__etiquette {
	font-size: 13px;
	font-weight: 700;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler__date {
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 19px;
	font-weight: 800;
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler--fermee .ckvm-emplois-carte-postuler__limite {
	background: var(--ckvm-emplois-closed-pale);
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler--fermee .ckvm-emplois-carte-postuler__date {
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler__corps {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte-postuler .ckvm-emplois-bouton-postuler {
	min-height: 56px;
	font-size: 19px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte-postuler .ckvm-emplois-bouton-postuler--long {
	font-size: 16px;
}

/* Faits clés en tuiles (colonne « Postuler ») */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-flow: row dense;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte-postuler__tuiles {
	margin-top: 14px;
	padding-top: 16px;
	border-top: 1px solid var(--ckvm-emplois-border);
}

/* Tuile « Date limite » mise en évidence (page de l'offre, cellulaire et tablette). */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuile--limite {
	background: var(--ckvm-emplois-secondary-pale);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuile--limite .ckvm-emplois-tuile__icone {
	background: var(--ckvm-emplois-primary);
	color: #fff;
	box-shadow: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-tuile--limite .ckvm-emplois-tuile__etiquette {
	color: var(--ckvm-emplois-primary-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre--fermee .ckvm-emplois-tuile--limite {
	background: var(--ckvm-emplois-closed-pale);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-offre--fermee .ckvm-emplois-tuile--limite .ckvm-emplois-tuile__icone {
	background: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre--fermee .ckvm-emplois-tuile__icone,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre--fermee .ckvm-emplois-tuile__etiquette,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre--fermee .ckvm-emplois-tuile__valeur {
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuile {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px;
	border-radius: var(--ckvm-emplois-radius-sm);
	background: var(--ckvm-emplois-bg);
	transition: background-color 0.15s;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuile:hover {
	background: var(--ckvm-emplois-secondary-pale);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuile--large {
	grid-column: 1 / -1;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-tuile__icone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 9px;
	background: #fff;
	color: var(--ckvm-emplois-primary-text);
	box-shadow: 0 1px 2px rgba(28, 27, 26, 0.08), inset 0 0 0 1px var(--ckvm-emplois-border);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-tuile__texte {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-tuile__etiquette {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-tuile__valeur {
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--ckvm-emplois-text);
	overflow-wrap: anywhere;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler--fermee .ckvm-emplois-tuile__icone {
	color: var(--ckvm-emplois-closed-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-postuler--fermee .ckvm-emplois-tuile__valeur {
	color: var(--ckvm-emplois-closed-text);
}

/* Offres similaires */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-similaires {
	margin-top: 28px;
	padding: 28px 0;
	background: var(--ckvm-emplois-bg);
	border-top: 1px solid var(--ckvm-emplois-border);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-similaires .ckvm-emplois-titre-section {
	margin-bottom: 12px;
}

/* Barre « Postuler » fixée au-dessus du lecteur radio */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler {
	position: fixed;
	left: 0;
	right: 0;
	bottom: var(--ckvm-emplois-offset);
	z-index: 99;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 10px 16px;
	padding-bottom: max(10px, env(safe-area-inset-bottom));
	background: #fff;
	border-top: 1px solid var(--ckvm-emplois-border);
	box-shadow: 0 -4px 16px rgba(28, 27, 26, 0.08);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__info {
	flex-shrink: 0;
	line-height: 1.2;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__titre,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__sous-titre {
	display: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__date span {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__date strong {
	font-size: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__action {
	flex: 1;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre {
	padding-bottom: 92px;
}

/* ==========================================================================
   11. Bloc d'accueil
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 1200px;
	margin-inline: auto;
	padding: 32px 20px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil__entete {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-accueil__titre {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.1;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil__titre::before {
	content: "";
	width: 6px;
	height: 1em;
	border-radius: 3px;
	background: var(--ckvm-emplois-primary);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil__sous-titre {
	margin-top: 6px !important;
	font-size: 16px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil__tout-haut {
	display: none;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-accueil__tout-bas {
	width: 100%;
}

/* ==========================================================================
   12. Employeurs
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-employeurs .ckvm-emplois-conteneur,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fiche-employeur .ckvm-emplois-conteneur {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-employeurs__filtres {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-employeurs__filtres .ckvm-emplois-champ-recherche {
	flex: 1 1 260px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-employeurs__filtres input {
	height: 50px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-employeurs__filtres select {
	flex: 1 1 auto;
	height: 50px;
	font-size: 16px;
	font-weight: 600;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille-employeurs {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin: 0;
	padding: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte-employeur {
	display: flex;
	flex-direction: column;
	gap: 14px;
	height: 100%;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--ckvm-emplois-border);
	border-radius: var(--ckvm-emplois-radius);
	color: var(--ckvm-emplois-text);
	text-decoration: none;
	transition: box-shadow 0.15s;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-carte-employeur:hover {
	box-shadow: var(--ckvm-emplois-shadow);
	color: var(--ckvm-emplois-text);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__entete {
	display: flex;
	align-items: center;
	gap: 14px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__entete .ckvm-emplois-logo--grand {
	border-radius: 12px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__identite {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__nom {
	font-family: var(--ckvm-emplois-font-heading);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__secteur {
	font-size: 14px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__pied {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--ckvm-emplois-border);
	font-size: 15px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__ville {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--ckvm-emplois-text-muted);
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte-employeur__compte {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 15px;
	background: var(--ckvm-emplois-secondary-pale);
	color: var(--ckvm-emplois-primary-text);
	font-weight: 700;
	white-space: nowrap;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fiche-employeur__entete {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fiche-employeur__entete > div {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 280px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fiche-employeur__details {
	font-size: 16px;
	color: var(--ckvm-emplois-text-muted);
}

/* ==========================================================================
   13. Tablette (≥ 768 px)
   ========================================================================== */
@media (min-width: 768px) {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-entete {
		gap: 12px;
		padding-top: 40px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-surtitre {
		font-size: 14px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-titre-page {
		font-size: 44px;
		line-height: 1.02;
		letter-spacing: -0.015em;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-intro {
		font-size: 19px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note {
		font-size: 15px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-titre-section {
		font-size: 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-titre-section--accent::before {
		height: 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--1 {
		grid-template-columns: minmax(0, 1fr);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--3,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--4 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--similaires > :nth-child(n + 3) {
		display: none;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carrousel > * {
		flex-basis: calc((100% - 20px) / 2);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carrousel {
		gap: 20px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-recherche {
		position: static;
		max-width: 880px;
		margin-inline: 0;
		padding: 16px 0 12px;
		gap: 10px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ-recherche input,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-filtrer {
		height: 54px;
		font-size: 17px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-filtrer {
		padding: 0 18px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-resultats-entete {
		padding-bottom: 12px;
		border-bottom: 1px solid var(--ckvm-emplois-border);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-compteur {
		font-size: 17px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-compteur strong {
		font-size: 22px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide {
		flex-direction: row;
		gap: 24px;
		padding: 32px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide__icone {
		width: 56px;
		height: 56px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-vide__titre {
		font-size: 26px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-vide__actions {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-plus {
		align-items: center;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-plus .ckvm-emplois-bouton {
		padding: 0 32px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel {
		padding: 28px 32px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel__texte {
		font-size: 17px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel__titre {
		font-size: 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-appel .ckvm-emplois-bouton {
		min-height: 52px;
		font-size: 17px;
		padding: 0 24px;
	}

	/* Offre */
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__titre {
		font-size: 42px;
		line-height: 1.05;
		letter-spacing: -0.015em;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__employeur .ckvm-emplois-logo {
		width: 60px;
		height: 60px;
		border-radius: 12px;
		font-size: 20px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__nom-employeur {
		font-size: 19px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__lieu {
		font-size: 16px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__tuiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__tuiles .ckvm-emplois-tuile--large:not(.ckvm-emplois-tuile--limite) {
		grid-column: auto;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mention {
		padding: 14px 16px;
		font-size: 15px;
		line-height: 1.45;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage {
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px 12px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage__titre {
		font-size: 15px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-partage__facebook {
		flex: 0 0 auto;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__contenu {
		gap: 28px;
		padding-top: 12px;
		font-size: 18px;
		line-height: 1.55;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__section h2 {
		font-size: 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__section ul {
		padding-left: 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur {
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		gap: 24px;
		margin-top: 16px;
		padding: 24px;
		background: var(--ckvm-emplois-bg);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres {
		padding-top: 0;
		border-top: 0;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres li,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__offres li + li {
		border-top: 1px solid var(--ckvm-emplois-border);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-encadre-employeur__offres a {
		min-height: 56px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__nom {
		font-size: 19px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-encadre-employeur__details {
		font-size: 15px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-similaires {
		padding: 40px 0 48px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-similaires .ckvm-emplois-titre-section {
		font-size: 26px;
		margin-bottom: 20px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler {
		min-height: 80px;
		gap: 16px;
		padding-inline: 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__info {
		flex: 1;
		min-width: 0;
		line-height: 1.25;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__titre {
		display: block;
		font-size: 16px;
		font-weight: 700;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__sous-titre {
		display: block;
		font-size: 14px;
		color: var(--ckvm-emplois-text-muted);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__date {
		display: none;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler__action {
		flex: 0 0 300px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-barre-postuler .ckvm-emplois-bouton-postuler {
		min-height: 54px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre {
		padding-bottom: 96px;
	}

	/* Accueil */
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil {
		padding: 40px 32px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-accueil__titre {
		font-size: 32px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil__tout-haut {
		display: inline-flex;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-accueil__tout-bas {
		display: none;
	}

	/* Employeurs */
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille-employeurs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-employeurs .ckvm-emplois-intro {
		font-size: 18px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-employeurs__filtres select {
		flex: 0 1 auto;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fil {
		padding-top: 24px;
	}
}

/* Tablette seulement : le panneau de filtres glisse depuis la droite. */
@media (min-width: 768px) and (max-width: 1023.98px) {
	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__panneau {
		top: 0;
		left: auto;
		width: 420px;
		max-width: 100%;
		border-radius: 0;
		box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15);
		transform: translateX(100%);
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__entete {
		min-height: 68px;
		padding: 0 12px 0 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__titre {
		font-size: 22px;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__corps {
		padding: 4px 24px 16px;
	}

	.ckvm-emplois-js:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__pied {
		padding: 14px 24px;
	}
}

/* ==========================================================================
   14. Portable et bureau (≥ 1024 px)
   ========================================================================== */
@media (min-width: 1024px) {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-titre-page {
		font-size: 56px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-recherche__soumettre {
		display: inline-flex;
		min-height: 54px;
		padding: 0 24px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-bouton-filtrer {
		display: none;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-recherche__corps {
		grid-template-columns: 248px minmax(0, 1fr);
		gap: 36px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres {
		position: sticky;
		top: 16px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__panneau {
		padding: 8px 20px 20px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__entete {
		min-height: 0;
		padding: 12px 0 4px;
		border-bottom: 0;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__titre {
		font-size: 19px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__titre-panneau,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__fermer {
		display: none;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__titre-colonne {
		display: inline;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres--actif .ckvm-emplois-filtres__effacer-haut {
		display: inline-flex;
		align-items: center;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__corps {
		padding: 0;
		overflow: visible;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-filtres__groupe {
		margin-top: 8px;
		border-top: 1px solid var(--ckvm-emplois-border);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__groupe:first-child {
		border-top: 1px solid var(--ckvm-emplois-border);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--case {
		min-height: 40px;
		gap: 10px;
		font-size: 15px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option__case {
		width: 20px;
		height: 20px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option__compte {
		font-size: 13px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__groupe--puces .ckvm-emplois-filtres__options {
		gap: 6px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-option--puce {
		min-height: 40px;
		padding: 0 12px;
		border-radius: 20px;
		font-size: 14px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres__fond {
		display: none !important;
	}

	/* Offre : deux colonnes, carte « Postuler » collante */
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__grille {
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: 56px;
		padding-top: 12px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__titre {
		font-size: 52px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__cote {
		position: sticky;
		top: var(--ckvm-emplois-sticky-top);
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__cote .ckvm-emplois-partage {
		flex-direction: column;
		align-items: stretch;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__cote .ckvm-emplois-partage__titre {
		font-size: 14px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__cote .ckvm-emplois-partage__facebook {
		flex: 1;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__entete .ckvm-emplois-offre__tuiles,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__partage-mobile,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler {
		display: none;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre {
		padding-bottom: 0;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--similaires > :nth-child(n + 3) {
		display: flex;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--similaires {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-accueil {
		padding: 56px 48px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille-employeurs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-employeurs .ckvm-emplois-titre-page,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fiche-employeur .ckvm-emplois-titre-page {
		font-size: 52px;
	}
}

/* ==========================================================================
   15. Grand écran (≥ 1440 px)
   ========================================================================== */
@media (min-width: 1440px) {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-recherche__corps {
		grid-template-columns: 272px minmax(0, 1fr);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--1 {
		grid-template-columns: minmax(0, 1fr);
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carrousel {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-inline: 0;
		padding: 0;
		overflow: visible;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-offre__grille {
		grid-template-columns: minmax(0, 1fr) 380px;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-grille-employeurs {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* ==========================================================================
   16. Mouvement réduit et impression
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois *,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois *::before,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}

	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-carte:hover {
		transform: none;
	}
}

@media print {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-barre-postuler,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-partage,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-similaires,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale {
		display: none !important;
	}
}

/* ==========================================================================
   17. Modale de candidature (plein écran < 768 px, fenêtre ≥ 768 px)
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale { position: fixed; inset: 0 0 var(--ckvm-emplois-offset) 0; z-index: 99995; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__fond { position: absolute; inset: 0; background: rgba(28, 27, 26, 0.55); opacity: 0; transition: opacity 0.2s; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__boite { position: absolute; inset: 0; display: flex; flex-direction: column; background: #fff; transform: translateY(24px); opacity: 0; transition: transform 0.2s, opacity 0.2s; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale.est-ouverte .ckvm-emplois-modale__fond,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale.est-ouverte .ckvm-emplois-modale__boite { opacity: 1; transform: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__entete { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 6px; border-bottom: 1px solid var(--ckvm-emplois-border); flex-shrink: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__logo,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__sous-titre,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__titre-long { display: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__intitule { flex: 1; text-align: center; order: 2; margin-right: 44px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__fermer { order: 1; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-modale__titre { font-size: 18px; font-weight: 800; outline: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__defilement { flex: 1; overflow-y: auto; overscroll-behavior: contain; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__offre { display: flex; align-items: center; gap: 12px; padding: 16px 20px; background: var(--ckvm-emplois-bg); border-bottom: 1px solid var(--ckvm-emplois-border); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__offre-titre { font-family: var(--ckvm-emplois-font-heading); font-weight: 700; font-size: 17px; line-height: 1.2; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__offre-infos { font-size: 14px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-candidature { display: flex; flex-direction: column; gap: 20px; padding: 20px 20px 28px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-candidature.est-envoi { opacity: 0.55; pointer-events: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-candidature__intro { font-size: 15px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-resume-erreurs { display: flex; gap: 10px; padding: 14px 16px; border-radius: 10px; background: #fcecec; border: 1.5px solid var(--ckvm-emplois-error); font-size: 15px; color: var(--ckvm-emplois-error); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-resume-erreurs strong { display: block; font-size: 16px; color: var(--ckvm-emplois-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 16px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champ { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champ label,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champ__libelle { font-size: 16px; font-weight: 700; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-requis { color: var(--ckvm-emplois-error); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-facultatif { font-weight: 400; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ input[type="text"],
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ input[type="tel"],
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ input[type="email"],
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--ckvm-emplois-border-strong); border-radius: 10px; background: #fff; font-size: 17px; color: var(--ckvm-emplois-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ.a-erreur input,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-champ.a-erreur .ckvm-emplois-depot { border: 2px solid var(--ckvm-emplois-error); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-erreur { font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--ckvm-emplois-error); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 18px 16px; border: 2px dashed var(--ckvm-emplois-border-strong); border-radius: 10px; text-align: center; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot.est-survole { border-color: var(--ckvm-emplois-primary); background: var(--ckvm-emplois-secondary-pale); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot__titre { color: var(--ckvm-emplois-text); font-size: 15px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot__aide { font-size: 13px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot--simple { padding: 0; border: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot__simple { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; border: 1.5px dashed var(--ckvm-emplois-border-strong); border-radius: 10px; font-weight: 600; color: var(--ckvm-emplois-text); cursor: pointer; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier-natif { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot:focus-within label { outline: 3px solid var(--ckvm-emplois-text); outline-offset: 2px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier { display: flex; flex-direction: column; gap: 8px; padding: 10px 8px 10px 14px; border: 1.5px solid var(--ckvm-emplois-border); border-radius: 10px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier--ajoute { border-color: var(--ckvm-emplois-success); background: var(--ckvm-emplois-success-pale); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier__ligne { display: flex; align-items: center; gap: 10px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier__type { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 8px; background: var(--ckvm-emplois-secondary-pale); color: var(--ckvm-emplois-primary-text); font-size: 10px; font-weight: 800; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier__info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier__nom { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier__etat { font-size: 13px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier--ajoute .ckvm-emplois-fichier__etat { color: var(--ckvm-emplois-success); font-weight: 600; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-fichier__action { min-height: 44px; padding: 0 10px; font-size: 15px; font-weight: 600; text-decoration: underline; color: var(--ckvm-emplois-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-fichier--ajoute .ckvm-emplois-fichier__action { color: var(--ckvm-emplois-error); text-decoration: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-progression { height: 6px; margin-right: 6px; border-radius: 3px; background: var(--ckvm-emplois-closed-pale); overflow: hidden; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-progression span { display: block; width: 0; height: 100%; background: var(--ckvm-emplois-primary); transition: width 0.2s; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-lettre__entete { display: flex; flex-direction: column; gap: 8px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-onglets { display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 10px; background: var(--ckvm-emplois-closed-pale); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-onglets button { min-height: 42px; border-radius: 8px; font-size: 15px; font-weight: 700; color: var(--ckvm-emplois-text); text-align: center; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-onglets [aria-selected="true"] { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-compte { font-size: 13px; color: var(--ckvm-emplois-text-muted); text-align: right; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-cases { display: flex; flex-direction: column; gap: 4px; padding-top: 12px; border-top: 1px solid var(--ckvm-emplois-border); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-case { position: relative; display: flex; align-items: flex-start; gap: 12px; min-height: 44px; padding-top: 10px; font-size: 16px; font-weight: 400; line-height: 1.35; cursor: pointer; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-case input { position: absolute; opacity: 0; width: 1px; height: 1px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-case__boite { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; border: 2px solid var(--ckvm-emplois-border-strong); border-radius: 5px; color: transparent; background: #fff; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-case input:checked + .ckvm-emplois-case__boite { background: var(--ckvm-emplois-primary); border-color: var(--ckvm-emplois-primary); color: #fff; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-case input:focus-visible + .ckvm-emplois-case__boite { outline: 3px solid var(--ckvm-emplois-text); outline-offset: 2px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .a-erreur .ckvm-emplois-case__boite { border-color: var(--ckvm-emplois-error); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-case__aide { display: block; font-size: 13px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-erreur--case { padding-left: 36px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note-loi25 { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 10px; background: var(--ckvm-emplois-bg); font-size: 14px; line-height: 1.4; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note-loi25--pied { display: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-pot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__pied { display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-top: 1px solid var(--ckvm-emplois-border); box-shadow: 0 -4px 16px rgba(28, 27, 26, 0.08); background: #fff; flex-shrink: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-candidature__envoyer { min-height: 54px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-roue { width: 20px; height: 20px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.35); border-top-color: #fff; animation: ckvm-emplois-tourne 0.8s linear infinite; }
@keyframes ckvm-emplois-tourne { to { transform: rotate(360deg); } }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat { display: flex; flex-direction: column; gap: 16px; padding: 36px 20px 28px; outline: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__icone { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #e3f1e8; color: var(--ckvm-emplois-success); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__icone--plein { width: 72px; height: 72px; background: var(--ckvm-emplois-success); color: #fff; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-etat__titre { font-size: 28px; font-weight: 800; line-height: 1.12; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__texte { font-size: 17px; line-height: 1.5; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__encadre { padding: 14px 16px; border: 1px solid var(--ckvm-emplois-border); border-radius: 10px; background: var(--ckvm-emplois-bg); font-size: 15px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__encadre strong { display: block; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__actions { display: flex; flex-direction: column; gap: 10px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__note { font-size: 14px; color: var(--ckvm-emplois-text-muted); }

@media (min-width: 768px) {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale { inset: 0 0 var(--ckvm-emplois-offset-desktop) 0; display: flex; align-items: center; justify-content: center; padding: 24px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__boite { position: relative; inset: auto; width: 100%; max-width: 640px; max-height: 100%; border-radius: 16px; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3); overflow: hidden; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__entete { padding: 20px 16px 16px 28px; gap: 14px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__logo { display: block; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__intitule { order: 0; margin: 0; text-align: left; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__fermer { order: 3; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__titre-court,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__offre,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note-loi25--corps { display: none; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__titre-long { display: inline; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-modale__titre { font-size: 21px; line-height: 1.2; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__sous-titre { display: block; font-size: 15px; color: var(--ckvm-emplois-text-muted); }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-candidature { padding: 24px 28px 28px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-champ--large { grid-column: 1 / -1; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot { flex-direction: row; text-align: left; padding: 22px 20px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-depot__texte { flex: 1; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-lettre__entete { flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-onglets { display: flex; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-onglets button { padding: 0 14px; font-size: 14px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale__pied { padding: 16px 28px; box-shadow: none; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-note-loi25--pied { display: flex; flex: 1; padding: 0; background: none; font-size: 13px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-candidature__envoyer { width: auto; padding: 0 26px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modale--etat .ckvm-emplois-etat--confirmation { align-items: center; text-align: center; padding: 40px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etat__actions { flex-direction: row; flex-wrap: wrap; }
}

/* Barre d'administration WordPress (utilisateurs connectés) : la modale et le panneau restent dessous. */
:is(#ckvm-emplois-p1, html) .admin-bar:is(#ckvm-emplois-p2, body) .ckvm-emplois-modale,
html.ckvm-emplois-js:is(#ckvm-emplois-p1, html) .admin-bar:is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres.est-ouvert {
	top: 46px;
}

@media (min-width: 783px) {
	:is(#ckvm-emplois-p1, html) .admin-bar:is(#ckvm-emplois-p2, body) .ckvm-emplois-modale,
html.ckvm-emplois-js:is(#ckvm-emplois-p1, html) .admin-bar:is(#ckvm-emplois-p2, body) .ckvm-emplois-filtres.est-ouvert {
		top: 32px;
	}
}

/* ==========================================================================
   18. Publier une offre (formulaire employeur en 2 étapes)
   ========================================================================== */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier { background: var(--ckvm-emplois-bg); padding-bottom: 40px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__conteneur { display: flex; flex-direction: column; gap: 24px; max-width: 800px; margin: 0 auto; padding: 24px 20px 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__entete { padding: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__form { display: flex; flex-direction: column; gap: 24px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding: 0; list-style: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes li { display: flex; flex-direction: column; gap: 8px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes__barre { height: 6px; border-radius: 3px; background: var(--ckvm-emplois-border); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes__nom { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes__pastille { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 13px; background: var(--ckvm-emplois-border); color: var(--ckvm-emplois-text); font-size: 13px; flex-shrink: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes .est-active .ckvm-emplois-etapes__barre,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes .est-faite .ckvm-emplois-etapes__barre { background: var(--ckvm-emplois-primary); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes .est-active .ckvm-emplois-etapes__nom,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes .est-faite .ckvm-emplois-etapes__nom { color: var(--ckvm-emplois-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes .est-active .ckvm-emplois-etapes__pastille { background: var(--ckvm-emplois-primary); color: #fff; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-etapes .est-faite .ckvm-emplois-etapes__pastille { background: var(--ckvm-emplois-success); color: #fff; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__carte { display: flex; flex-direction: column; gap: 20px; min-width: 0; margin: 0; padding: 20px; background: #fff; border: 1px solid var(--ckvm-emplois-border); border-radius: var(--ckvm-emplois-radius); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__legende { display: flex; flex-direction: column; gap: 4px; float: left; width: 100%; padding: 0; outline: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__legende + * { clear: both; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__titre-etape { font-family: var(--ckvm-emplois-font-heading); font-size: 23px; font-weight: 800; color: var(--ckvm-emplois-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__sous-titre { font-size: 15px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier .ckvm-emplois-champs { grid-template-columns: minmax(0, 1fr); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier select,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier input[type="url"],
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier input[type="number"],
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier input[type="date"] { width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--ckvm-emplois-border-strong); border-radius: 10px; background: #fff; font-size: 16px; color: var(--ckvm-emplois-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier input[type="file"] { font-size: 15px; min-height: 44px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier .a-erreur select,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois.ckvm-emplois-publier .a-erreur textarea { border: 2px solid var(--ckvm-emplois-error); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-aide { font-size: 14px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__groupe { border: 0; padding: 0; margin: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__groupe legend { padding: 0 0 8px; font-size: 16px; font-weight: 700; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-puces-choix { display: flex; flex-wrap: wrap; gap: 8px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-modes { display: flex; flex-direction: column; gap: 8px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-mode { position: relative; display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 14px; border: 1.5px solid var(--ckvm-emplois-border); border-radius: 10px; background: #fff; font-weight: 400; cursor: pointer; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode input { position: absolute; opacity: 0; width: 1px; height: 1px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode__rond { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 11px; border: 2px solid var(--ckvm-emplois-border-strong); flex-shrink: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode__texte { display: flex; flex-direction: column; font-size: 16px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode__texte span { font-size: 14px; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode:has(input:checked),
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode.est-coche { border-color: var(--ckvm-emplois-primary); background: var(--ckvm-emplois-secondary-pale); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode:has(input:checked) .ckvm-emplois-mode__rond,
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode.est-coche .ckvm-emplois-mode__rond { border-color: var(--ckvm-emplois-primary); box-shadow: inset 0 0 0 4px #fff; background: var(--ckvm-emplois-primary); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-mode:has(input:focus-visible) { outline: 3px solid var(--ckvm-emplois-text); outline-offset: 2px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__actions { display: flex; flex-direction: column-reverse; gap: 12px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__suivant { min-height: 54px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__note { font-size: 14px; line-height: 1.4; color: var(--ckvm-emplois-text-muted); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__fin { outline: none; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__fin h2 { font-size: 28px; font-weight: 800; line-height: 1.15; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__icone-attente { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 32px; background: var(--ckvm-emplois-amber-pale); color: var(--ckvm-emplois-amber-text); }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__fin-texte { font-size: 17px; line-height: 1.5; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__resume { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--ckvm-emplois-border); border-radius: 10px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__resume > div { flex: 1; min-width: 0; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__resume-titre { font-weight: 700; font-size: 16px; }
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__resume-infos { font-size: 14px; color: var(--ckvm-emplois-text-muted); }

@media (min-width: 768px) {
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__conteneur { padding: 40px 32px 0; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__carte { padding: 32px; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier .ckvm-emplois-champs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__actions { flex-direction: row; justify-content: space-between; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois-publier__actions [data-ckvm-precedent][hidden] + .ckvm-emplois-publier__suivant { margin-left: auto; }
	:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-publier__suivant { width: auto; padding: 0 28px; margin-left: auto; }
}

/* Listes du contenu d'une offre : puces rondes rouges (le thème impose des carrés et un retrait). */
:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__section ul li {
	list-style-type: disc;
	padding: 0 0 0 4px;
}

:is(#ckvm-emplois-p1, html) :is(#ckvm-emplois-p2, body) .ckvm-emplois .ckvm-emplois-offre__section ul li::marker {
	color: var(--ckvm-emplois-primary);
}