/* PRATINIUM v260 — Auth stabilisée : pas de contour noir + pas de flottement du formulaire téléphone */

/* 1) Masquer le formulaire téléphone tant que le JS n'a pas fini de l'insérer dans le vrai cadran.
   Cela évite le lapse de flottement/clignotement où les champs apparaissent au mauvais endroit. */
body#authentication form[action*="/module/pratiniumlogin/"],
body#authentication form[action*="pratiniumlogin"],
body#authentication form.pl-phone-login-form,
body#authentication form.pratinium-phone-main-form{
  visibility:hidden!important;
  opacity:0!important;
}
body#authentication.pratinium-auth-phone-ready form[action*="/module/pratiniumlogin/"],
body#authentication.pratinium-auth-phone-ready form[action*="pratiniumlogin"],
body#authentication.pratinium-auth-phone-ready form.pl-phone-login-form,
body#authentication.pratinium-auth-phone-ready form.pratinium-phone-main-form,
body#authentication.pratinium-auth-email-mode form#login-form,
body#authentication:not(.pratinium-auth-phone-mode) form#login-form{
  visibility:visible!important;
  opacity:1!important;
}
body#authentication.pratinium-auth-switching form[action*="/module/pratiniumlogin/"],
body#authentication.pratinium-auth-switching form[action*="pratiniumlogin"],
body#authentication.pratinium-auth-switching form.pl-phone-login-form,
body#authentication.pratinium-auth-switching form.pratinium-phone-main-form{
  visibility:hidden!important;
  opacity:0!important;
}

/* 2) Supprimer/masquer le cadran noir de focus autour des CTA E-mail / Téléphone. */
body#authentication a:focus,
body#authentication a:focus-visible,
body#authentication button:focus,
body#authentication button:focus-visible,
body#authentication [role="tab"]:focus,
body#authentication [role="tab"]:focus-visible,
body#authentication .nav-link:focus,
body#authentication .nav-link:focus-visible,
body#authentication .pratinium-auth-tabs a:focus,
body#authentication .pratinium-auth-tabs button:focus,
body#authentication .pratinium-auth-tabs [role="tab"]:focus,
body#authentication .pratinium-login-switch a:focus,
body#authentication .pratinium-login-switch button:focus,
body#authentication .pratinium-login-switch [role="tab"]:focus,
body#authentication .auth-tabs a:focus,
body#authentication .auth-tabs button:focus,
body#authentication .login-tabs a:focus,
body#authentication .login-tabs button:focus{
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
body#authentication a::-moz-focus-inner,
body#authentication button::-moz-focus-inner{
  border:0!important;
}

/* Neutralise aussi les bordures noires forcées par le thème sur les onglets actifs/focus. */
body#authentication a[href*="email"]:focus,
body#authentication a[href*="telephone"]:focus,
body#authentication a[href*="phone"]:focus,
body#authentication button:focus,
body#authentication .active:focus,
body#authentication .selected:focus{
  outline:none!important;
  box-shadow:none!important;
}

/* 3) Position stabilisée du cadran gauche en mode téléphone : aucune transition de layout. */
body#authentication.pratinium-auth-phone-mode #content,
body#authentication.pratinium-auth-phone-mode .pratinium-phone-card-host,
body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card,
body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card *{
  transition:none!important;
  animation:none!important;
}

@media (min-width:992px){
  body#authentication.pratinium-auth-phone-mode .pratinium-phone-card-host{
    align-self:center!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card{
    transform:none!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
  }
}