/* Pax Driver Applications — form styling, tuned to the Patuxent Divi theme
   (brand greens var(--pda-accent) / var(--pda-accent-dark), Oswald headings, theme body font inherited). */

:root{--pda-accent:#108442;--pda-accent-dark:#023018}
.pda-form{max-width:820px;margin:0 auto}
.pda-form .pda-field{display:flex;flex-direction:column;margin:0 0 16px}
/* --pda-label is set per-site (Settings → Form text color) on dark-background sites.
   Unset = inherit the theme, which is correct where the form sits on white. */
.pda-form label{font-weight:600;margin-bottom:5px;font-size:14px;letter-spacing:.02em;color:var(--pda-label,inherit)}
.pda-form input{padding:11px 12px;border:1px solid #cfd6cf;border-radius:4px;font:inherit;font-size:16px;background:#fff;transition:border-color .15s,box-shadow .15s}
.pda-form input:focus{outline:0;border-color:var(--pda-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pda-accent) 22%, transparent)}
.pda-form .pda-err input{border-color:#c0392b}
.pda-form .pda-msg{color:#c0392b;font-size:13px;margin-top:4px}
.pda-form .pda-req{color:var(--pda-accent)}
.pda-form .pda-actions{margin:6px 0 0}
.pda-form button{background:var(--pda-accent);color:#fff;border:0;padding:13px 32px;border-radius:4px;font:inherit;font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s}
.pda-form button:hover{background:var(--pda-accent-dark)}
.pda-form button:disabled{cursor:progress}
.pda-form button.pda-loading{padding-left:48px;position:relative;opacity:.9}
.pda-form button.pda-loading::before{content:"";position:absolute;left:20px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:pda-spin .7s linear infinite}
@keyframes pda-spin{to{transform:rotate(360deg)}}
.pda-form.pda-busy{opacity:.97}
.pda-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* Two-column layout on larger screens. Hidden nonce inputs (display:none) and
   the absolutely-positioned honeypot don't occupy grid tracks. */
@media(min-width:720px){
  .pda-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
  /* Applicant Information fields lay out two-up inside their section. */
  .pda-form .pda-fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
  .pda-form .pda-field{margin-bottom:18px}
  .pda-form .pda-wide,.pda-form .pda-form-error,.pda-form .pda-actions{grid-column:1 / -1}
}

.pda-thankyou{max-width:820px;margin:0 auto;padding:26px;border:1px solid #cfe8d4;background:#f4fbf6;border-radius:6px}
.pda-thankyou h3{margin-top:0;color:var(--pda-accent-dark)}
.pda-dl-btn{display:inline-block;background:var(--pda-accent);color:#fff;text-decoration:none;padding:11px 22px;border-radius:4px;font-weight:600}
.pda-dl-btn:hover{background:var(--pda-accent-dark);color:#fff}
.pda-dl-note{font-size:13px;color:#567}
.pda-form-error{margin:0 0 16px;padding:12px 14px;border:1px solid #e0b4b4;background:#fdf3f3;color:#a23;border-radius:4px}

/* Education + Employment history sections (Phase 05 / FLD-01, FLD-02). */
.pda-form .pda-section{grid-column:1 / -1;border:1px solid #d8ded8;border-radius:6px;padding:14px 16px 4px;margin:6px 0 18px;min-width:0}
.pda-form .pda-section legend{font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--pda-label,var(--pda-accent-dark));padding:0 6px}
.pda-form .pda-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--pda-label,#789);opacity:.75;font-size:12px}
.pda-form .pda-histrow{display:grid;gap:0 14px;margin-bottom:14px}
/* Blocks (employment, references, licenses, etc.) flow-and-fill: fields wrap and
   grow so a short trailing row spans the full width instead of leaving empty
   space. Works for any field count, including template-filtered subsets. */
.pda-form .pda-histblock{display:flex;flex-direction:column;gap:0 14px;margin-bottom:14px}
.pda-form .pda-histrow-label{flex-basis:100%;width:100%;grid-column:1 / -1;font-weight:600;font-size:13px;color:var(--pda-label,#3a4a3a);margin-bottom:4px}
.pda-form .pda-histfield{display:flex;flex-direction:column;margin:0 0 8px;font-weight:400}
.pda-form .pda-histfield span{font-size:12px;font-weight:600;color:var(--pda-label,#556);margin-bottom:4px}
.pda-form .pda-histfield input{font-size:15px;padding:9px 10px}
@media(min-width:720px){
  /* Explicit column counts per row so few-field rows fill the full width
     (2 fields => two half-width columns) while 6–7-field rows wrap at 4. */
  .pda-form .pda-cols-1{grid-template-columns:minmax(0,1fr)}
  .pda-form .pda-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pda-form .pda-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pda-form .pda-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* Blocks flow into rows on desktop; fields grow so a short trailing row fills
     the full width. On mobile the block stays a single stacked column. */
  .pda-form .pda-histblock{flex-flow:row wrap}
  .pda-form .pda-histblock .pda-histfield{flex:1 1 180px;min-width:180px}
}