/*
 JobLik 0.33.344
 Scope: /smart-card MOBILE ONLY.
 - Keep accepted 342/343 header logo unchanged.
 - Move hamburger slightly inward so it is fully inside the header.
 - Fix the FOOTER PARENT GRID CELL, not only the image.
*/
@media (max-width:760px){

  /* Hamburger: fully inside left edge of the header. */
  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header > .v064-header-actions{
    left:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] > header.v064-header .account-center-menu{
    left:10px!important;
    right:auto!important;
  }

  /*
   * Footer root grid:
   * the brand block was occupying a side grid cell, which allowed the real
   * logo to be clipped by the viewport even when the img itself was resized.
   * Make the brand block span the complete footer grid and center its contents.
   */
  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer > .v064-footer-brand.joblik-footer-brand{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    justify-self:stretch!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:center!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer > .v064-footer-brand.joblik-footer-brand > a{
    display:block!important;
    position:static!important;
    width:150px!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding:0!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.public-body[data-joblik-path="/smart-card"] footer.v064-footer > .v064-footer-brand.joblik-footer-brand > a > picture.joblik-footer-logo-picture{
    display:block!important;
    position:static!important;
    width:150px!important;
    max-width:100%!important;
    margin:0 auto!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 > .v064-footer-brand.joblik-footer-brand > a > picture.joblik-footer-logo-picture > img{
    display:block!important;
    position:static!important;
    width:150px!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;
  }
}