/* CHANGE LOG
   File: /var/www/html/prohrhq.com/static/css/post-a-job.css
   Purpose: Styles for the carrier job intake form (templates/post-a-job.html).
   Version History:
   2026-05-28 v1.0 - Initial. */
.pj-form { display:flex; flex-direction:column; gap:1rem; max-width:640px; margin:1.5rem 0; }
.pj-row { display:flex; gap:1rem; flex-wrap:wrap; }
.pj-field { display:flex; flex-direction:column; gap:.35rem; flex:1 1 220px; }
.pj-field label { font-size:.9rem; font-weight:600; color:#2c3e50; }
.pj-field input, .pj-field select, .pj-field textarea {
  padding:.7rem .9rem; font-size:1rem; font-family:inherit; border:1px solid #b6cfe0; border-radius:6px; background:#fff; }
.pj-field input:focus, .pj-field select:focus, .pj-field textarea:focus {
  outline:none; border-color:#3498db; box-shadow:0 0 0 3px rgba(52,152,219,.15); }
.pj-field textarea { min-height:140px; resize:vertical; }
.pj-req { color:#c0392b; }
.pj-submit { display:inline-block; background:#27ae60; color:#fff; border:none; cursor:pointer;
  padding:.9rem 2.2rem; border-radius:6px; font-size:1.1rem; font-weight:600; align-self:flex-start; }
.pj-submit:hover { background:#219a52; }
.pj-error { background:#f8d7da; border-left:4px solid #c0392b; border-radius:0 6px 6px 0; padding:1rem 1.25rem; color:#721c24; }
.pj-ok { background:#d4edda; border-left:4px solid #27ae60; border-radius:0 6px 6px 0; padding:1.25rem 1.5rem; color:#155724; }