/*
 JobLik 0.33.326
 Mobile header spacing ONLY for:
 /            platform entry
 /automotive  automotive landing
 /construction construction landing
 /smart-card  smart-card landing

 IMPORTANT:
 /gallery is intentionally excluded to preserve locked 0.33.318 gallery.
*/
@media (max-width:760px){

  /* -------------------------------------------------------------
     Platform main entry page: custom JPX mobile header
     ------------------------------------------------------------- */
  body[data-joblik-path="/"] .jpx-header{
    height:58px!important;
    min-height:58px!important;
    padding-right:2px!important;
    padding-left:8px!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    column-gap:2px!important;
    align-items:center!important;
  }

  body[data-joblik-path="/"] .jpx-brand{
    grid-column:auto!important;
    justify-self:start!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-joblik-path="/"] .jpx-brand img{
    margin:0!important;
    padding:0!important;
  }

  body[data-joblik-path="/"] .jpx-menu-button{
    margin:0 0 0 2px!important;
    padding:0!important;
    justify-self:start!important;
  }

  body[data-joblik-path="/"] .jpx-nav{
    top:58px!important;
  }

  /* -------------------------------------------------------------
     Shared public V064 header on the 3 dedicated module landings.
     Scope is path-exact; gallery is not affected.
     ------------------------------------------------------------- */
  body.public-body[data-joblik-path="/automotive"] > .v064-header,
  body.public-body[data-joblik-path="/construction"] > .v064-header,
  body.public-body[data-joblik-path="/smart-card"] > .v064-header{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding-right:2px!important;
    padding-left:8px!important;
    column-gap:2px!important;
    align-items:center!important;
  }

  body.public-body[data-joblik-path="/automotive"] > .v064-header > .v064-logo,
  body.public-body[data-joblik-path="/construction"] > .v064-header > .v064-logo,
  body.public-body[data-joblik-path="/smart-card"] > .v064-header > .v064-logo{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin-right:0!important;
    padding-right:0!important;
    justify-self:start!important;
  }

  body.public-body[data-joblik-path="/automotive"] > .v064-header > .v064-header-actions,
  body.public-body[data-joblik-path="/construction"] > .v064-header > .v064-header-actions,
  body.public-body[data-joblik-path="/smart-card"] > .v064-header > .v064-header-actions{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    gap:2px!important;
    margin-right:2px!important;
    padding-right:0!important;
  }

  /* If any of these mobile headers exposes a dedicated hamburger/menu trigger,
     keep it immediately beside the logo without affecting unrelated buttons. */
  body[data-joblik-path="/automotive"] :is(.mobile-menu-toggle,.menu-toggle,.hamburger,.hamburger-button,[data-mobile-menu-toggle]),
  body[data-joblik-path="/construction"] :is(.mobile-menu-toggle,.menu-toggle,.hamburger,.hamburger-button,[data-mobile-menu-toggle]),
  body[data-joblik-path="/smart-card"] :is(.mobile-menu-toggle,.menu-toggle,.hamburger,.hamburger-button,[data-mobile-menu-toggle]){
    margin-right:2px!important;
    margin-left:0!important;
  }
}