/* Bonjour 1.21.76 : mêmes en-têtes pour Créer et Rejoindre.
   Aucun changement de fenêtre, formulaire, identité ou navigation. */
body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-band{
  display:grid;grid-template-columns:minmax(0,25%) minmax(0,75%);
  align-items:center;gap:0;min-width:0;margin:16px 0 9px;
}
body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-copy{min-width:0;}
body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-band .bonjour-voice-crown{
  width:100%;max-width:145px;height:112px;margin:0 auto;align-self:center;
}
body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinEyebrow{
  display:block;font-size:16px!important;line-height:1.3!important;
  letter-spacing:.13em!important;margin:0 0 9px!important;
  color:#ffd45a!important;
}
body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinTitle{
  font-size:30px!important;line-height:1.14!important;margin:0!important;
  max-width:100%!important;white-space:pre-line!important;
}
body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinIntro{
  font-size:14px!important;line-height:1.5!important;
  max-width:100%!important;margin:9px 0 19px!important;
}
/* Laptop et PC : le titre reste sous la réserve du bouton Retour,
   sans toucher au gabarit mobile validé. */
@media(min-width:1100px){
 body[data-bonjour-pwa="1"] #prejoinView .join-card.bonjour-mobile-page-shell{
   justify-content:flex-start!important;padding-top:80px!important;
 }
 body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-band{margin-top:0!important;}
}
/* Intermédiaire tablette : conserver strictement le conteneur existant. */
@media (min-width:721px) and (max-width:1199px){
 body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinEyebrow{font-size:13px!important;margin-bottom:7px!important;}
 body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinTitle{font-size:25px!important;}
 body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinIntro{font-size:13px!important;margin:8px 0 17px!important;}
 body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-band .bonjour-voice-crown{height:102px;max-width:118px;}
}
/* Mobile : reprendre la hiérarchie compacte de Salons permanents. */
@media (max-width:720px){
 body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-band{
   grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr);
   gap:10px;margin:16px 0 8px;
 }
 body[data-bonjour-pwa="1"] #prejoinView .join-card .bonjour-prejoin-heading-band .bonjour-voice-crown{height:96px;max-width:108px;}
 body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinEyebrow{font-size:11px!important;margin:0 0 6px!important;letter-spacing:.12em!important;}
 body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinTitle{font-size:clamp(19px,5.2vw,25px)!important;line-height:1.16!important;}
 body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinIntro{font-size:13px!important;line-height:1.48!important;margin:10px 0 18px!important;}
}
@media(prefers-reduced-motion:reduce){
 body[data-bonjour-pwa="1"] #prejoinView .bonjour-voice-crown>span{animation:none!important;transform:scaleY(.85)!important;}
}

/* 1.21.79 : descriptifs en blanc pur sur tous les formats, y compris CSS hérités. */
body[data-bonjour-pwa="1"] #prejoinView .join-card #prejoinIntro{color:#fff!important;opacity:1!important;}