/* ==========================================================================
   O2 VET LOGIN R73 - SIGN IN CARD SLIGHTLY HIGHER
   --------------------------------------------------------------------------
   R72 background/artwork/branding remain untouched.
   Only the live Sign in card is moved slightly upward.
   ========================================================================== */

/* R72 normal desktop = 4.5vh.
   R73 = 2.5vh, moving the card roughly 18px higher on a ~900px viewport. */
body.o2-login-app-body .o2-login-card{
  transform:translateY(2.5vh)!important;
}

body.o2-login-app-body:not(:has(.o2-login-card)) #unified-login-form{
  transform:translateY(2.5vh)!important;
}

/* Shorter laptop screens: keep the same visual relationship safely. */
@media (max-height:800px){
  body.o2-login-app-body .o2-login-card{
    transform:translateY(1.5vh)!important;
  }

  body.o2-login-app-body:not(:has(.o2-login-card)) #unified-login-form{
    transform:translateY(1.5vh)!important;
  }
}

/* Preserve safe scrolling on unusually short windows. */
@media (max-height:690px){
  body.o2-login-app-body{
    overflow-y:auto!important;
  }

  body.o2-login-app-body .o2-login-app-page{
    min-height:760px!important;
    height:760px!important;
    overflow:visible!important;
  }

  body.o2-login-app-body .o2-login-card{
    transform:translateY(10px)!important;
  }

  body.o2-login-app-body:not(:has(.o2-login-card)) #unified-login-form{
    transform:translateY(10px)!important;
  }
}

/* Language selector remains untouched. */
body.o2-login-app-body .o2-login-language{
  transform:none!important;
}