/* V1.1.192 - compact, responsive member sign-in. This stylesheet is loaded
   after legacy theme layers so only the login surface is affected. */
@media (max-width:760px) {
  #member-login.login-screen {
    display:flex;
    flex-direction:column;
    align-items:center!important;
    justify-content:center;
    width:100%;
    height:100dvh;
    min-height:0;
    padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))!important;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  #member-login .login-layout {display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;max-width:100%;margin:auto;}
  #member-login .login-copy {display:none;}
  #member-login .login-box {
    flex:0 1 344px;
    width:min(344px,100%);
    max-width:100%;
    margin:0 auto!important;
    padding:24px 22px 18px!important;
    border-radius:17px!important;
  }
  #member-login .login-box h1 {margin:0 0 23px!important;font-size:23px;line-height:1.35;font-weight:700;letter-spacing:0;text-align:center;}
  #member-login .login-box label+label {margin-top:12px;}
  #member-login .login-box input {height:44px;min-height:44px;padding:0 12px;border-radius:10px;font-size:16px;}
  #member-login .login-box button[type="submit"] {height:46px;min-height:46px;margin-top:18px;border-radius:10px;font-size:16px;}
  #member-login .login-box .error {min-height:14px;margin-top:6px;font-size:12px;line-height:1.4;text-align:center;}
}
@media (max-width:359px) {
  #member-login.login-screen {padding-right:12px!important;padding-left:12px!important;}
  #member-login .login-box {padding:20px 16px 15px!important;border-radius:15px!important;}
  #member-login .login-box h1 {font-size:21px;margin-bottom:19px!important;}
  #member-login .login-box input {height:42px;min-height:42px;}
  #member-login .login-box button[type="submit"] {height:44px;min-height:44px;margin-top:15px;}
}
@media (min-width:540px) and (max-width:760px) {
  #member-login .login-box {flex-basis:372px;width:372px;padding:29px 28px 23px!important;}
  #member-login .login-box h1 {margin-bottom:26px!important;font-size:24px;}
}
@media (max-width:760px) and (max-height:580px) {
  #member-login.login-screen {justify-content:flex-start;}
  #member-login .login-box {padding-top:16px!important;padding-bottom:12px!important;}
  #member-login .login-box h1 {margin-bottom:12px!important;}
  #member-login .login-box label+label {margin-top:9px;}
  #member-login .login-box button[type="submit"] {margin-top:12px;}
}