/* Principaux partenaires : visibles dès la sortie du grand visuel d'accueil. */
.partenaires-accueil{
  position:relative;
  padding:28px 0 24px;
  background:#fff;
  border-bottom:1px solid var(--ligne);
}
.partenaires-accueil-interieur{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:28px;
}
.partenaires-accueil-label{
  font-size:.88rem;
  font-weight:600;
  line-height:1.5;
}
.partenaires-accueil-logos{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,132px));
  align-items:center;
  justify-content:center;
  gap:18px 20px;
  min-height:108px;
}
.partenaires-accueil-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:108px;
  border-radius:6px;
}
.partenaires-accueil-logo picture{display:contents}
.partenaires-accueil-logo img{
  width:124px;
  height:100px;
  object-fit:contain;
}
.partenaires-accueil-lien{
  justify-self:end;
  padding:10px 0;
  font-size:.86rem;
  font-weight:600;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
.partenaires-accueil a:hover{text-decoration-thickness:2px}
.partenaires-accueil a:focus-visible{
  outline:3px solid var(--jaune);
  outline-offset:5px;
}
/* Le HTML reste le repli. Les nouveaux logos n'arrivent qu'une fois décodés. */
html.cms-photos-attente [data-cms-partenaires-accueil] img:not([data-cms-pret]){opacity:0}
.partenaires-accueil-preparation{
  position:absolute;
  inset:0;
  visibility:hidden;
  pointer-events:none;
}
@media(max-width:1024px){
  .partenaires-accueil-interieur{grid-template-columns:1fr;gap:12px;text-align:center}
  .partenaires-accueil-logos{width:100%;max-width:740px;justify-self:center}
  .partenaires-accueil-lien{justify-self:center;padding:5px 0}
}
@media(max-width:760px){
  .partenaires-accueil{padding:25px 0 20px}
  .partenaires-accueil-interieur{gap:10px}
  .partenaires-accueil-label{font-size:.8rem}
  /* Deux logos en haut, trois en bas : les cinq restent groupés et le dernier
     n'est jamais seul. Les six colonnes donnent le même centre à chaque rangée. */
  .partenaires-accueil-logos{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    max-width:420px;
    min-height:196px;
  }
  .partenaires-accueil-logo{grid-column:span 2;min-height:92px}
  .partenaires-accueil-logo:nth-child(-n+2){grid-column:span 3}
  .partenaires-accueil-logo img{width:min(100%,110px);height:88px}
  .partenaires-accueil-lien{font-size:.8rem}
}