.elementor-1676 .elementor-element.elementor-element-7085780{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:170px;--padding-bottom:120px;--padding-left:24px;--padding-right:24px;}.elementor-1676 .elementor-element.elementor-element-7085780:not(.elementor-motion-effects-element-type-background), .elementor-1676 .elementor-element.elementor-element-7085780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skydoo2026.myskydoowebsite.com/wp-content/uploads/pete-ryan-US-Zp1XAsFo-unsplash-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1676 .elementor-element.elementor-element-7085780::before, .elementor-1676 .elementor-element.elementor-element-7085780 > .elementor-background-video-container::before, .elementor-1676 .elementor-element.elementor-element-7085780 > .e-con-inner > .elementor-background-video-container::before, .elementor-1676 .elementor-element.elementor-element-7085780 > .elementor-background-slideshow::before, .elementor-1676 .elementor-element.elementor-element-7085780 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1676 .elementor-element.elementor-element-7085780 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1676 .elementor-element.elementor-element-dd0e46c > .elementor-widget-container{padding:0px 0px 18px 0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1676 .elementor-element.elementor-element-5695451 > .elementor-widget-container{padding:22px 0px 0px 0px;}.elementor-1676 .elementor-element.elementor-element-5695451 .elementor-widget-container{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-091ca10{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:34px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1676 .elementor-element.elementor-element-963c9e6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1676 .elementor-element.elementor-element-fd225bf .elementor-button-content-wrapper{flex-direction:row;}.elementor-1676 .elementor-element.elementor-element-7acac30{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--flex-wrap:wrap;}.elementor-1676 .elementor-element.elementor-element-0262299{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1676 .elementor-element.elementor-element-d5ac87b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:20px;--padding-right:20px;}.elementor-1676 .elementor-element.elementor-element-d5ac87b.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1676 .elementor-element.elementor-element-d511d94 .elementor-icon-list-icon{width:14px;}.elementor-1676 .elementor-element.elementor-element-d511d94 .elementor-icon-list-icon i{font-size:14px;}.elementor-1676 .elementor-element.elementor-element-d511d94 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1676 .elementor-element.elementor-element-e8dfbcf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:20px;--padding-right:20px;}.elementor-1676 .elementor-element.elementor-element-e8dfbcf.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1676 .elementor-element.elementor-element-f860e69 .elementor-icon-list-icon{width:14px;}.elementor-1676 .elementor-element.elementor-element-f860e69 .elementor-icon-list-icon i{font-size:14px;}.elementor-1676 .elementor-element.elementor-element-f860e69 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1676 .elementor-element.elementor-element-34c3691{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:20px;--padding-right:20px;}.elementor-1676 .elementor-element.elementor-element-34c3691.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1676 .elementor-element.elementor-element-f9b6524 .elementor-icon-list-icon{width:14px;}.elementor-1676 .elementor-element.elementor-element-f9b6524 .elementor-icon-list-icon i{font-size:14px;}.elementor-1676 .elementor-element.elementor-element-f9b6524 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1676 .elementor-element.elementor-element-d8cab4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-widget-theme-post-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1676 .elementor-element.elementor-element-0702d98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:8px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-1676 .elementor-element.elementor-element-0d9cc65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-1676 .elementor-element.elementor-element-8f55b6a{text-align:center;}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-field-type-html{padding-bottom:0px;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1676 .elementor-element.elementor-element-3956bd5{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1676 .elementor-element.elementor-element-4504889{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-1676 .elementor-element.elementor-element-8699240{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-1676 .elementor-element.elementor-element-091ca10{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1676 .elementor-element.elementor-element-d8cab4c{--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1676 .elementor-element.elementor-element-7085780{--content-width:840px;}.elementor-1676 .elementor-element.elementor-element-7acac30{--content-width:980px;}.elementor-1676 .elementor-element.elementor-element-0d9cc65{--content-width:1000px;}}/* Start custom CSS *//* ============================================================================
   SKYDOO — FEUILLE DE STYLE DES OFFRES D'EMPLOI
   ----------------------------------------------------------------------------
   ⚠️  OÙ COLLER CE FICHIER — c'est le point le plus important du guide.

   Ouvre le template « Offres d'emploi — Skydoo » avec Elementor, puis :
       ENGRENAGE en bas à gauche  ▸  onglet Avancé  ▸  CSS personnalisé

   PAS dans « Réglages du site ». Collé ici, ce CSS n'est chargé QUE sur les
   pages rendues par ce template. Tes actualités ne le verront jamais.

   Toutes les classes commencent par « skj- » (Skydoo Job) et toutes les
   variables par « --skj- ». Aucun nom n'entre en collision avec la feuille
   des actualités, même si un jour les deux se retrouvaient chargées ensemble.

   ----------------------------------------------------------------------------
   CLASSES À POSER DANS ELEMENTOR (onglet Avancé ▸ Classes CSS)

   Conteneur hero .................. skj-hero
     Sur-titre « Recrutement » ..... skj-eyebrow
     Titre de la publication ....... skj-title
     Extrait de publication ........ skj-lead
     Conteneur des 2 boutons ....... skj-cta
       bouton Postuler ............. skj-btn skj-btn--primary
       bouton Retour aux offres .... skj-btn skj-btn--back
   Conteneur fiche technique ....... skj-facts
     Chaque case ................... skj-fact
       la valeur ................... skj-fact__v
       le libellé .................. skj-fact__k
   Conteneur sous-navigation ....... skj-nav
     son conteneur interne vide .... skj-nav__in
   Conteneur du corps .............. skj-body
     Contenu de la publication ..... skj-prose
   Conteneur du bloc final ......... skj-final     + ID CSS : skj-postuler
     Texte sous le titre ........... skj-final-text
     Formulaire .................... skj-form
     bouton mail ................... skj-btn skj-btn--ghost
   Retour en haut .................. skj-top
   ========================================================================= */


/* ==========================================================================
   1. TOKENS
   Déclarés sur <body> : comme cette feuille n'est servie que sur les pages
   d'offres, ces variables n'existent nulle part ailleurs sur le site.
   C'est ici, et seulement ici, qu'on change l'identité visuelle.
   ========================================================================== */
body {
  --skj-accent:       #E95E0E;
  --skj-accent-2:     #ff7a2d;
  --skj-accent-rgb:   233, 94, 14;
  --skj-accent-2-rgb: 255, 122, 45;

  --skj-ink:   #14181f;
  --skj-body:  #3a4550;
  --skj-grey:  #5b6573;
  --skj-line:  rgba(20, 24, 31, .09);

  --skj-grad:     linear-gradient(120deg, var(--skj-accent), var(--skj-accent-2));
  --skj-grad-135: linear-gradient(135deg, var(--skj-accent), var(--skj-accent-2));

  --skj-shadow:  0 18px 40px rgba(16, 24, 40, .10);
  --skj-glow:    0 14px 30px rgba(var(--skj-accent-rgb), .42);
  --skj-glow-xl: 0 18px 38px rgba(var(--skj-accent-rgb), .50);

  --skj-page-1: #fff7f2;
  --skj-page-2: #ffffff;
  --skj-page-3: #fff5ee;

  --skj-font: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --skj-read: 760px;    /* largeur de lecture du corps */
}


/* ==========================================================================
   2. FOND DE PAGE
   ========================================================================== */
body {
  background-color: var(--skj-page-1);
  background-image:
    radial-gradient(900px 600px at 8% 0%,    rgba(var(--skj-accent-rgb), .10),   transparent 55%),
    radial-gradient(900px 700px at 96% 100%, rgba(var(--skj-accent-2-rgb), .09), transparent 55%),
    linear-gradient(160deg, var(--skj-page-1) 0%, var(--skj-page-2) 52%, var(--skj-page-3) 100%);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: var(--skj-font);
  color: var(--skj-body);
  -webkit-font-smoothing: antialiased;
}


/* ==========================================================================
   3. HERO
   ========================================================================== */
.skj-hero {
  position: relative;
  overflow: hidden;
  min-height: 80vh;
  text-align: center;
}

/* Le voile sombre. Elementor ne sait faire qu'un dégradé à deux arrêts :
   on active sa « superposition » dans l'interface et on la réécrit ici. */
.skj-hero > .elementor-background-overlay {
  background-image: linear-gradient(
    180deg,
    rgba(8, 11, 16, .60),
    rgba(8, 11, 16, .50) 45%,
    rgba(8, 11, 16, .82)
  );
  background-color: transparent;
  opacity: 1;
}

/* --- Sur-titre « Skydoo · Recrutement », entre deux filets --- */
.skj-eyebrow { width: 100%; }
.skj-eyebrow .elementor-heading-title,
.skj-eyebrow p {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--skj-font);
  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--skj-accent-2);
}
.skj-eyebrow .elementor-heading-title::before,
.skj-eyebrow .elementor-heading-title::after,
.skj-eyebrow p::before,
.skj-eyebrow p::after {
  content: "";
  flex: none;
  width: 26px;
  height: 1px;
  background: rgba(var(--skj-accent-2-rgb), .6);
}

/* --- Titre H1 --- */
.skj-title { width: 100%; }
.skj-title .elementor-heading-title,
.skj-title h1 {
  font-family: var(--skj-font);
  font-size: clamp(32px, 5.4vw, 60px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.5px;
  text-align: center;
  color: #fff;
  -webkit-text-fill-color: #fff;   /* bat un éventuel titre en dégradé du thème */
  text-shadow: 0 2px 30px rgba(0, 0, 0, .35);
  max-width: 840px;
  margin-inline: auto;
}

/* --- Accroche (widget Extrait de publication) --- */
.skj-lead { width: 100%; }
.skj-lead .elementor-widget-container,
.skj-lead p {
  max-width: 680px;
  margin-inline: auto;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.7;
  color: rgba(255, 255, 255, .88);
}

.skj-cta { width: 100%; }


/* ==========================================================================
   4. FICHE TECHNIQUE — la carte blanche qui chevauche le bas du hero
   ========================================================================== */
.skj-facts {
  position: relative;
  z-index: 5;
  max-width: 980px;
  margin-inline: auto;
  margin-top: -58px;
  padding: 26px 20px;
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--skj-shadow);
}

.skj-fact {
  position: relative;
  text-align: center;
  flex: 1 1 150px;   /* chaque case prend sa part, sans réglage dans Elementor */
  min-width: 0;
}

/* Filet vertical entre deux cases */
.skj-fact + .skj-fact::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 46px;
  background: var(--skj-line);
}

/* La valeur — quel que soit le widget qui la rend */
.skj-fact__v,
.skj-fact__v p,
.skj-fact__v .elementor-heading-title,
.skj-fact__v .elementor-post-info__terms-list,
.skj-fact__v .elementor-post-info__terms-list-item,
.skj-fact__v .elementor-icon-list-text,
.skj-fact__v .elementor-post-info__item,
.skj-fact__v .elementor-post-info__item a {
  font-family: var(--skj-font);
  font-size: clamp(18px, 2.4vw, 23px);
  font-weight: 700;
  line-height: 1.1;
  color: var(--skj-accent);
  white-space: nowrap;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

/* Neutralise la liste à puces du widget « Informations de publication » */
.skj-fact__v .elementor-post-info,
.skj-fact__v .elementor-icon-list-items,
.skj-fact__v .elementor-icon-list-item {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.skj-fact__v .elementor-icon-list-item::before,
.skj-fact__v .elementor-icon-list-item::after {
  content: none;
  border: 0;
}
.skj-fact__v .elementor-icon-list-icon,
.skj-fact__v .elementor-post-info__item-prefix {
  display: none;
}

/* Le libellé */
.skj-fact__k,
.skj-fact__k p {
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--skj-grey);
}

/* Une case sans valeur se retire d'elle-même — la Durée sur un CDI,
   l'Expérience sur un stage. Les autres se répartissent la largeur. */
.skj-fact:not(:has(.skj-fact__v)),
.skj-fact:has(.skj-fact__v .elementor-widget-container:empty) {
  display: none;
}


/* ==========================================================================
   5. SOUS-NAVIGATION — remplie par le script du template
   ========================================================================== */
.skj-nav {
  position: sticky;
  top: 74px;
  z-index: 40;
  display: flex;
  justify-content: center;
  padding: 14px 16px 0;
  pointer-events: none;
}
.skj-nav__in {
  pointer-events: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 7px;
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--skj-line);
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .10);
}
/* Offre sans intertitre : toute la barre disparaît */
.skj-nav__in:empty { display: none; }
.skj-nav:has(.skj-nav__in:empty) { display: none; }

.skj-nav__in a {
  font-family: var(--skj-font);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--skj-grey);
  text-decoration: none;
  padding: 9px 18px;
  border-radius: 999px;
  white-space: nowrap;
  transition: color .2s ease, background .25s ease;
}
.skj-nav__in a:hover { color: var(--skj-ink); }
.skj-nav__in a.is-active {
  color: #fff;
  background: var(--skj-grad);
  box-shadow: 0 8px 18px rgba(var(--skj-accent-rgb), .32);
}


/* ==========================================================================
   6. CORPS DE L'OFFRE
   ========================================================================== */
.skj-body { position: relative; }

.skj-prose { max-width: var(--skj-read); margin-inline: auto; }

.skj-prose .elementor-widget-container > * { margin: 0 0 22px; }
.skj-prose .elementor-widget-container > *:last-child { margin-bottom: 0; }

.skj-prose p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--skj-body);
}
.skj-prose strong, .skj-prose b { color: var(--skj-ink); font-weight: 600; }

.skj-prose a {
  color: var(--skj-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Intertitres — la barre orange est automatique, aucune classe à poser */
.skj-prose h2 {
  font-family: var(--skj-font);
  font-size: clamp(21px, 2.6vw, 27px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.2px;
  color: var(--skj-ink);
  margin-top: 40px;
  padding-left: 16px;
  border-left: 4px solid var(--skj-accent);
  scroll-margin-top: 150px;   /* pour la sous-navigation collante */
}
.skj-prose h3 {
  font-family: var(--skj-font);
  font-size: 18px;
  font-weight: 600;
  color: var(--skj-ink);
  margin-top: 28px;
}

/* --- Chapeau — classe « lead » --- */
.skj-prose .lead {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  color: var(--skj-ink);
}

/* --- Liste à coches sur deux colonnes — classe « ck2 » --- */
.skj-prose ul.ck2 {
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 30px;
}
.skj-prose ul.ck2 li {
  position: relative;
  padding-left: 36px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--skj-ink);
  list-style: none;
}
.skj-prose ul.ck2 li::marker { content: none; }
.skj-prose ul.ck2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background-color: var(--skj-accent);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"),
    var(--skj-grad-135);
  background-size: 13px 13px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

/* --- Liste à coches sur une colonne — classe « ck » --- */
.skj-prose ul.ck {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.skj-prose ul.ck li {
  position: relative;
  padding-left: 36px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--skj-body);
  list-style: none;
}
.skj-prose ul.ck li::marker { content: none; }
.skj-prose ul.ck li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background-color: var(--skj-accent);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"),
    var(--skj-grad-135);
  background-size: 13px 13px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

/* --- Encadré clair — classe « callout » --- */
.skj-prose .callout {
  background: linear-gradient(135deg,
    rgba(var(--skj-accent-rgb), .10),
    rgba(var(--skj-accent-2-rgb), .14));
  border: 1px solid rgba(var(--skj-accent-rgb), .22);
  border-left: 4px solid var(--skj-accent);
  border-radius: 16px;
  padding: 22px 24px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--skj-ink);
}
.skj-prose .callout p:last-child { margin-bottom: 0; }

/* --- Carte sombre « Notre offre » — classe « offer » sur un bloc Groupe --- */
.skj-prose .offer {
  border-radius: 22px;
  padding: 36px 32px;
  color: #fff;
  background-color: #14181f;
  background-image:
    radial-gradient(600px 360px at 90% 8%, rgba(var(--skj-accent-2-rgb), .28), transparent 60%),
    linear-gradient(120deg, #1a1f28, #14181f);
  box-shadow: 0 24px 56px rgba(16, 24, 40, .22);
}
.skj-prose .offer h2,
.skj-prose .offer h3 {
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 22px;
}
.skj-prose .offer p { color: rgba(255, 255, 255, .86); }
.skj-prose .offer ul.ck li,
.skj-prose .offer ul.ck2 li { color: rgba(255, 255, 255, .92); }

/* --- Signature — classe « sign » --- */
.skj-prose .sign {
  font-style: italic;
  font-weight: 600;
  color: var(--skj-accent);
}


/* ==========================================================================
   7. BOUTONS
   ========================================================================== */
.skj-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  font-family: var(--skj-font);
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 999px;
  transition: transform .2s ease, box-shadow .25s ease,
              background .25s ease, color .2s ease, border-color .2s ease;
}
.skj-btn .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: gap .25s ease;
}
.skj-btn .elementor-button-icon { margin: 0; display: inline-flex; }
.skj-btn .elementor-button-icon svg { width: 18px; height: 18px; }

.skj-btn--primary .elementor-button {
  padding: 15px 32px;
  background: var(--skj-grad);
  color: #fff;
  box-shadow: var(--skj-glow);
}
.skj-btn--primary .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: var(--skj-glow-xl);
  color: #fff;
}
.skj-btn--primary .elementor-button:hover .elementor-button-content-wrapper { gap: 14px; }

.skj-btn--ghost .elementor-button,
.skj-btn--back .elementor-button {
  padding: 15px 28px;
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, .5);
  color: #fff;
}
.skj-btn--ghost .elementor-button:hover,
.skj-btn--back .elementor-button:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, .1);
  color: #fff;
}


/* ==========================================================================
   8. BLOC FINAL ET FORMULAIRE
   ========================================================================== */
.skj-final {
  max-width: 1000px;
  margin-inline: auto;
  border-radius: 24px;
  overflow: hidden;
  color: #fff;
  background-color: #14181f;
  background-image:
    radial-gradient(700px 420px at 12% 0%,    rgba(var(--skj-accent-rgb), .40),   transparent 55%),
    radial-gradient(700px 500px at 100% 100%, rgba(var(--skj-accent-2-rgb), .30), transparent 55%),
    linear-gradient(120deg, #1a1f28, #14181f);
  box-shadow: 0 30px 70px rgba(16, 24, 40, .28);
  scroll-margin-top: 120px;
}
.skj-final .elementor-heading-title {
  font-family: var(--skj-font);
  font-size: clamp(26px, 3.6vw, 40px);
  font-weight: 700;
  line-height: 1.18;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.skj-final-text,
.skj-final-text p {
  max-width: 620px;
  margin-inline: auto;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .85);
}

/* --- Formulaire de candidature --- */
.skj-form { width: 100%; max-width: 760px; margin-inline: auto; }
.skj-form .elementor-field-group > label {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, .9);
  margin-bottom: 7px;
}
.skj-form .elementor-field-textual {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  padding: 13px 16px;
  font-family: var(--skj-font);
  font-size: 15px;
  color: #fff;
  background: rgba(255, 255, 255, .07);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.skj-form .elementor-field-textual::placeholder { color: rgba(255, 255, 255, .45); }
.skj-form .elementor-field-textual:focus {
  outline: none;
  background: rgba(255, 255, 255, .12);
  border-color: var(--skj-accent-2);
  box-shadow: 0 0 0 3px rgba(var(--skj-accent-rgb), .22);
}
.skj-form .elementor-field-type-upload input[type="file"] {
  font-size: 14px;
  color: rgba(255, 255, 255, .8);
}
.skj-form .elementor-button[type="submit"] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 32px;
  border: none;
  border-radius: 999px;
  background: var(--skj-grad);
  color: #fff;
  font-family: var(--skj-font);
  font-size: 15px;
  font-weight: 600;
  box-shadow: var(--skj-glow);
  transition: transform .2s ease, box-shadow .25s ease;
}
.skj-form .elementor-button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: var(--skj-glow-xl);
}
.skj-form .elementor-message {
  font-size: 14.5px;
  border-radius: 10px;
  padding: 12px 16px;
  color: #fff;
}


/* ==========================================================================
   9. RETOUR EN HAUT
   ========================================================================== */
.skj-top .e-scroll-to-top-button,
.skj-top .elementor-widget-container {
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 999px;
  background: var(--skj-grad);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--skj-glow);
  transition: transform .3s ease;
}
.skj-top .e-scroll-to-top-button:hover { transform: translateY(-3px); }
.skj-top svg, .skj-top i {
  width: 22px; height: 22px; font-size: 20px;
  color: #fff; fill: #fff; stroke: #fff;
}


/* ==========================================================================
   10. RESPONSIVE
   ========================================================================== */
@media (max-width: 980px) {
  .skj-prose ul.ck2 { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .skj-hero { min-height: 74vh; }
  .skj-facts { margin-top: -40px; padding: 20px 14px; }
  .skj-fact + .skj-fact::before { display: none; }
  .skj-nav { top: 64px; padding-top: 10px; }
  .skj-nav__in a { font-size: 12.5px; padding: 8px 14px; }
  .skj-prose .offer { padding: 26px 20px; }
  .skj-final { border-radius: 20px; }
}


/* ==========================================================================
   11. MOUVEMENT RÉDUIT
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .skj-hero *, .skj-facts *, .skj-body *, .skj-final *, .skj-top * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .elementor-invisible { visibility: visible !important; opacity: 1 !important; }
}
/* Répartition des cases — bat le réglage « Taille » d'Elementor */
.skj-facts > .skj-fact {
  flex: 1 1 150px !important;
  width: auto !important;
  max-width: none !important;
}
/* Force la répartition des cases de la fiche technique */
.skj-facts > .skj-fact {
  flex: 1 1 150px !important;
  width: auto !important;
  max-width: none !important;
}

/* Les cases se partagent la largeur à parts égales */
.skj-facts .skj-fact {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}/* End custom CSS */