/* Job board rows and details. Shared by job_board.html and the admin preview. */
/* JOB LIST */
.jobs-wrap{max-width:1200px;margin:24px auto 80px;padding:0 40px}
.job-row{
  display:grid;grid-template-columns:1.4fr 1fr 1fr auto auto;gap:20px;align-items:center;
  padding:22px 26px;background:#fff;border:1px solid #ececec;border-radius:6px;
  margin-bottom:12px;transition:all .15s;
}
.job-row:hover{border-color:var(--orange);box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-1px)}
.job-title{display:flex;flex-direction:column;gap:4px}
.job-title h3{font-family:"Arial Black",Arial,sans-serif;font-size:17px;color:var(--dark);letter-spacing:.5px}
.job-title .dept{font-size:12px;color:var(--orange);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.job-meta{font-size:13px;color:#444;display:flex;align-items:center;gap:8px}
.job-meta .ico{color:var(--red);flex-shrink:0}
.job-pill{
  display:inline-block;padding:5px 12px;border-radius:20px;font-size:11px;
  font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--sans);
}
.job-pill.ft{background:#e8f1de;color:var(--palm-dark)}
.job-pill.pt{background:#fff1e0;color:#a85b00}
.job-pill.urgent{background:#fde4e0;color:var(--red)}
.apply-btn{
  background:var(--red);color:#fff;padding:12px 28px;font-weight:700;font-size:12px;
  letter-spacing:2px;text-transform:uppercase;border-radius:3px;font-family:var(--sans);
  border:none;cursor:pointer;transition:background .2s;
}
.apply-btn:hover{background:var(--orange)}
.details-btn{
  background:transparent;color:var(--palm-dark);padding:12px 18px;font-weight:700;
  font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--sans);
  border:1.5px solid var(--palm-dark);border-radius:3px;cursor:pointer;transition:all .2s;
}
.details-btn:hover{background:var(--palm-dark);color:#fff}

.no-results{
  text-align:center;padding:60px 40px;color:var(--muted);
  background:var(--cream);border-radius:6px;margin-top:20px;
}
.no-results h3{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--palm-dark);margin-bottom:8px}


/* details panel (opened with the Details button) */
.job-row.open{border-color:var(--orange)}
.job-details{grid-column:1/-1;border-top:1px solid #eee;padding-top:18px;margin-top:4px;display:grid;gap:16px;grid-template-columns:1fr 1fr}
.job-details[hidden]{display:none}
.job-details .full{grid-column:1/-1}
.job-details h4{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--palm-dark);margin:0 0 6px}
.job-details p{font-size:14px;line-height:1.6;color:#333;margin:0}
.job-details ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6;color:#333}
.job-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#444}
.job-facts strong{color:var(--dark)}
.job-closes{font-size:12px;color:var(--muted)}
.job-row .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){
  .job-row{grid-template-columns:1fr;gap:14px}
  .job-details{grid-template-columns:1fr}
}