/* JobLik 0.33.275
   Scope: public mobile visual polish only.
   No wizard/gallery/map/business logic changes. */

@media (max-width:760px){

  /* ===== Construction: "What do you want to do?" ===== */
  .jcon-page:not(.is-gallery) .jcon-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  .jcon-page:not(.is-gallery) .jcon-actions h2{
    grid-column:1/-1!important;
    width:100%!important;
    margin:0 0 6px!important;
    padding:0!important;
    color:#0a2242!important;
    -webkit-text-fill-color:#0a2242!important;
    font-size:18px!important;
    line-height:1.55!important;
    text-align:right!important;
  }
  .jcon-page:not(.is-gallery) .jcon-actions a{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:13px 15px!important;
    box-sizing:border-box!important;
    text-align:right!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .jcon-page:not(.is-gallery) .jcon-actions a b,
  .jcon-page:not(.is-gallery) .jcon-actions a small{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .jcon-page:not(.is-gallery) .jcon-actions a b{
    font-size:14px!important;
    line-height:1.75!important;
    font-weight:900!important;
  }
  .jcon-page:not(.is-gallery) .jcon-actions a small{
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.8!important;
  }

  /* ===== Construction: latest approved listing heading ===== */
  .jcon-home-gallery{
    padding:14px!important;
  }
  .jcon-home-gallery>header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 118px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:106px!important;
    margin-bottom:14px!important;
    padding:14px 15px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#081b2f!important;
  }
  .jcon-home-gallery>header>div{
    min-width:0!important;
    display:block!important;
  }
  .jcon-home-gallery>header small{
    display:block!important;
    position:static!important;
    margin:0 0 4px!important;
    padding:0!important;
    color:#ff9a52!important;
    -webkit-text-fill-color:#ff9a52!important;
    font-size:10.5px!important;
    line-height:1.6!important;
    font-weight:900!important;
    white-space:normal!important;
  }
  .jcon-home-gallery>header h2{
    display:block!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:19px!important;
    line-height:1.5!important;
    font-weight:950!important;
    white-space:normal!important;
  }
  .jcon-home-gallery>header>a{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:118px!important;
    min-height:66px!important;
    margin:0!important;
    padding:8px!important;
    border-radius:11px!important;
    background:#ff6a00!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:10.5px!important;
    line-height:1.6!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* ===== Light footer: readable logo ===== */
  .v064-footer-brand>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:58px!important;
  }
  .v064-footer-brand .joblik-footer-logo-picture,
  .v064-footer-brand .joblik-footer-logo-picture img{
    display:block!important;
  }
  .v064-footer-brand .joblik-footer-logo-picture img{
    width:auto!important;
    max-width:180px!important;
    height:58px!important;
    object-fit:contain!important;
    object-position:right center!important;
    background:transparent!important;
    filter:none!important;
    opacity:1!important;
  }

  /* ===== Footer circles: clear, larger standard icons ===== */
  .v064-footer .v064-social{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .v064-footer .v064-social a{
    display:grid!important;
    place-items:center!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    border:1.5px solid #e39a53!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#d86300!important;
    -webkit-text-fill-color:#d86300!important;
    line-height:1!important;
  }
  .v064-footer .v064-social a svg{
    display:block!important;
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* ===== Platform entry cards: preserve transparent supplied art ===== */
  .jpx-card--featured .jpx-card__image,
  .jpx-card--construction .jpx-card__image{
    background:#f7f9fc!important;
  }
  .jpx-card--featured .jpx-card__image img,
  .jpx-card--construction .jpx-card__image img{
    object-fit:contain!important;
    object-position:center bottom!important;
    background:transparent!important;
    padding:3px 6px 0!important;
    box-sizing:border-box!important;
  }
}

/* Desktop also uses the approved transparent vehicle/construction art. */
@media (min-width:761px){
  .jpx-card--featured .jpx-card__image,
  .jpx-card--construction .jpx-card__image{
    background:#f7f9fc!important;
  }
  .jpx-card--featured .jpx-card__image img,
  .jpx-card--construction .jpx-card__image img{
    object-fit:contain!important;
    object-position:center bottom!important;
    background:transparent!important;
    padding:2px 10px 0!important;
    box-sizing:border-box!important;
  }
}