/* JobLik 0.33.193 — Automotive / Construction first-fold unification.
   Desktop only. Keeps mobile experiences untouched.
   1) Soft-fades Automotive hero artwork edges without changing its geometry.
   2) Uses one geometry for the three hero CTAs in both industries.
   3) Uses one geometry for the Automotive voice-search and Construction property-search bars. */
:root{
  --j193-orange:#ff7900;
  --j193-text:#102a43;
  --j193-muted:#7b8c9d;
  --j193-border:#ffc58d;
  --j193-soft:#fff7ef;
}
@media (min-width:901px){
  /* Automotive artwork: fade the bitmap boundary into the surrounding canvas. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v0613-theme-car img{
    -webkit-mask-image:radial-gradient(ellipse 98% 94% at 50% 50%,#000 0 70%,rgba(0,0,0,.98) 78%,rgba(0,0,0,.72) 88%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 98% 94% at 50% 50%,#000 0 70%,rgba(0,0,0,.98) 78%,rgba(0,0,0,.72) 88%,transparent 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }

  /* Exactly the same three-button architecture above search on both modules. */
  .j193-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:16px 0 0!important;
    align-items:stretch!important;
  }
  .j193-hero-actions>a{
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 12px!important;
    border:1px solid var(--j193-orange)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#c76100!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  .j193-hero-actions>a.is-primary{
    background:var(--j193-orange)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(255,121,0,.15)!important;
  }

  /* Shared first-fold search-zone geometry. */
  body[data-joblik-path="/automotive"] .v257-search-stack,
  .j190-construction-first .j190-search-stack{
    padding-left:34px!important;
    padding-right:34px!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-search.j193-industry-search,
  .j190-construction-first .j190-searchbar.j193-industry-search{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr) 160px!important;
    align-items:center!important;
    gap:12px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid var(--j193-border)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(21,42,64,.05)!important;
    direction:rtl!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-copy,
  .j190-construction-first .j190-search-copy{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-copy>i,
  .j190-construction-first .j190-search-copy>i{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    background:var(--j193-soft)!important;
    color:var(--j193-orange)!important;
    display:grid!important;
    place-items:center!important;
    font-style:normal!important;
    font-size:20px!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-copy>span,
  .j190-construction-first .j190-search-copy>span{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-copy b,
  .j190-construction-first .j190-search-copy b{
    color:var(--j193-text)!important;
    font-size:14px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-copy small,
  .j190-construction-first .j190-search-copy small{
    color:var(--j193-muted)!important;
    font-size:10px!important;
    line-height:1.45!important;
    white-space:nowrap!important;
  }

  /* Same input-shell footprint; Automotive keeps the real mic button, Construction uses a passive search glyph. */
  body[data-joblik-path="/automotive"] .v257-voice-field,
  .j190-construction-first .j193-search-field{
    box-sizing:border-box!important;
    height:46px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:center!important;
    overflow:hidden!important;
    border:1px solid #d5e2ec!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:0!important;
    margin:0!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-field input,
  .j190-construction-first .j193-search-field input{
    box-sizing:border-box!important;
    width:100%!important;
    height:44px!important;
    min-width:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    padding:0 14px!important;
    font:inherit!important;
    font-size:13px!important;
    color:var(--j193-text)!important;
    box-shadow:none!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-field button,
  .j190-construction-first .j193-search-field>span{
    box-sizing:border-box!important;
    width:48px!important;
    height:44px!important;
    border:0!important;
    border-right:1px solid #ffe2c7!important;
    background:#fffaf6!important;
    color:var(--j193-orange)!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-submit,
  .j190-construction-first .j193-industry-search>button[type="submit"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:10px!important;
    background:var(--j193-orange)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }
  body[data-joblik-path="/automotive"] .v257-voice-status{
    position:absolute!important;
    inset:auto 0 -18px auto!important;
    width:auto!important;
    margin:0!important;
    font-size:9px!important;
    color:#8292a0!important;
  }

  .j193-anchor-target{display:block;position:relative;top:-80px;visibility:hidden;height:0}
}

@media (min-width:901px) and (max-height:760px){
  .j193-hero-actions{margin-top:10px!important;gap:8px!important}
  .j193-hero-actions>a{height:43px!important;min-height:43px!important;font-size:12px!important}
  body[data-joblik-path="/automotive"] .v257-voice-search.j193-industry-search,
  .j190-construction-first .j190-searchbar.j193-industry-search{min-height:66px!important;padding:7px 10px!important}
  body[data-joblik-path="/automotive"] .v257-voice-field,
  .j190-construction-first .j193-search-field,
  body[data-joblik-path="/automotive"] .v257-voice-submit,
  .j190-construction-first .j193-industry-search>button[type="submit"]{height:40px!important;min-height:40px!important}
  body[data-joblik-path="/automotive"] .v257-voice-field input,
  .j190-construction-first .j193-search-field input{height:38px!important}
  body[data-joblik-path="/automotive"] .v257-voice-field button,
  .j190-construction-first .j193-search-field>span{height:38px!important}
}

@media (min-width:901px){
  body[data-joblik-path="/automotive"] .v257-voice-search.j193-industry-search,
  .j190-construction-first .j190-searchbar.j193-industry-search{position:relative!important}

  /* Public real-estate-agency destination for the matching hero CTA. */
  .j193-agency-directory{scroll-margin-top:86px;margin:18px 30px 24px;padding:18px 20px 22px;border:1px solid #dbe7ef;border-radius:20px;background:#fff}
  .j193-agency-directory>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
  .j193-agency-directory>header small{display:block;color:var(--j193-orange);font-size:11px;font-weight:850}
  .j193-agency-directory>header h2{margin:4px 0 0;color:var(--j193-text);font-size:24px;font-weight:950}
  .j193-agency-directory>header>a,.j193-agency-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid var(--j193-orange);border-radius:10px;color:#c76100;background:#fff;text-decoration:none;font-size:12px;font-weight:900}
  .j193-agency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .j193-agency-grid>a{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid #dce6ee;border-radius:14px;color:var(--j193-text);background:#fbfdff;text-decoration:none}
  .j193-agency-grid figure{grid-row:1/3;width:48px;height:48px;margin:0;border-radius:12px;overflow:hidden;background:#fff4e8;display:grid;place-items:center}
  .j193-agency-grid figure img{width:100%;height:100%;object-fit:cover}.j193-agency-grid figure span{font-size:22px;color:var(--j193-orange)}
  .j193-agency-grid>a>span{min-width:0;display:flex;flex-direction:column;gap:3px}.j193-agency-grid b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j193-agency-grid small{font-size:10px;color:#8191a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .j193-agency-grid em{grid-column:2;font-style:normal;font-size:10px;color:#d66b00;font-weight:800;margin-top:4px}
  .j193-agency-empty{min-height:100px;border:1px dashed #d8e4ed;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:16px;color:#6e7f91}
}