/* Lexynex Legal v0.10j – desktop no-scroll + mobile login refinement */
html{min-height:100%;}
body.lexynex-login-page,
body.auth-body:has(.legal-login-page){
  min-height:100svh!important;
  overflow-x:hidden!important;
}
body.lexynex-login-page *,body.lexynex-login-page *::before,body.lexynex-login-page *::after,
body.auth-body:has(.legal-login-page) *,body.auth-body:has(.legal-login-page) *::before,body.auth-body:has(.legal-login-page) *::after{box-sizing:border-box;}

body.lexynex-login-page .legal-login-page,
body.auth-body:has(.legal-login-page) .legal-login-page{
  min-height:100svh!important;
  height:100svh!important;
  overflow:hidden!important;
}
body.lexynex-login-page .legal-login-shell,
body.auth-body:has(.legal-login-page) .legal-login-shell{
  min-height:100svh!important;
  height:100svh!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
body.lexynex-login-page .legal-login-visual,
body.lexynex-login-page .legal-login-panel,
body.auth-body:has(.legal-login-page) .legal-login-visual,
body.auth-body:has(.legal-login-page) .legal-login-panel{min-width:0!important;}
body.lexynex-login-page .legal-login-illustration img,
body.auth-body:has(.legal-login-page) .legal-login-illustration img{max-width:100%!important;height:auto!important;}
body.lexynex-login-page .legal-login-copy h2,
body.auth-body:has(.legal-login-page) .legal-login-copy h2{font-size:clamp(28px,3.8vw,42px)!important;line-height:1.05!important;}
body.lexynex-login-page .legal-login-card,
body.auth-body:has(.legal-login-page) .legal-login-card{max-width:min(500px,calc(100vw - 32px))!important;}

/* Desktop/laptop: férjen ki egy képernyőre, ne legyen retkes függőleges scrollbar. */
@media (min-width:900px){
  body.lexynex-login-page,
  body.auth-body:has(.legal-login-page){overflow-y:hidden!important;}
  body.lexynex-login-page .legal-login-shell,
  body.auth-body:has(.legal-login-page) .legal-login-shell{grid-template-columns:minmax(420px,1fr) minmax(420px,1fr)!important;}
  body.lexynex-login-page .legal-login-visual,
  body.auth-body:has(.legal-login-page) .legal-login-visual{
    padding:clamp(22px,3.2vh,38px) clamp(30px,4vw,56px)!important;
    gap:clamp(12px,1.8vh,22px)!important;
    justify-content:space-between!important;
    overflow:hidden!important;
  }
  body.lexynex-login-page .legal-login-logo-block,
  body.auth-body:has(.legal-login-page) .legal-login-logo-block{flex:0 0 auto!important;}
  body.lexynex-login-page .legal-login-mark,
  body.auth-body:has(.legal-login-page) .legal-login-mark{width:clamp(46px,5.6vh,58px)!important;height:clamp(46px,5.6vh,58px)!important;border-radius:17px!important;font-size:clamp(27px,3.4vh,34px)!important;}
  body.lexynex-login-page .legal-login-brand,
  body.auth-body:has(.legal-login-page) .legal-login-brand{font-size:clamp(23px,3vh,30px)!important;line-height:1.05!important;}
  body.lexynex-login-page .legal-login-office,
  body.auth-body:has(.legal-login-page) .legal-login-office{font-size:clamp(14px,1.9vh,17px)!important;}
  body.lexynex-login-page .legal-login-illustration,
  body.auth-body:has(.legal-login-page) .legal-login-illustration{max-width:min(430px,32vw)!important;max-height:25svh!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;}
  body.lexynex-login-page .legal-login-illustration img,
  body.auth-body:has(.legal-login-page) .legal-login-illustration img{max-height:25svh!important;object-fit:contain!important;}
  body.lexynex-login-page .legal-login-copy,
  body.auth-body:has(.legal-login-page) .legal-login-copy{flex:0 0 auto!important;}
  body.lexynex-login-page .legal-login-copy h2,
  body.auth-body:has(.legal-login-page) .legal-login-copy h2{margin:8px 0 8px!important;font-size:clamp(27px,4.2vh,38px)!important;line-height:1.04!important;max-width:720px!important;}
  body.lexynex-login-page .legal-login-copy p,
  body.auth-body:has(.legal-login-page) .legal-login-copy p{font-size:clamp(13px,1.75vh,16px)!important;line-height:1.45!important;margin:0!important;}
  body.lexynex-login-page .legal-login-eyebrow,
  body.auth-body:has(.legal-login-page) .legal-login-eyebrow{padding:7px 12px!important;font-size:12px!important;}
  body.lexynex-login-page .legal-login-trust-row,
  body.auth-body:has(.legal-login-page) .legal-login-trust-row{gap:10px!important;flex-wrap:wrap!important;flex:0 0 auto!important;}
  body.lexynex-login-page .legal-login-trust-row span,
  body.auth-body:has(.legal-login-page) .legal-login-trust-row span{padding:7px 11px!important;font-size:13px!important;}
  body.lexynex-login-page .legal-login-panel,
  body.auth-body:has(.legal-login-page) .legal-login-panel{padding:clamp(18px,3vh,34px)!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
  body.lexynex-login-page .legal-login-language,
  body.auth-body:has(.legal-login-page) .legal-login-language{top:clamp(12px,2.2vh,24px)!important;right:clamp(18px,3vw,34px)!important;}
  body.lexynex-login-page .legal-login-card,
  body.auth-body:has(.legal-login-page) .legal-login-card{padding:clamp(20px,3.4vh,32px)!important;border-radius:26px!important;max-height:calc(100svh - 86px)!important;overflow:hidden!important;}
  body.lexynex-login-page .legal-login-card-head,
  body.auth-body:has(.legal-login-page) .legal-login-card-head{margin-bottom:clamp(12px,2vh,18px)!important;}
  body.lexynex-login-page .legal-login-card h1,
  body.auth-body:has(.legal-login-page) .legal-login-card h1{font-size:clamp(29px,4.2vh,38px)!important;line-height:1.05!important;margin:8px 0 6px!important;}
  body.lexynex-login-page .legal-login-card-head p,
  body.auth-body:has(.legal-login-page) .legal-login-card-head p{margin:0!important;}
  body.lexynex-login-page .legal-login-form,
  body.auth-body:has(.legal-login-page) .legal-login-form{gap:clamp(9px,1.45vh,13px)!important;}
  body.lexynex-login-page .legal-login-field input,
  body.lexynex-login-page .legal-login-submit,
  body.auth-body:has(.legal-login-page) .legal-login-field input,
  body.auth-body:has(.legal-login-page) .legal-login-submit{min-height:clamp(44px,5.8vh,54px)!important;}
  body.lexynex-login-page .legal-login-note,
  body.auth-body:has(.legal-login-page) .legal-login-note{margin-top:clamp(10px,1.7vh,14px)!important;padding:11px 14px!important;line-height:1.45!important;}
}

@media (min-width:900px) and (max-height:760px){
  body.lexynex-login-page .legal-login-visual,
  body.auth-body:has(.legal-login-page) .legal-login-visual{padding-top:16px!important;padding-bottom:16px!important;gap:10px!important;}
  body.lexynex-login-page .legal-login-illustration,
  body.auth-body:has(.legal-login-page) .legal-login-illustration{max-height:20svh!important;}
  body.lexynex-login-page .legal-login-illustration img,
  body.auth-body:has(.legal-login-page) .legal-login-illustration img{max-height:20svh!important;}
  body.lexynex-login-page .legal-login-copy h2,
  body.auth-body:has(.legal-login-page) .legal-login-copy h2{font-size:clamp(24px,4vh,34px)!important;}
  body.lexynex-login-page .legal-login-copy p,
  body.auth-body:has(.legal-login-page) .legal-login-copy p{font-size:13px!important;line-height:1.38!important;}
  body.lexynex-login-page .legal-login-card,
  body.auth-body:has(.legal-login-page) .legal-login-card{padding:20px!important;max-height:calc(100svh - 58px)!important;}
}

@media (max-width:1100px) and (min-width:900px){
  body.lexynex-login-page .legal-login-shell,
  body.auth-body:has(.legal-login-page) .legal-login-shell{grid-template-columns:minmax(340px,.9fr) minmax(380px,1.1fr)!important;}
  body.lexynex-login-page .legal-login-visual,
  body.auth-body:has(.legal-login-page) .legal-login-visual{padding-left:28px!important;padding-right:28px!important;}
}

/* Tablet/mobil: egyoszlopos, normál görgetés, nincs vízszintes scrollbar. */
@media (max-width:899px){
  body.lexynex-login-page,
  body.auth-body:has(.legal-login-page){overflow-y:auto!important;}
  body.lexynex-login-page .legal-login-page,
  body.auth-body:has(.legal-login-page) .legal-login-page{height:auto!important;min-height:100svh!important;overflow-x:hidden!important;overflow-y:auto!important;}
  body.lexynex-login-page .legal-login-shell,
  body.auth-body:has(.legal-login-page) .legal-login-shell{display:flex!important;flex-direction:column!important;height:auto!important;min-height:100svh!important;overflow:visible!important;}
  body.lexynex-login-page .legal-login-panel,
  body.auth-body:has(.legal-login-page) .legal-login-panel{order:1!important;display:block!important;padding:16px 14px 18px!important;overflow:visible!important;}
  body.lexynex-login-page .legal-login-visual,
  body.auth-body:has(.legal-login-page) .legal-login-visual{order:2!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:18px 14px 22px!important;gap:14px!important;overflow:visible!important;}
  body.lexynex-login-page .legal-login-language,
  body.auth-body:has(.legal-login-page) .legal-login-language{position:static!important;display:flex!important;justify-content:flex-end!important;margin-bottom:12px!important;}
  body.lexynex-login-page .legal-login-card,
  body.auth-body:has(.legal-login-page) .legal-login-card{width:100%!important;max-width:560px!important;margin:0 auto!important;padding:22px!important;border-radius:24px!important;max-height:none!important;overflow:visible!important;}
  body.lexynex-login-page .legal-login-card h1,
  body.auth-body:has(.legal-login-page) .legal-login-card h1{font-size:clamp(30px,8vw,38px)!important;}
  body.lexynex-login-page .legal-login-logo-block,
  body.auth-body:has(.legal-login-page) .legal-login-logo-block{display:flex!important;align-items:center!important;}
  body.lexynex-login-page .legal-login-illustration,
  body.auth-body:has(.legal-login-page) .legal-login-illustration{max-width:240px!important;margin:0 auto!important;}
  body.lexynex-login-page .legal-login-copy h2,
  body.auth-body:has(.legal-login-page) .legal-login-copy h2{font-size:clamp(26px,7vw,34px)!important;margin:8px 0!important;}
  body.lexynex-login-page .legal-login-copy p,
  body.auth-body:has(.legal-login-page) .legal-login-copy p{font-size:14px!important;line-height:1.45!important;}
  body.lexynex-login-page .legal-login-trust-row,
  body.auth-body:has(.legal-login-page) .legal-login-trust-row{gap:8px!important;flex-wrap:wrap!important;}
  body.lexynex-login-page .legal-login-trust-row span,
  body.auth-body:has(.legal-login-page) .legal-login-trust-row span{font-size:12px!important;padding:7px 10px!important;}
}

@media (max-width:560px){
  body.lexynex-login-page .legal-login-panel,
  body.auth-body:has(.legal-login-page) .legal-login-panel{padding:12px 10px 14px!important;}
  body.lexynex-login-page .legal-login-card,
  body.auth-body:has(.legal-login-page) .legal-login-card{padding:18px!important;border-radius:22px!important;}
  body.lexynex-login-page .legal-login-field input,
  body.lexynex-login-page .legal-login-submit,
  body.auth-body:has(.legal-login-page) .legal-login-field input,
  body.auth-body:has(.legal-login-page) .legal-login-submit{min-height:48px!important;}
  body.lexynex-login-page .legal-login-visual,
  body.auth-body:has(.legal-login-page) .legal-login-visual{padding:16px 12px 20px!important;}
  body.lexynex-login-page .legal-login-mark,
  body.auth-body:has(.legal-login-page) .legal-login-mark{width:44px!important;height:44px!important;border-radius:15px!important;font-size:26px!important;}
  body.lexynex-login-page .legal-login-brand,
  body.auth-body:has(.legal-login-page) .legal-login-brand{font-size:21px!important;}
  body.lexynex-login-page .legal-login-office,
  body.auth-body:has(.legal-login-page) .legal-login-office{font-size:13px!important;}
  body.lexynex-login-page .legal-login-illustration,
  body.auth-body:has(.legal-login-page) .legal-login-illustration{display:none!important;}
}

/* Lexynex Legal v0.10k – desktop login badge row lift */
@media (min-width:900px){
  body.lexynex-login-page .legal-login-trust-row,
  body.auth-body:has(.legal-login-page) .legal-login-trust-row{
    margin-bottom:clamp(18px,3.2vh,34px)!important;
    transform:translateY(-10px)!important;
  }
}

@media (min-width:900px) and (max-height:760px){
  body.lexynex-login-page .legal-login-trust-row,
  body.auth-body:has(.legal-login-page) .legal-login-trust-row{
    margin-bottom:26px!important;
    transform:translateY(-14px)!important;
  }
}
