/* ================================================================
   CRÉDITS HERO — crédits discrets en overlay sur le hero
   ================================================================
   Remplacent les bandeaux blancs client/agence sous les heros
   (généralisation du principe validé sur Côte d'Or, session 5).
   Une ligne discrète, en petit, blanc translucide, qui peut
   contenir un logo client passé en blanc (.client-logo--blanc).
   ================================================================ */

.credits-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
  margin: 0 0 var(--espace-m) 0;
  font-family: var(--typo-corps);
  font-size: var(--taille-xs);
  font-variation-settings: 'wght' 500, 'wdth' 100;
  letter-spacing: 0.01em;
  text-transform: none;
  color: rgba(255, 255, 255, 0.55);
}

.credits-hero span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* séparateur entre les entrées */
.credits-hero span + span::before,
.credits-hero img + span::before {
  content: '·';
  margin: 0 0.9em;
  color: rgba(255, 255, 255, 0.35);
}

/* logo client passé en blanc (silhouette) */
.credits-hero .client-logo--blanc {
  height: 22px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.75;
}

@media (max-width: 720px) {
  .credits-hero { display: none; } /* mobile : le hero reste épuré */
}

/* variante sur fond crème (sections sans hero vidéo, ex. Braderie) */
.credits-hero--clair {
  margin: var(--espace-s) 0 0;
  color: var(--couleur-texte-doux);
}
.credits-hero--clair span + span::before {
  color: var(--couleur-trait);
}