/* TentoniNumérik R44.3.19 — langue près de Connexion sur vrais appareils portables. */

/* Le bouton Langues est un enfant de top-actions sur téléphone/tablette.
   On le garde compact pour ne pas casser la rangée déjà validée. */
html.tn-r42-phone #language-btn,
html.tn-r42-tablet #language-btn{
  order:0!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0 2px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #d7e3f2!important;
  box-shadow:0 3px 10px rgba(20,65,120,.08)!important;
}

html.tn-r42-phone #language-btn{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  border-radius:9px!important;
}
html.tn-r42-tablet #language-btn{
  width:40px!important;
  min-width:40px!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:10px!important;
}

html.tn-r42-phone #language-btn > img,
html.tn-r42-tablet #language-btn > img,
html.tn-r42-phone #language-btn .language-code,
html.tn-r42-tablet #language-btn .language-code{
  display:none!important;
}

html.tn-r42-phone #language-btn::before,
html.tn-r42-tablet #language-btn::before{
  content:""!important;
  display:block!important;
  background:url('/assets/ui/flag-fr.svg') center/contain no-repeat!important;
}
html.tn-r42-phone #language-btn::before{width:22px!important;height:15px!important}
html.tn-r42-tablet #language-btn::before{width:28px!important;height:19px!important}

/* Sur ordinateur, ne jamais conserver les classes/rendus portables. */
html.tn-r42-desktop body{
  min-width:0;
}
html.tn-r42-desktop body.tn-reference-device,
html.tn-r42-desktop body.tn-reference-phone,
html.tn-r42-desktop body.tn-reference-tablet{
  --tn-r44319-desktop-guard:1;
}