/*
 JobLik 0.33.343
 Scope: /smart-card MOBILE ONLY.
 1) Keep the accepted 342 header logo untouched.
 2) Move only the hamburger/account trigger to the LEFT edge.
 3) Force the real footer logo into a centered safe-width box so it can never
    cross either viewport edge.
*/
@media (max-width:760px){

  /* -------------------------------------------------------------
     HEADER: logo from 342 stays exactly as-is.
     Move only hamburger to left edge.
     ------------------------------------------------------------- */
  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header{
    position:relative!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions{
    position:absolute!important;
    top:50%!important;
    left:4px!important;
    right:auto!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    z-index:20!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions > .account-center{
    position:static!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header .account-center-menu{
    position:fixed!important;
    top:64px!important;
    left:8px!important;
    right:auto!important;
    width:min(320px,calc(100vw - 16px))!important;
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 80px)!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:9999!important;
  }

  /* -------------------------------------------------------------
     FOOTER: exact real structure from layout.php:
     .joblik-footer-brand > a > picture.joblik-footer-logo-picture > img
     ------------------------------------------------------------- */
  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer{
    overflow-x:hidden!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer > .v064-footer-brand.joblik-footer-brand{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer > .v064-footer-brand.joblik-footer-brand > a{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:140px!important;
    min-width:0!important;
    max-width:calc(100vw - 40px)!important;
    height:auto!important;
    margin:18px auto 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    transform:none!important;
    translate:none!important;
    float:none!important;
    overflow:hidden!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer picture.joblik-footer-logo-picture{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer picture.joblik-footer-logo-picture > img{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    box-sizing:border-box!important;
  }
}