/* Urbiax Jobs v6 — realistic category photos + premium polish.
   Jobs only. No DB changes. */

body.ubx-jobs-page .ubx-action-card.ubx-job-intent-card{
  background:
    radial-gradient(420px 220px at 5% 0%, rgba(37,99,235,.10), rgba(37,99,235,0) 72%),
    radial-gradient(360px 210px at 100% 24%, rgba(16,185,129,.12), rgba(16,185,129,0) 74%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(248,250,252,.985)) !important;
}

body.ubx-jobs-page .ubx-starter-row{
  align-items:stretch !important;
}

/* Realistic photo shortcuts */
body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut{
  position:relative !important;
  min-height:132px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  isolation:isolate !important;
  background:#0f172a !important;
  box-shadow:0 15px 32px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.62) !important;
}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 42px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body.ubx-jobs-page .ubx-job-shortcut-photo{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:var(--ubx-job-photo) !important;
  background-size:cover !important;
  background-position:center center !important;
  transform:scale(1.015) !important;
  filter:saturate(1.05) contrast(1.03) !important;
}

body.ubx-jobs-page .ubx-job-photo-cleaning .ubx-job-shortcut-photo{background-position:center 38% !important;}
body.ubx-jobs-page .ubx-job-photo-electrician .ubx-job-shortcut-photo{background-position:center 48% !important;}
body.ubx-jobs-page .ubx-job-photo-plumber .ubx-job-shortcut-photo{background-position:center 52% !important;}
body.ubx-jobs-page .ubx-job-photo-handyman .ubx-job-shortcut-photo{background-position:center 44% !important;}
body.ubx-jobs-page .ubx-job-photo-gardening .ubx-job-shortcut-photo{background-position:center 47% !important;}
body.ubx-jobs-page .ubx-job-photo-van .ubx-job-shortcut-photo{background-position:center 48% !important;}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.04) 0%, rgba(15,23,42,.20) 42%, rgba(15,23,42,.78) 100%) !important;
  pointer-events:none !important;
}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut::after{
  content:'' !important;
  position:absolute !important;
  inset:auto 10px 10px 10px !important;
  z-index:1 !important;
  height:58px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.07)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter:blur(5px) !important;
  backdrop-filter:blur(5px) !important;
  pointer-events:none !important;
}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut .ubx-job-shortcut-copy{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  padding:0 14px 14px !important;
  margin-top:auto !important;
  color:#fff !important;
}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut strong{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  text-shadow:0 2px 12px rgba(0,0,0,.38) !important;
}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut small{
  color:rgba(255,255,255,.88) !important;
  font-size:11px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.34) !important;
}

body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut .ubx-mini-icon{
  position:absolute !important;
  z-index:4 !important;
  top:10px !important;
  left:10px !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.92) !important;
  color:#2563eb !important;
  border:1px solid rgba(255,255,255,.64) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.20) !important;
}

body.ubx-jobs-page .ubx-job-photo-cleaning .ubx-mini-icon{color:#0891b2 !important;}
body.ubx-jobs-page .ubx-job-photo-electrician .ubx-mini-icon{color:#d97706 !important;}
body.ubx-jobs-page .ubx-job-photo-plumber .ubx-mini-icon{color:#2563eb !important;}
body.ubx-jobs-page .ubx-job-photo-handyman .ubx-mini-icon{color:#6d28d9 !important;}
body.ubx-jobs-page .ubx-job-photo-gardening .ubx-mini-icon{color:#15803d !important;}
body.ubx-jobs-page .ubx-job-photo-van .ubx-mini-icon{color:#0f766e !important;}

/* Premium card/image polish */
body.ubx-jobs-page .ubx-job-card{
  border-color:rgba(15,23,42,.065) !important;
}
body.ubx-jobs-page .ubx-job-card .ubx-media-carousel{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15) !important;
}
body.ubx-jobs-page .ubx-job-card .ubx-media-slide img,
body.ubx-jobs-page .ubx-job-card .ubx-media-slide video{
  filter:saturate(1.06) contrast(1.03) !important;
}

/* Mobile keeps shortcuts photo-rich but compact */
@media (max-width:700px){
  body.ubx-jobs-page .ubx-job-intent-card{
    padding:9px !important;
  }

  body.ubx-jobs-page .ubx-starter-row{
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:9px !important;
    padding:0 2px 4px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut{
    flex:0 0 132px !important;
    width:132px !important;
    min-height:112px !important;
    border-radius:17px !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut::after{
    inset:auto 8px 8px 8px !important;
    height:48px !important;
    border-radius:15px !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut .ubx-job-shortcut-copy{
    padding:0 11px 11px !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut strong{
    font-size:13.2px !important;
    line-height:1.05 !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut small{
    font-size:10.2px !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut .ubx-mini-icon{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:11px !important;
    top:8px !important;
    left:8px !important;
  }

  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut .ubx-mini-icon svg{
    width:15px !important;
    height:15px !important;
  }

  body.ubx-jobs-page.ubx-view-cards .ubx-job-card .ubx-media-carousel,
  body.ubx-jobs-page.ubx-view-cards .ubx-job-card .ubx-media-slide,
  body.ubx-jobs-page.ubx-view-cards .ubx-job-card .ubx-media-slide img,
  body.ubx-jobs-page.ubx-view-cards .ubx-job-card .ubx-media-slide video{
    height:118px !important;
    min-height:118px !important;
  }
}

@media (max-width:390px){
  body.ubx-jobs-page .ubx-start-pill.ubx-job-photo-shortcut{
    flex-basis:124px !important;
    width:124px !important;
    min-height:106px !important;
  }
}