/* ==========================================================================
   RECRUTEMENT — STYLES SPÉCIFIQUES
   --------------------------------------------------------------------------
   Rôle du fichier
   - Gère uniquement la liste des offres, états de publication et documents RH.
   - Les cartes, boutons et badges communs restent dans front-ui.css.
========================================================================== */

.recruitment-page{
}

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

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

.recruitment-card{
  background: #fff;
}

.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%;
  }
}