/* JobLik 0.33.281
   Scope: ONLY mobile entry-card CTA containment + smart-card banner replacement. */

@media(max-width:760px){
  /* Increase actual card capacity slightly so market CTAs remain fully inside. */
  .jpx-card--featured,
  .jpx-card--construction{
    height:auto!important;
    min-height:430px!important;
    max-height:none!important;
    overflow:hidden!important;
    padding-bottom:10px!important;
    box-sizing:border-box!important;
  }

  .jpx-card--featured .jpx-card__body,
  .jpx-card--construction .jpx-card__body{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:205px!important;
    height:auto!important;
    max-height:none!important;
    padding:18px 14px 20px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .jpx-card--featured .jpx-card__body > strong,
  .jpx-card--construction .jpx-card__body > strong{
    position:static!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:48px!important;
    margin:16px 0 0!important;
    padding:9px 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    transform:none!important;
  }

  /* Prevent the next card from visually overlapping the CTA. */
  .jpx-card--featured + .jpx-card,
  .jpx-card--construction + .jpx-card{
    margin-top:14px!important;
  }

  /* New smart-card artwork keeps the banner proportion compact. */
  .jpx-card--smartcard .jpx-card__image{
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
    overflow:hidden!important;
  }
  .jpx-card--smartcard .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

@media(min-width:761px){
  .jpx-card--smartcard .jpx-card__image{
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
  }
  .jpx-card--smartcard .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}