/*
 JobLik 0.33.345
 Scope: /smart-card MOBILE ONLY.
 Definitive fixes based on live DOM geometry:
 - .v064-header-actions was inside the header, but .account-center itself was shifted upward.
 - Smart-card footer no longer uses <picture>/<source>; its dedicated img is constrained inside the viewport.
*/
@media (max-width:760px){
  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header{
    position:relative!important;
    overflow:visible!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions{
    position:absolute!important;
    left:10px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    translate:none!important;
    height:44px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* This was the real source of top:-15px on the hamburger. */
  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header .account-center{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    align-self:center!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header .account-center-trigger{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header .account-center-menu{
    position:absolute!important;
    left:10px!important;
    right:auto!important;
    top:calc(100% + 8px)!important;
    transform:none!important;
    translate:none!important;
  }

  /* Dedicated smart-card footer logo: no <picture>/<source> selection can override it. */
  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer > .v064-footer-brand.joblik-footer-brand{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer .joblik-smartcard-footer-logo-link{
    display:flex!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer img.joblik-smartcard-footer-logo{
    display:block!important;
    position:static!important;
    width:150px!important;
    max-width:calc(100vw - 40px)!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    box-sizing:border-box!important;
  }
}