/*
 JobLik 0.33.340
 Scope:
   - ONLY /smart-card on mobile.
   - Match accepted root-page logo + hamburger geometry.
   - Keep footer logo fully inside viewport.
 No root page, gallery, automotive, construction, desktop or card-body changes.
*/
@media (max-width:760px){

  /* ---------- Smart Card dedicated mobile header ---------- */
  html body.public-body[data-joblik-path="/smart-card"] > .v064-header{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Same accepted JobLik logo used on the root mobile page. */
  html body.public-body[data-joblik-path="/smart-card"] > .v064-header > .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;
    padding:0!important;
    margin: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="/smart-card"] > .v064-header > .v064-logo .joblik-theme-logo{
    display:flex!important;
    width:95px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
    padding:0!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > .v064-header > .v064-logo .joblik-theme-logo img{
    content:url("/assets/img/platform-v334/joblik-header-mobile.webp?v=20260825.334")!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;
    object-fit:contain!important;
    object-position:right center!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > .v064-header > .v064-logo .joblik-brand-meta{
    display:none!important;
  }

  /*
   * Reuse the existing account trigger as the functional hamburger button.
   * Clicking it still opens the existing account/menu panel.
   */
  html body.public-body[data-joblik-path="/smart-card"] > .v064-header > .v064-header-actions{
    position:static!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
  }

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

  html body.public-body[data-joblik-path="/smart-card"] .account-center > .account-center-trigger{
    position:relative!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] .account-center > .account-center-trigger > *{
    display:none!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] .account-center > .account-center-trigger::before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:2px!important;
    border-radius:2px!important;
    background:currentColor!important;
    box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor!important;
  }

  /* Theme button is not part of the accepted root mobile header. */
  html body.public-body[data-joblik-path="/smart-card"] > .v064-header > .v064-header-actions > .v064-theme-button{
    display:none!important;
  }

  /* Preserve the menu itself when hamburger is opened. */
  html body.public-body[data-joblik-path="/smart-card"] .account-center-menu{
    right:0!important;
    left:auto!important;
  }

  /* ---------- Smart Card footer: keep logo fully visible ---------- */
  html body.public-body[data-joblik-path="/smart-card"] > .v064-footer .joblik-footer-brand,
  html body.public-body[data-joblik-path="/smart-card"] > .v064-footer .joblik-footer-brand > a{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > .v064-footer .joblik-footer-logo-picture{
    display:block!important;
    width:min(190px,42vw)!important;
    max-width:calc(100vw - 32px)!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

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