fix(galerie): separate back link from eyebrow on detail hero

[remigit55]

Problème

Sur /galerie/[id], le lien retour « ← Retour à la galerie » (.gen-chain-back) et l'eyebrow « LA GALERIE » (.site-eyebrow) s'affichaient accolés sur la même ligne.

Cause (CSS, pas JSX/i18n) : .site-container / .site-hero sont en flux block normal. Le lien est inline-block, l'eyebrow qui suit est inline → le <span> se place à droite du lien ; le margin-bottom du lien ne force pas de retour à la ligne pour un voisin inline.

Re-vérification (étape 0)

• grep -rn "gen-chain-back" --include=*.tsx app → une seule occurrence JSX : galerie/[id]/page.tsx:76. Contexte unique confirmé. ✓
• Règle .gen-chain-back existante (display: inline-block; margin-bottom: 16px) + :hover confirmées. ✓

Fix

Ajout d'une règle contextualisée par .site-hero, juste après .gen-chain-back:hover :

.site-hero .gen-chain-back {
  display: block;
}

Dans le hero détail, le lien retour passe en bloc et occupe sa propre ligne → l'eyebrow suivant est forcé sur la ligne d'après ; la séparation verticale vient du margin-bottom: 16px déjà présent (aucune nouvelle marge introduite).

Contraintes respectées

• JSX et clé i18n detailBack non modifiés.
• Règle globale .site-eyebrow non touchée (classe partagée ~10 pages).
• Règle globale .gen-chain-back non modifiée : seuls les .gen-chain-back dans un .site-hero passent en bloc ; les autres usages de la chaîne de génération restent inline-block.
• Aucune couleur hardcodée ; aucune valeur d'espacement ajoutée.
• layout.tsx intact (Server Component).
• Un seul changement logique → branche/PR isolée de master.

Validation

• npm run build : vert (EXIT 0).
• Preuve au rendu à faire par Rémi après merge + ./deploy/deploy-from-git.sh : lien retour et eyebrow sur deux lignes distinctes, lien toujours fonctionnel, aucune régression sur les autres pages à eyebrow ni sur la chaîne de génération.

🤖 Generated with Claude Code

---

Generated by Claude Code