/* PRATINIUM v266 — Authentication : mise en pile mobile du formulaire e-mail
   v247 fixait le label ("E-mail", "Mot de passe") à une largeur rigide de
   150px avec flex-shrink:0, sans variante mobile. Sur petit écran, ce label
   incompressible écrasait l'espace du champ (quelques pixels visibles),
   d'où les mini-cases et le contenu poussé hors cadre.
   On reprend ici le même principe déjà utilisé (et qui fonctionne) sur le
   module téléphone : en dessous de 768px, le label passe au-dessus du champ
   au lieu d'être à côté. */

@media (max-width:767.98px){
  body#authentication .form-group.row{
    flex-direction:column!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }

  body#authentication .form-group.row > label.form-control-label{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    padding:0!important;
    text-align:left!important;
    white-space:normal!important;
  }

  body#authentication .form-group.row > .js-input-column{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body#authentication .form-group.row > .form-control-comment{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    margin-top:4px!important;
  }
}