/* --- Arreglo para el foco automático en popups de Safari Móvil --- */

/* 1. Por defecto, ocultamos completamente los popups usando display: none.
   Esto evita que el navegador pueda interactuar con sus campos de formulario. */
.mdl-login.vPopup {
    display: none;
}

/* 2. Cuando el checkbox de control está activado, usamos un selector de 
   hermano adyacente (~) para mostrar el popup correspondiente.
   Lo mostramos usando 'display: flex' porque tu layout parece usarlo. */

#sta-css-login:checked ~ .mdl-login.vPopup,
#sta-css-register:checked ~ .mdl-login.vPopup,
#sta-css-recover:checked ~ .mdl-login.vPopup {
    display: flex;
}