/* Le report de .lead est scinde : la typographie vaut pour tous les .lead,
   la couleur seulement quand la reference n'en impose pas une en ligne
   (pi-on-ink / pi-on-ink-soft, qui tiennent lieu d'attribut style). */
/* Couche de fidelite - page Recrutement (10).
   Reconstruite depuis app/reference/pages/recrutement.html + assets/css/main.css.
   Le formulaire de candidature (avec CV) reste dans le gabarit du theme. */
/* 1. Conteneurs : Elementor stylise par variables, pas par proprietes. */
body.page-id-10 .elementor .e-con.pi-c{
  --display:block; --flex-direction:row; --flex-wrap:nowrap;
  --justify-content:normal; --align-items:normal; --align-content:normal;
  --width:auto; --min-height:0px;
  --gap:0px; --row-gap:0px; --column-gap:0px;
  --padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px;
  --margin-top:0px; --margin-right:0px; --margin-bottom:0px; --margin-left:0px;
  --container-widget-width:auto;
}
body.page-id-10 .elementor .e-con.pi-c > .e-con-inner{ display:contents; }

/* 2. Le contenu du widget herite de son enveloppe, qui porte les classes de la
      reference. Sans cela les regles de balise s appliquent deux fois. */
body.page-id-10 .elementor.elementor .pi-w.elementor-widget-heading .elementor-heading-title,
body.page-id-10 .elementor.elementor .pi-w.elementor-widget-text-editor > *{
  font:inherit; color:inherit; letter-spacing:inherit; line-height:inherit;
  text-transform:inherit; text-align:inherit; margin:0;
}
body.page-id-10 .elementor.elementor .pi-w.elementor-widget-image img{ display:block; }
body.page-id-10 .elementor.elementor .pi-w.elementor-widget-icon .elementor-icon-wrapper,
body.page-id-10 .elementor.elementor .pi-w.elementor-widget-icon .elementor-icon{ display:contents; }
body.page-id-10 .elementor.elementor.elementor [hidden]{ display:none !important; }

/* 3. Report des regles de balise (tokens/base.css) sur l enveloppe du widget. */
body.page-id-10 .elementor.elementor.elementor .pi-w:has(> h1),
body.page-id-10 .elementor.elementor.elementor .pi-w:has(> h2),
body.page-id-10 .elementor.elementor.elementor .pi-w:has(> h3){
  font-family:var(--font-display); color:var(--text-strong); font-weight:var(--fw-semibold);
  line-height:var(--leading-tight); letter-spacing:var(--tracking-tighter);
  margin:0 0 0.5em; text-wrap:balance;
}
body.page-id-10 .elementor.elementor.elementor .pi-w:has(> h1){ font-size:var(--display-lg); }
body.page-id-10 .elementor.elementor.elementor .pi-w:has(> h2){ font-size:var(--display-md); }
body.page-id-10 .elementor.elementor.elementor .pi-w:has(> h3){ font-size:var(--text-2xl); letter-spacing:var(--tracking-tight); }
body.page-id-10 .elementor.elementor.elementor .pi-w.elementor-widget-text-editor{ margin:0 0 1em; text-wrap:pretty; }

/* 3b. adaptation.css neutralise aussi l enveloppe : on rend aux classes de la
      reference portees par l enveloppe la typographie qu elles declarent. */
body.page-id-10 .elementor.elementor.elementor .pi-w.lead{ font-size:var(--text-md); line-height:var(--leading-relaxed); }
body.page-id-10 .elementor.elementor.elementor .pi-w.lead:not(:where(.pi-on-ink,.pi-on-ink-soft,.pi-parr-lead-ink,.pi-parr-note)){ color:var(--text-body); }
body.page-id-10 .elementor.elementor.elementor .pi-w.breadcrumb{ letter-spacing:.04em; }

/* 4. Hero de page : .page-hero h1 et .page-hero p visaient la balise. */
body.page-id-10 .elementor.elementor.elementor .page-hero .pi-w:has(> h1){ color:var(--white); margin:1rem 0 .8rem; font-size:var(--display-lg); }
body.page-id-10 .elementor.elementor.elementor .page-hero .pi-w.elementor-widget-text-editor{ color:rgba(255,255,255,.86); font-size:var(--text-md); line-height:var(--leading-normal); }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .page-hero .pi-w.elementor-widget-text-editor{ max-width:580px; }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .container{ max-width:var(--container-max); }

/* 5. Contrepoids de mise en page. */
body.page-id-10 .elementor.elementor .split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
body.page-id-10 .elementor.elementor .split--video.split--media-right{ grid-template-columns:0.72fr 1.28fr; }
body.page-id-10 .elementor.elementor .split--video.split--media-left{ grid-template-columns:1.28fr 0.72fr; }
body.page-id-10 .elementor.elementor .split--media-left > .split__media{ order:0; }
body.page-id-10 .elementor.elementor .split--media-left > .split__content{ order:1; }
body.page-id-10 .elementor.elementor .split--media-right > .split__media{ order:1; }
body.page-id-10 .elementor.elementor .split--media-right > .split__content{ order:0; }
body.page-id-10 .elementor.elementor .eyebrow{ display:inline-flex; align-items:center; }
body.page-id-10 .elementor.elementor .section{ padding-block:var(--section-y); }
body.page-id-10 .elementor.elementor .section--tight{ padding-block:clamp(2.2rem,4vw,3.2rem); }
body.page-id-10 .elementor.elementor .pi-shortcode .elementor-shortcode{ display:block; }

/* 6. La liste de valeurs : chaque <li> devient un conteneur, chaque puce un
      widget icone - les selecteurs de balise sont reportes en consequence. */
body.page-id-10 .elementor.elementor .value-list{ display:grid; gap:1.1rem; margin-top:2rem; }
body.page-id-10 .elementor.elementor.elementor .value-list > .pi-t-li{ display:flex; gap:.9rem; align-items:flex-start; }
body.page-id-10 .elementor.elementor.elementor .value-list .pi-vl-icon{ flex:0 0 auto; width:22px; height:22px; color:var(--accent); margin-top:3px; }
body.page-id-10 .elementor.elementor.elementor .value-list .pi-vl-icon svg{ width:22px; height:22px; margin-top:0; }
body.page-id-10 .elementor.elementor.elementor .value-list .pi-vl-text{ margin:0; }

/* 7. Regles de la reference qui visaient une balise, reportees sur l enveloppe. */
body.page-id-10 .elementor.elementor.elementor .section-head > .pi-w:has(> h2){ margin:var(--space-4) 0 0; font-size:var(--display-md); }
body.page-id-10 .elementor.elementor.elementor .section-head > .pi-w.elementor-widget-text-editor{ margin-top:var(--space-4); color:var(--text-muted); font-size:var(--text-md); }
body.page-id-10 .elementor.elementor.elementor .split__content > .pi-w:has(> h2){ margin:var(--space-4) 0 var(--space-5); font-size:var(--display-md); }
body.page-id-10 .elementor.elementor.elementor .split__content > .pi-w.elementor-widget-text-editor + .pi-w.elementor-widget-text-editor{ margin-top:1rem; }
body.page-id-10 .elementor.elementor.elementor .split__content > .pi-w.btn{ margin-top:2rem; }

/* 8. Styles en ligne de la reference et contrepoids de largeur. */
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .pi-recr-narrow{ max-width:840px; margin-inline:auto; }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .pi-recr-postes{ max-width:920px; }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .brand-banner{ max-width:560px; margin-inline:auto; }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .video-frame{ max-width:980px; margin-inline:auto; }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .section-head{ max-width:680px; }
body.page-id-10 .elementor.elementor.elementor.elementor.elementor .section-head.is-centered{ margin-inline:auto; }

/* Le gabarit bloc insere 24px entre <!-- wp:post-content --> et la section du
   formulaire restee dans le theme : la reference n en a pas. */
body.page-id-10 main.wp-block-group > section{ margin-block-start:0; }