/*
 JobLik shared public footer contract.
 All public verticals use the same markup, geometry and logo source.
 Desktop and mobile are intentionally separate in this one stable file.
*/

html body.public-body footer.v064-footer.joblik-public-footer{
  box-sizing:border-box!important;
}

html body.public-body footer.v064-footer.joblik-public-footer > *{
  box-sizing:border-box!important;
  min-width:0!important;
}

html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
}

html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  object-fit:contain!important;
  transform:none!important;
}

/* 0.33.415: remove every legacy separator/frame around the shared footer logo. */
html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo,
html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo:link,
html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo:visited{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  outline:0!important;
  background:none!important;
  text-decoration:none!important;
}

html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo::before,
html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo::after,
html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand::before,
html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

@media (min-width:761px){
  html body.public-body footer.v064-footer.joblik-public-footer{
    width:calc(100% - 52px)!important;
    max-width:none!important;
    margin:0 26px 24px!important;
    padding:30px 42px 22px!important;
    display:grid!important;
    grid-template-columns:minmax(300px,1.45fr) repeat(3,minmax(150px,1fr)) minmax(150px,.8fr)!important;
    grid-template-areas:"brand guide services about social" "brand version version version social"!important;
    align-items:start!important;
    gap:20px 34px!important;
    direction:rtl!important;
    background:#061625!important;
    border:0!important;
    border-radius:0 0 18px 18px!important;
    overflow:hidden!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-footer-brand{
    grid-area:brand!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    text-align:right!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-footer-brand + div{grid-area:guide!important}
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-footer-brand + div + div{grid-area:services!important}
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-footer-brand + div + div + div{grid-area:about!important}
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social{grid-area:social!important}
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-version{grid-area:version!important}

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
    width:clamp(270px,22vw,410px)!important;
  height:107px!important;
    align-self:flex-start!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand p,
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:right!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .v064-social{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    gap:12px!important;
    direction:ltr!important;
  }

  /* Legacy selectors remain supported outside the canonical component. */
  html body.public-body footer.v064-footer .joblik-footer-logo--bounded{
    background-color:transparent!important;
    background-image:url("/assets/img/joblik-header-logo-dark-v03078.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
  }

  html body.public-body footer.v064-footer picture.joblik-footer-logo-picture > img,
  html body.public-body footer.v064-footer img.joblik-smartcard-footer-logo,
  html body.public-body footer.jpx-footer img.jpx-footer__logo{
    content:url("/assets/img/joblik-header-logo-dark-v03078.png")!important;
    background:transparent!important;
    object-fit:contain!important;
  }

  html body.public-body footer.jpx-footer img.jpx-footer__logo{
    width:205px!important;
    height:88px!important;
    max-width:100%!important;
  }

  html body.public-body footer.v064-footer :is(
    .joblik-smart-card-footer-logo-v347,
    .joblik-construction-footer-logo-v355,
    .joblik-automotive-footer-logo-v361
  ){
    background-color:transparent!important;
    background-image:url("/assets/img/joblik-header-logo-dark-v03078.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
  }

  /*
   Canonical desktop footer architecture for every public page except
   listing galleries. Gallery pages deliberately retain their own shell.
  */
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery){
    min-height:248px!important;
    padding:28px 44px 22px!important;
    grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(150px,1fr)) minmax(300px,1.35fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "social about services guide identity"
      "logo version services guide identity"!important;
    column-gap:38px!important;
    row-gap:4px!important;
    direction:ltr!important;
    align-items:start!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .joblik-footer-brand{
    display:contents!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity{
    grid-area:identity!important;
    align-self:end!important;
    direction:rtl!important;
    text-align:right!important;
    padding-bottom:10px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity p,
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:right!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity small{
    margin-top:12px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-guide{
    grid-area:guide!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-services{
    grid-area:services!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-about{
    grid-area:about!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ){
    direction:rtl!important;
    text-align:center!important;
    align-items:center!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-public-footer-logo{
    grid-area:logo!important;
    align-self:start!important;
    justify-self:start!important;
    margin-top:-2px!important;
    width:clamp(300px,22vw,420px)!important;
    height:120px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-public-footer-logo,
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-brand,
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-public-footer-logo img{
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background-color:transparent!important;
    background-image:none!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social{
    grid-area:social!important;
    align-self:start!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    gap:12px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #3d5267!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.04)!important;
    color:#dbe7f1!important;
    transition:border-color .2s,background-color .2s,color .2s,transform .2s!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a svg{
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a:hover,
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a:focus-visible{
    border-color:#ff7900!important;
    background:rgba(255,121,0,.14)!important;
    color:#ff9a3d!important;
    transform:translateY(-2px)!important;
    outline:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-version{
    grid-area:version!important;
    align-self:end!important;
    justify-self:center!important;
    direction:rtl!important;
  }

  /* 0.33.419: deterministic compact desktop footer geometry.
     All non-gallery public pages share the exact same footer height. */
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery){
    height:206px!important;
    min-height:206px!important;
    max-height:206px!important;
    padding:16px 34px 14px!important;
    grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(135px,.9fr)) minmax(260px,1.25fr)!important;
    grid-template-rows:42px minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:2px!important;
    align-items:start!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-public-footer-logo{
    width:clamp(180px,13.2vw,252px)!important;
    height:72px!important;
    margin-top:0!important;
    align-self:start!important;
    justify-self:start!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social{
    gap:9px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a{
    width:36px!important;
    height:36px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a svg{
    width:18px!important;
    height:18px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity{
    align-self:start!important;
    padding-bottom:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity small{
    margin-top:7px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-version{
    align-self:start!important;
    padding-top:48px!important;
  }
}

@media (max-width:760px){
  html body.public-body footer.v064-footer.joblik-public-footer{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:24px 18px 18px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px 22px!important;
    direction:rtl!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-footer-brand{
    grid-column:1/-1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    text-align:center!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
    width:min(230px,72vw)!important;
    height:94px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo img{
    content:url("/assets/img/joblik-header-logo-light-v03094.png")!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand p,
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand small{
    width:100%!important;
    margin:0!important;
    text-align:center!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social,
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-version{
    grid-column:1/-1!important;
    justify-self:center!important;
  }

  /* Legacy selectors remain supported outside the canonical component. */
  html body.public-body footer.v064-footer .joblik-footer-logo--bounded{
    background-color:transparent!important;
    background-image:url("/assets/img/joblik-header-logo-light-v03094.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
  }

  html body.public-body footer.jpx-footer img.jpx-footer__logo{
    content:url("/assets/img/joblik-header-logo-light-v03094.png")!important;
    background:transparent!important;
    object-fit:contain!important;
  }
}

/* ======================================================================
   JobLik 0.33.416 — Global Desktop Footer Visual Unification
   Reference: approved navy footer composition supplied after 0.33.415.
   One desktop footer contract for every public page that renders v064-footer.
   ====================================================================== */
@media (min-width:761px){
  html body.public-body footer.v064-footer.joblik-public-footer{
    width:calc(100% - 48px)!important;
    max-width:none!important;
    min-height:418px!important;
    margin:0 24px 28px!important;
    padding:34px 54px 28px!important;
    display:grid!important;
    grid-template-columns:minmax(350px,1.48fr) repeat(3,minmax(165px,.86fr)) minmax(390px,1.52fr)!important;
    grid-template-rows:112px minmax(220px,1fr)!important;
    grid-template-areas:
      "social about services guide identity"
      "logo version services guide identity"!important;
    column-gap:46px!important;
    row-gap:8px!important;
    align-items:start!important;
    direction:ltr!important;
    color:#71889c!important;
    background:#061827!important;
    border:0!important;
    border-top:0!important;
    border-radius:0 0 24px 24px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  /* The brand wrapper must not create its own grid box. Its children occupy
     the visual left and right zones independently, matching the reference. */
  html body.public-body footer.v064-footer.joblik-public-footer > .joblik-footer-brand{
    display:contents!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
    grid-area:logo!important;
    justify-self:start!important;
    align-self:start!important;
    width:clamp(350px,23vw,455px)!important;
    height:154px!important;
    margin:2px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
    text-decoration:none!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo::before,
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo::after,
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand::before,
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-brand::after{
    content:none!important;
    display:none!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-identity{
    grid-area:identity!important;
    align-self:center!important;
    justify-self:stretch!important;
    direction:rtl!important;
    text-align:right!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:20px!important;
    padding:72px 0 0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-identity p,
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-identity small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#71889c!important;
    font-size:12px!important;
    line-height:1.9!important;
    font-weight:400!important;
    text-align:right!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-guide{
    grid-area:guide!important;
  }
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-services{
    grid-area:services!important;
  }
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-about{
    grid-area:about!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ){
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    direction:rtl!important;
    text-align:center!important;
    padding-top:4px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ) > b{
    margin:0 0 2px!important;
    color:#ff7900!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:800!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ) > a{
    margin:0!important;
    padding:0!important;
    color:#71889c!important;
    font-size:11px!important;
    line-height:1.55!important;
    font-weight:400!important;
    text-decoration:none!important;
    transition:color .18s ease!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ) > a:hover,
  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ) > a:focus-visible{
    color:#ff9a3d!important;
    outline:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social{
    grid-area:social!important;
    align-self:start!important;
    justify-self:start!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    direction:ltr!important;
    margin:0!important;
    padding:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #3b5266!important;
    border-radius:50%!important;
    color:#d9e5ee!important;
    background:rgba(255,255,255,.018)!important;
    box-shadow:none!important;
    text-decoration:none!important;
    transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a svg{
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a:hover,
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a:focus-visible{
    border-color:#ff7900!important;
    color:#ff9a3d!important;
    background:rgba(255,121,0,.10)!important;
    transform:translateY(-2px)!important;
    outline:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-version{
    grid-area:version!important;
    position:static!important;
    align-self:center!important;
    justify-self:center!important;
    margin:64px 0 0!important;
    padding:0!important;
    transform:none!important;
    direction:rtl!important;
    color:#71889c!important;
    font-size:11px!important;
    line-height:1.5!important;
    text-align:center!important;
  }

  /* One visual footer only. Legacy per-vertical footer logo placeholders are
     neutralized on desktop so no duplicate logo can appear. */
  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-smart-card-footer-logo-v347,
    .joblik-construction-footer-logo-v355,
    .joblik-automotive-footer-logo-v361,
    picture.joblik-footer-logo-picture,
    img.joblik-smartcard-footer-logo
  ){
    display:none!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  html body.public-body footer.v064-footer.joblik-public-footer{
    min-height:360px!important;
    padding:30px 36px 24px!important;
    grid-template-columns:minmax(270px,1.25fr) repeat(3,minmax(130px,.8fr)) minmax(280px,1.2fr)!important;
    column-gap:26px!important;
  }
  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
    width:clamp(280px,25vw,360px)!important;
    height:130px!important;
  }
  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
  }
}

/* ======================================================================
   JobLik 0.33.418 — Desktop Footer Compact Pass
   Applies to the shared public desktop footer used by all three route-entry
   modules. Keeps the approved architecture; only reduces visual mass.
   ====================================================================== */
@media (min-width:1181px){
  html body.public-body footer.v064-footer.joblik-public-footer{
    min-height:300px!important;
    margin:0 24px 22px!important;
    padding:24px 48px 20px!important;
    grid-template-columns:minmax(285px,1.28fr) repeat(3,minmax(150px,.82fr)) minmax(350px,1.42fr)!important;
    grid-template-rows:82px minmax(150px,1fr)!important;
    column-gap:38px!important;
    row-gap:4px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
    width:clamp(255px,18vw,330px)!important;
    height:108px!important;
    margin:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-identity{
    gap:12px!important;
    padding:42px 0 0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer :is(
    .joblik-footer-guide,
    .joblik-footer-services,
    .joblik-footer-about
  ){
    gap:9px!important;
    padding-top:2px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social{
    gap:10px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a svg{
    width:21px!important;
    height:21px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-version{
    margin:34px 0 0!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  html body.public-body footer.v064-footer.joblik-public-footer{
    min-height:282px!important;
    margin-bottom:20px!important;
    padding:22px 30px 18px!important;
    grid-template-rows:76px minmax(142px,1fr)!important;
    column-gap:22px!important;
    row-gap:4px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-public-footer-logo{
    width:clamp(230px,22vw,300px)!important;
    height:98px!important;
    margin:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer .joblik-footer-identity{
    gap:10px!important;
    padding-top:34px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-social a{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer > .v064-version{
    margin:28px 0 0!important;
  }
}


/* ======================================================================
   JobLik 0.33.420 — Desktop Footer Logo Bottom Alignment
   FINAL authoritative desktop override. Kept at EOF intentionally so
   legacy 0.33.416/0.33.418 rules cannot move or enlarge the footer again.
   Applies only to canonical non-gallery public desktop footers.
   ====================================================================== */
@media (min-width:761px){
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery){
    height:206px!important;
    min-height:206px!important;
    max-height:206px!important;
    padding:16px 34px 14px!important;
    grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(135px,.9fr)) minmax(260px,1.25fr)!important;
    grid-template-rows:42px minmax(0,1fr)!important;
    grid-template-areas:
      "social about services guide identity"
      "logo version services guide identity"!important;
    column-gap:28px!important;
    row-gap:2px!important;
    align-items:start!important;
    overflow:hidden!important;
  }

  /* Move the compact logo down to the footer bottom zone.
     Its bottom edge now shares the lower visual line with copyright/version. */
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-public-footer-logo{
    grid-area:logo!important;
    width:clamp(180px,13.2vw,252px)!important;
    height:72px!important;
    margin:0!important;
    padding:0!important;
    align-self:end!important;
    justify-self:start!important;
    transform:none!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-public-footer-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }

  /* Keep social buttons in the top row; logo is deliberately separated
     vertically from them by occupying the bottom of row two. */
  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social{
    grid-area:social!important;
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    gap:9px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-social a svg{
    width:18px!important;
    height:18px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) > .v064-version{
    grid-area:version!important;
    align-self:end!important;
    justify-self:center!important;
    margin:0!important;
    padding:0 0 2px!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity{
    align-self:start!important;
    gap:0!important;
    padding:0!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer:not(.joblik-public-footer--gallery) .joblik-footer-identity small{
    margin-top:7px!important;
  }
}


/* ======================================================================
   JobLik 0.33.421 — Desktop Footer Absolute Logo Placement
   The 0.33.420 grid alignment was loaded but the live footer structure
   kept the logo at its old visual Y-position. This rule deliberately
   removes logo/social placement from grid alignment and anchors them
   directly to the footer box.
   ====================================================================== */
@media (min-width:761px){

  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery){
    position:relative!important;
    height:206px!important;
    min-height:206px!important;
    max-height:206px!important;
    overflow:hidden!important;
  }

  /* Logo: unequivocally lower, close to footer bottom. */
  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery)
  .joblik-footer-brand .joblik-public-footer-logo,
  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery)
  .joblik-public-footer-logo{
    position:absolute!important;
    left:34px!important;
    right:auto!important;
    top:auto!important;
    bottom:12px!important;
    width:clamp(180px,13.2vw,252px)!important;
    height:72px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:3!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery)
  .joblik-public-footer-logo img{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }

  /* Social buttons stay at the top-left, creating a clear vertical gap
     between them and the logo below. */
  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery)
  > .v064-social{
    position:absolute!important;
    left:34px!important;
    right:auto!important;
    top:16px!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:4!important;
  }

  /* The identity/copyright block is also anchored toward the lower edge so
     the copyright line and the lower logo zone share one visual baseline. */
  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery)
  .joblik-footer-identity{
    position:absolute!important;
    right:34px!important;
    left:auto!important;
    bottom:18px!important;
    top:auto!important;
    width:min(300px,22vw)!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:2!important;
  }

  html body.public-body footer.v064-footer.joblik-public-footer.joblik-public-footer:not(.joblik-public-footer--gallery)
  .joblik-footer-identity small{
    margin-top:8px!important;
  }
}


/* =====================================================================
 JobLik 0.33.444 — automotive wizard must never show public footer.
 The wizard's own .alw-actions remains visible.
 ===================================================================== */
@media (max-width:760px){
  html body.public-body:has(.alw-actions) footer.v064-footer.joblik-public-footer,
  html body.public-body:has(.alw-actions) footer.v064-footer{
    display:none!important;
  }

  html.automotive-wizard-shell body.public-body footer.v064-footer.joblik-public-footer,
  html.automotive-wizard-shell body.public-body footer.v064-footer{
    display:none!important;
  }

  html.automotive-vehicle-listings-shell-v444 body .v064-owner-header,
  html.automotive-vehicle-listings-shell-v444 body .my-joblik-owner-nav{
    display:none!important;
  }
}