/* ============================================================
   TRIPSORB — Careers: tactile depth + mobile polish (v0.142.0)
   Brings the careers pages onto the site's tactile "moulded clay"
   material: raised cards, carved inputs, glossy pressable coral.
   Uses the --tac-* variables from tactile.css with graceful
   fallbacks, and uses !important so it overrides each page's
   scoped inline styles regardless of load order (matches tactile.css).
   ============================================================ */

/* ---- raised clay surfaces (light backgrounds) ---- */
.cr-card, .cr-hire, .jd-facts, .jd-note,
.ap-card, .pf-card, .al-row, .ma-row,
.jc-head, .jc-prof {
  box-shadow: var(--tac-up-sm, 0 10px 24px -16px rgba(20, 33, 61, .26)) !important;
  border-color: transparent !important;
}
/* the big containers get a stronger lift */
.ap-card, .pf-card, .jc-thread, .cr-card {
  box-shadow: var(--tac-up, 0 16px 34px -18px rgba(20, 33, 61, .30)) !important;
  border-color: transparent !important;
}
/* raise on hover for the tappable rows/cards */
.cr-card:hover, .ma-row:hover, .al-row:hover {
  box-shadow: var(--tac-up-h, 0 20px 40px -18px rgba(20, 33, 61, .34)) !important;
  transform: translateY(-2px);
}
.cr-card, .ma-row, .al-row { transition: transform .16s ease, box-shadow .18s ease; }

/* ---- carved inset inputs on light cards ---- */
.ap-card textarea,
.pf-card input[type=text], .pf-card input[type=url], .pf-card input[type=date], .pf-card textarea,
.jc-cf input[type=text] {
  box-shadow: var(--tac-in, inset 3px 3px 7px rgba(184, 170, 146, .4), inset -3px -3px 7px #ffffff) !important;
  border: 1px solid rgba(184, 170, 146, .22) !important;
  background: #faf6ee !important;
}

/* ---- glossy pressable coral (send + search) ---- */
.jc-cf button, .cr-search button {
  box-shadow: var(--tac-gloss, inset 0 1px 0 rgba(255, 255, 255, .5)), 0 11px 24px -10px rgba(255, 91, 65, .65) !important;
  transition: transform .14s ease, box-shadow .18s ease !important;
}
.jc-cf button:hover, .cr-search button:hover { transform: translateY(-1px) !important; }
.jc-cf button:active, .cr-search button:active {
  transform: translateY(1px) scale(.99) !important;
  box-shadow: var(--tac-press, inset 0 2px 7px rgba(150, 40, 20, .5)) !important;
}

/* message bubbles: give the "mine" bubble a touch of gloss, "theirs" a soft raise */
.jc-me { box-shadow: var(--tac-gloss, inset 0 1px 0 rgba(255, 255, 255, .35)), 0 6px 14px -8px rgba(255, 91, 65, .55) !important; }
.jc-them { box-shadow: var(--tac-up-sm, 0 6px 14px -10px rgba(20, 33, 61, .2)) !important; }

/* ---- mobile polish (additive, safe) ---- */
@media (max-width: 720px) {
  .cr-grid { grid-template-columns: 1fr !important; }
  .cr-hero h1 { font-size: 30px !important; line-height: 1.15 !important; }
  .cr-hire { flex-direction: column !important; align-items: flex-start !important; }
  .cr-hire .btn { width: 100% !important; justify-content: center !important; }
  .al-row, .ma-row { flex-direction: column !important; align-items: stretch !important; }
  .al-row form, .ma-row a, .al-row .btn { width: 100% !important; justify-content: center !important; }
  .jd-title { font-size: 26px !important; line-height: 1.18 !important; }
  .jc-wrap, .ap-wrap, .pf-wrap, .al-wrap, .ma-wrap { padding-left: 14px !important; padding-right: 14px !important; }
  .jc-m { max-width: 88% !important; }
}
@media (max-width: 480px) {
  .cr-search input, .cr-search select, .cr-search button { flex: 1 1 100% !important; width: 100% !important; min-width: 0 !important; }
  .jc-cf input[type=text] { font-size: 16px !important; } /* prevents iOS zoom-on-focus */
  .ap-card textarea, .pf-card input, .pf-card textarea { font-size: 16px !important; }
}

/* ---- compact job card (saved list + similar jobs) ---- */
.cr-mini{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--ts-line);border-radius:14px;padding:15px 16px;box-shadow:var(--tac-up-sm, 0 8px 20px -14px rgba(20,33,61,.24));transition:transform .16s ease, box-shadow .2s ease}
.cr-mini:hover{transform:translateY(-2px);box-shadow:var(--tac-up, 0 16px 30px -16px rgba(20,33,61,.3))}
.cr-mini .t{font-weight:700;color:var(--ts-ink);font-size:15px;line-height:1.3}
.cr-mini .t a{color:inherit;text-decoration:none}
.cr-mini .m{color:var(--ts-slate);font-size:12.5px;margin-top:5px;display:flex;gap:12px;flex-wrap:wrap}
.cr-mini .m span{display:inline-flex;align-items:center;gap:4px}
.cr-mini .cr-b{display:inline-block;font-size:11px;font-weight:700;border-radius:7px;padding:2px 8px;background:var(--ts-sand);color:var(--ts-ink);margin-right:5px}
.cr-mini .cr-b.feat{background:#fff3ee;color:#c2410c}
.cr-mini .cr-b.closed{background:#e5e7eb;color:#374151}
.cr-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cr-mini-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cr-mini-rm{background:none;border:0;color:var(--ts-slate);cursor:pointer;font-size:16px;padding:2px;line-height:1}
.cr-mini-rm:hover{color:#b91c1c}
@media (max-width:480px){.cr-mini-grid{grid-template-columns:1fr}}