/* hdr2 - Header connecté avec « Messages » (nom + Messages + Déconnexion).
   Avant : le menu (qui se rétrécit) laissait déborder le sélecteur de langue sous la loupe dès 1 160 px
   (jusqu'aux grands écrans en français : le header plafonne sa largeur).
   Correctif, seulement quand « Messages » est affiché (classe fh-header--msg posée par includes/layout.php) :
   - de 1 160 px à plus : le bouton de compte devient une pastille icône (nom lu par les lecteurs d'écran
     et affiché en info-bulle) ; Messages et Déconnexion restent visibles ;
   - le menu ne se rétrécit plus sous son contenu ;
   - 901 - 1 159 px (menu replié) et mobile : inchangés, le nom y tient.
   Chargé seulement par includes/layout.php, après fh-hdr1.css. Mesuré par tests/hdr2.test.cjs. */
html body .fh-header.fh-idh.fh-header--msg .fh-header-account-name {
  max-width: 14em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (min-width: 1160px) {
  html body .fh-idh.fh-header--msg .fh-idh-nav { flex-shrink: 0; }
  html body .fh-header.fh-idh.fh-header--msg .fh-header-account-link--primary { width: var(--hdr1-h); padding: 0; }
  html body .fh-header.fh-idh.fh-header--msg .fh-header-account-name {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
  }
}
/* 1 160 - 1 339 px (réglage compact search2 : loupe 32 px à 4 px de ses voisins) : le nom effacé libère
   la place, la loupe reprend 10 px de chaque côté. */
@media (min-width: 1160px) and (max-width: 1339.98px) {
  html body .fh-idh.fh-header--msg .fh-search { margin-left: -6px; margin-right: -2px; }
}