/* =========================================================
   Page Entreprises - composants spécifiques
   S'appuie sur style2.css + recruteurs.css (phero, ph, pillar)
   ========================================================= */

/* Bandeau de confiance sous le hero */
.trust{ display:flex; flex-wrap:wrap; gap:14px 30px; align-items:center; margin-top:30px; }
.trust span{ display:inline-flex; align-items:center; gap:9px; font-size:15px; color:var(--navy); font-weight:500; }
.trust svg{ width:18px; height:18px; color:var(--blue); }

/* Étapes du process */
.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:46px; }
.step{ position:relative; display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:14px; padding:26px 24px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); }
.step__n{ width:44px; height:44px; border-radius:50%; background:var(--navy); color:#fff; font-family:"Lexend Giga",sans-serif; font-weight:600; font-size:1.05rem; display:grid; place-items:center; }
.step h3{ font-size:1.1rem; }
.step p{ grid-column:1 / -1; font-size:14.5px; color:var(--muted); line-height:1.55; margin-top:12px; }

/* Engagements (liste à coches sur fond clair) */
.pledges{ display:flex; flex-direction:column; gap:16px; }
.pledge{ display:flex; gap:14px; padding:24px 26px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); }
.pledge svg{ flex-shrink:0; width:26px; height:26px; color:var(--blue); margin-top:2px; }
.pledge h3{ font-size:1.08rem; margin-bottom:7px; }
.pledge p{ font-size:14.5px; color:var(--muted); line-height:1.55; }

@media (max-width:980px){
  .steps{ grid-template-columns:1fr 1fr; }
  .pledges{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .steps{ grid-template-columns:1fr; }
}

/* Annuaire des recruteurs */
.recfilter{ display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.recfilter button{ padding:9px 16px; border-radius:999px; border:1px solid var(--line); background:var(--surface); font-family:inherit; font-size:14px; font-weight:500; color:var(--navy); cursor:pointer; transition:.2s; }
.recfilter button:hover{ border-color:var(--blue); color:var(--blue); }
.recfilter button.active{ background:var(--blue); border-color:var(--blue); color:#fff; }
.rec-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.rec-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:28px; text-align:center; transition:transform .25s var(--ease), box-shadow .25s var(--ease); }
.rec-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.rec-card__av{ width:76px; height:76px; border-radius:16px; margin:0 auto 14px; background:linear-gradient(150deg,#1c52a0,#2d71d3); color:#fff; font-family:"Lexend Giga",sans-serif; font-weight:600; font-size:1.5rem; display:grid; place-items:center; }
img.rec-card__av{ object-fit:cover; }
.rec-card__name{ font-family:"Lexend Giga",sans-serif; font-weight:600; color:var(--navy); font-size:1.15rem; }
.rec-card__titre{ font-size:14px; color:var(--muted); margin:5px 0 14px; }
.rec-card__chips{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-bottom:20px; }
.rec-card__chips span{ font-size:12px; padding:4px 11px; border-radius:999px; background:var(--blue-50); color:var(--blue-700); }
@media (max-width:880px){ .rec-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .rec-grid{ grid-template-columns:1fr; } }