/* ============================================================
   ÉVOLUTIONS UX — ACCUEIL (Chantier 5)
   ------------------------------------------------------------
   Hero : « La grille des 9 entités est remplacée par un bouton
   « Nous recrutons » vers la page Nous rejoindre ». C'est un
   changement de contenu (champ « Liste de boutons »), mais style.css
   range ces boutons dans une grille en position absolue, en bas à
   droite du hero : un bouton seul y resterait isolé, loin du titre.

   Quand la liste ne compte qu'un bouton, il passe donc sous le titre et
   le lien vers la vidéo, comme sur la maquette du cahier des charges.
   Avec plusieurs boutons, rien ne change.
   ============================================================ */
#section_1 .background_section_1 .filter_gris .contenu .cta-list:has(> a:only-child){
  position: static;
  width: auto;
  margin-top: 34px;
}
#section_1 .background_section_1 .filter_gris .contenu .cta-list > a:only-child{
  width: auto;
  margin: 0;
}
#section_1 .background_section_1 .filter_gris .contenu .cta-list > a:only-child .cta-button{
  display: inline-block;
  margin: 0;
  padding: 12px 44px;
}

/* Sous 500 px, style.css centre le contenu du hero : le bouton aussi. */
@media screen and (max-width: 500px){
  #section_1 .background_section_1 .filter_gris .contenu .cta-list:has(> a:only-child){ justify-content: center; }
}