/* CHANGE LOG
   File: /var/www/html/prohrhq.com/static/css/jobs-detail.css
   Purpose: Styles for the DB-driven job detail page (templates/job-detail-db.html).
            Extracted from inline <style> per NSG standard (CSS belongs in static/css).
   Version History:
   2026-05-28 v1.0 - Initial. */
.job-header { background: linear-gradient(135deg,#2c3e50 0%,#3498db 100%); color:#fff; padding:2rem; border-radius:8px; margin-bottom:1.5rem; }
.job-header h1 { color:#fff; margin:0 0 .5rem 0; }
.job-meta { display:flex; flex-wrap:wrap; gap:1.25rem; margin-top:1rem; font-size:1.05rem; }
.job-section { background:#fff; padding:1.5rem 2rem; border-radius:8px; margin-bottom:1.25rem; box-shadow:0 2px 4px rgba(0,0,0,.05); }
.job-section h2 { color:#2c3e50; margin-top:0; padding-bottom:.6rem; border-bottom:2px solid #3498db; }
.carrier-box { background:#e8f4fc; border-left:4px solid #3498db; padding:1rem 1.25rem; border-radius:0 6px 6px 0; margin:1rem 0; }
.apply-section { background:#e8f4fc; border:2px solid #3498db; border-radius:8px; padding:1.25rem 2rem; text-align:center; margin-bottom:1.5rem; }
.apply-btn { display:inline-block; background:#27ae60; color:#fff; padding:.9rem 2.2rem; border-radius:6px; font-size:1.15rem; font-weight:600; text-decoration:none; }
.apply-btn:hover { background:#219a52; }
.src-note { font-size:.85rem; color:#7f8c8d; margin-top:1rem; }
.back-link { display:inline-block; margin-bottom:1rem; color:#3498db; text-decoration:none; }

/* apply form (DB job pages) — extracted, no inline style */
.apply-form { display:flex; flex-direction:column; gap:.7rem; max-width:420px; }
.apply-form input[type="text"], .apply-form input[type="email"], .apply-form input[type="tel"] {
  padding:.8rem 1rem; font-size:1.05rem; border:1px solid #b6cfe0; border-radius:6px; background:#fff; }
.apply-form input:focus { outline:none; border-color:#3498db; box-shadow:0 0 0 3px rgba(52,152,219,.15); }
.apply-check { display:flex; align-items:center; gap:.6rem; font-size:1rem; padding:.3rem 0; cursor:pointer; }
.apply-check input { width:1.1rem; height:1.1rem; }
.apply-form .apply-btn { border:none; cursor:pointer; font-family:inherit; margin-top:.25rem; }
.apply-form .apply-btn:disabled { background:#95a5a6; cursor:wait; }
.apply-honeypot { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.apply-result { margin-top:1rem; font-size:1.05rem; line-height:1.5; }
.apply-result.ok { padding:1rem 1.25rem; background:#d4edda; border-left:4px solid #27ae60; border-radius:0 6px 6px 0; color:#155724; }
.apply-result.err { padding:1rem 1.25rem; background:#f8d7da; border-left:4px solid #c0392b; border-radius:0 6px 6px 0; color:#721c24; }
.job-desc p { margin:0 0 1rem 0; line-height:1.6; }
.job-desc ul { margin:0 0 1rem 1.25rem; }
.job-desc li { margin-bottom:.4rem; line-height:1.5; }
.source-note { font-size:.85rem; color:#7f8c8d; margin-top:1.5rem; padding-top:1rem; border-top:1px solid #e0e0e0; }
.source-note a { color:#7f8c8d; }