/*
 JobLik 0.33.401
 Mobile-only and route-scoped:
 - /register-center: footer logo safe bounds.
 - /showrooms: right-edge header logo, no theme switch, footer logo safe bounds.
*/
@media (max-width:760px){
  /* ---------- /showrooms header ---------- */
  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header > a.v064-logo{
    position:absolute!important;
    top:50%!important;
    right:1px!important;
    left:auto!important;
    width:95px!important;
    min-width:95px!important;
    max-width:95px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
  }

  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header > a.v064-logo .joblik-theme-logo{
    display:flex!important;
    position:static!important;
    width:95px!important;
    min-width:95px!important;
    max-width:95px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
  }

  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header > a.v064-logo .joblik-theme-logo img{
    content:url("/assets/img/platform-v334/joblik-header-mobile.webp?v=20260825.334")!important;
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:95px!important;
    height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:right center!important;
  }

  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header > a.v064-logo .joblik-brand-meta,
  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header .v064-theme-button,
  html body.public-body[data-joblik-path="/showrooms"] > header.v064-header [data-theme-toggle]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* ---------- Safe footer geometry for both affected routes ---------- */
  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer{
    width:100%!important;
    max-width:100vw!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer > .v064-footer-brand.joblik-footer-brand{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-inline:12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer > .v064-footer-brand.joblik-footer-brand > a,
  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer .joblik-smartcard-footer-logo-link{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(230px,calc(100vw - 48px))!important;
    min-width:0!important;
    max-width:calc(100vw - 48px)!important;
    height:auto!important;
    min-height:0!important;
    margin:16px auto 0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    float:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > 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;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer picture.joblik-footer-logo-picture > img,
  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer img.joblik-smartcard-footer-logo{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:86px!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;
  }

  /* Some Smart Card modes inject a second decorative footer logo. It must not
     duplicate or escape the safe footer box on these general pages. */
  html body.public-body:is([data-joblik-path="/register-center"],[data-joblik-path="/showrooms"]) > footer.v064-footer .joblik-smart-card-footer-logo-v347{
    display:none!important;
  }
}
