/* O2 Vet Login R91 FIX1
   Fix R91 double-translation:
   - move ONLY the OUTER white login card
   - keep the inner #unified-login-form at its original position
   - no size, vertical, background, logo, selector, branding, auth or workflow changes
*/

/* Reset the form itself because R91 translated it too. */
body.o2-login-app-body #unified-login-form {
    translate: 0 0 !important;
    transform: none !important;
}

/* Move only the outer visual card. */
body.o2-login-app-body .o2-login-card:not(#unified-login-form) {
    translate: 7.4vw 0 !important;
}

/* If the white card uses a wrapper around the form, move that wrapper only. */
body.o2-login-app-body .o2-login-card-wrapper,
body.o2-login-app-body .o2-login-panel {
    translate: 7.4vw 0 !important;
}

/* Prevent inherited/double movement on children. */
body.o2-login-app-body .o2-login-card:not(#unified-login-form) #unified-login-form,
body.o2-login-app-body .o2-login-card-wrapper #unified-login-form,
body.o2-login-app-body .o2-login-panel #unified-login-form {
    translate: 0 0 !important;
    transform: none !important;
}

@media (max-width: 1200px) {
    body.o2-login-app-body .o2-login-card:not(#unified-login-form),
    body.o2-login-app-body .o2-login-card-wrapper,
    body.o2-login-app-body .o2-login-panel {
        translate: 6.5vw 0 !important;
    }
}

@media (max-width: 800px) {
    body.o2-login-app-body .o2-login-card:not(#unified-login-form),
    body.o2-login-app-body .o2-login-card-wrapper,
    body.o2-login-app-body .o2-login-panel {
        translate: 0 0 !important;
    }
}