/* ============================================================
   FAC — Page publique « Carrières » (FR + EN)
   Hérite du design system de styles.css (navy / vert / Bookman),
   ajoute un doré discret et les composants carrières (profils, offres,
   processus, valeurs, programme de stage, formulaire de candidature).
   ============================================================ */
:root{ --car-gold:#b0883a; --car-gold-600:#906e27; --car-gold-soft:#f6efdd; }

/* ---- Hero ---- */
.car-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}

/* ---- Grilles de cartes ---- */
.car-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr)}
.car-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.car-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.5rem 1.35rem;
  box-shadow:0 1px 2px rgba(0,28,56,.05),0 10px 26px rgba(0,28,56,.06);position:relative}
.car-card h3{font-size:1.06rem;margin:0 0 .5rem}
.car-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6;text-align:left}
.car-ic{width:46px;height:46px;border-radius:12px;background:var(--bg-navy-soft);color:var(--navy);
  display:grid;place-items:center;margin-bottom:1rem}
.car-ic svg{width:24px;height:24px}

/* ---- Profils recherchés ---- */
.car-profile{display:flex;flex-direction:column}
.car-profile::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,var(--car-gold),var(--navy))}
.car-profile h3{margin-top:.3rem}
.car-kv{margin:.4rem 0 0;padding:0;list-style:none;font-size:.9rem}
.car-kv li{display:flex;gap:.5rem;padding:.32rem 0;border-bottom:1px solid var(--line);line-height:1.45}
.car-kv li:last-child{border-bottom:none}
.car-kv b{color:var(--navy);font-weight:600;flex:0 0 38%}
.car-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.2rem .6rem;
  border-radius:100px;background:var(--bg-navy-soft);color:var(--navy)}
.car-tag.stage{background:#e8f5ee;color:var(--green-600)}
.car-tag.emploi{background:#e7eef7;color:var(--navy)}
.car-tag.consultant,.car-tag.mission{background:var(--car-gold-soft);color:var(--car-gold-600)}
.car-card .btn{margin-top:1.1rem;align-self:flex-start}

/* ---- Offres disponibles ---- */
.car-offers{display:grid;gap:1.2rem}
.car-offer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:12px;
  padding:1.4rem 1.5rem}
.car-offer-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.car-offer h3{margin:0 0 .35rem;font-size:1.12rem}
.car-offer-meta{display:flex;flex-wrap:wrap;gap:.5rem .9rem;font-size:.85rem;color:var(--muted);margin:.2rem 0 .7rem}
.car-offer-meta span{display:inline-flex;align-items:center;gap:.35rem}
.car-offer-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:.7rem 0 .2rem}
.car-offer-grid h4{font-size:.92rem;margin:0 0 .3rem;color:var(--navy)}
.car-offer-grid p,.car-offer-desc{font-size:.92rem;color:var(--muted);line-height:1.6;margin:0;text-align:left;white-space:pre-line}
.car-empty{background:var(--bg-navy-soft);border:1px dashed var(--line);border-radius:12px;padding:1.6rem;
  text-align:center;color:var(--muted)}

/* ---- Processus de recrutement ---- */
.car-steps{display:grid;gap:1.1rem;grid-template-columns:repeat(3,1fr);counter-reset:step}
.car-step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.3rem 1.4rem;position:relative}
.car-step .n{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;
  font-weight:700;font-family:var(--serif);margin-bottom:.7rem}
.car-step h3{font-size:1rem;margin:0 0 .25rem}
.car-step p{margin:0;font-size:.9rem;color:var(--muted);text-align:left}

/* ---- Valeurs ---- */
.car-values{display:flex;flex-wrap:wrap;gap:.7rem}
.car-value{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);
  border-radius:100px;padding:.55rem 1.05rem;font-weight:600;color:var(--navy);font-size:.95rem}
.car-value svg{width:18px;height:18px;color:var(--green)}

/* ---- Programme de stage ---- */
.car-stage-grid{display:grid;gap:1.4rem;grid-template-columns:1.1fr .9fr;align-items:start}
.car-stage-list{margin:0;padding:0;list-style:none}
.car-stage-list li{display:flex;gap:.7rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.14);line-height:1.55}
.car-stage-list li:last-child{border-bottom:none}
.car-stage-list svg{width:20px;height:20px;flex:0 0 auto;margin-top:.1rem;color:#6fd49b}

/* ---- Formulaire de candidature ---- */
.car-form-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.8rem;box-shadow:var(--shadow,0 10px 26px rgba(0,28,56,.07))}
.car-fieldset{border:none;padding:0;margin:0 0 1.4rem}
.car-fieldset legend{font-family:var(--serif);color:var(--navy);font-size:1.05rem;font-weight:700;margin-bottom:.9rem;
  padding-bottom:.4rem;border-bottom:1px solid var(--line);width:100%}
.car-upload{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}
.car-upload .car-file{border:1px dashed var(--line);border-radius:10px;padding:.8rem;background:var(--bg-soft)}
.car-upload .car-file label{display:block;font-weight:600;font-size:.85rem;color:var(--navy);margin-bottom:.4rem}
.car-upload .car-file small{display:block;color:var(--muted);font-size:.76rem;margin-top:.3rem}
.car-up-state{font-size:.78rem;margin-top:.3rem}
.car-note{background:var(--car-gold-soft);border:1px solid #e7dcc0;border-left:4px solid var(--car-gold);
  border-radius:10px;padding:.8rem 1rem;font-size:.86rem;color:#6a5320;line-height:1.55;margin:.2rem 0 1.2rem}
.car-consent{display:flex;gap:.6rem;align-items:flex-start;margin:.4rem 0 0}
.car-consent input{margin-top:.25rem}
.car-consent label{font-size:.9rem;color:var(--muted);line-height:1.5}

/* ---- Responsive ---- */
@media (max-width:860px){
  .car-grid,.car-grid.cols-2,.car-steps{grid-template-columns:1fr 1fr}
  .car-offer-grid,.car-stage-grid{grid-template-columns:1fr}
  .car-upload{grid-template-columns:1fr}
}
@media (max-width:560px){
  .car-grid,.car-grid.cols-2,.car-steps{grid-template-columns:1fr}
  .car-kv b{flex-basis:46%}
}