/* =========================================================
   Module jobs.css — Recrutement
   Source migrée depuis : assets/css/recrutement.css
   Migration CSS Phase 1 : modules/ — 2026-05-07
   Note : contenu repris sans refonte profonde pour éviter toute casse.
   ========================================================= */

/* Recrutement — aligné sur le socle commun front-ui.css */
.recruitment-page{
}

.recruitment-intro{
  margin-bottom: 2.05rem;
}

.recruitment-section-title h2{
  font-size: 1.14rem;
}

.recruitment-card{
  background: linear-gradient(180deg, #fff, #fbfefa);
}

.recruitment-card--results::before{
  background: var(--front-green-light, #85BB64);
}

.recruitment-card--expired::before{
  background: #b8c3a7;
  opacity: .85;
}

.recruitment-card-title{
  min-width: 0;
}

.recruitment-ref{
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recruitment-summary{
  max-width: 820px;
}

.recruitment-actions{
  margin-top: .1rem;
}

.recruitment-empty{
  margin-top: .4rem;
}

/* Compatibilité avec d'anciens rendus éventuels de la rubrique */
.job-card{
  border-color: var(--front-border, rgba(13,31,28,.12));
  border-radius: var(--front-radius-lg, 18px);
  box-shadow: var(--front-shadow, 0 10px 24px rgba(13,31,28,.055));
}

.job-actions .button,
.job-actions a.button{
  border-radius: 999px;
}

html[dir="rtl"] .recruitment-card-title,
html[dir="rtl"] .recruitment-summary,
html[dir="rtl"] .recruitment-meta,
html[dir="rtl"] .recruitment-actions{
  direction: rtl;
  text-align: right;
}

@media(max-width: 700px){
.recruitment-page{
    max-width: 100%;
  }

  .recruitment-ref{
    max-width: 100%;
  }
}


/* --------------------------------------------------------------------------
   Harmonisation finale : cartes/liste recrutement sur le socle commun.
   -------------------------------------------------------------------------- */
.recruitment-page{
  width: min(1120px, 100%);
  margin-inline: auto;
}

.recruitment-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: .95rem;
}

.recruitment-card{
  background: #fff !important;
  padding: 1rem 1.1rem 1.05rem;
}

.recruitment-card-head{
  margin-bottom: .65rem;
}

.recruitment-section{
  margin-top: 1.65rem;
}