/* v5.1: the job application form on the Careers page (Forminator, its own styling switched off),
   drawn like the enquiry form on the Contact page. inc/v5/apply.php loads this only where the form is. */
#dc .dc-apply{margin-top:44px;padding:clamp(22px,3.2vw,44px);border-radius:28px;background:#fff;box-shadow:0 0 0 1px rgba(11,42,49,.06),0 40px 80px -40px rgba(11,42,49,.45);scroll-margin-top:140px}
#dc .dc-apply-h{margin:0 0 8px;font-size:clamp(1.35rem,2vw,1.6rem);font-weight:700;line-height:1.2;color:var(--ink)}
#dc .dc-apply>.dc-p{margin:0 0 26px;color:var(--muted)}
#dc .dc-apply form.forminator-ui{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
#dc .dc-apply form.forminator-ui>*{grid-column:1/-1}
/* name and email, then phone and position, side by side (found by the field, so a field TGO adds or removes in Forminator does not upset the pairs) */
#dc .dc-apply form.forminator-ui>.forminator-row:has(>#name-1,>#email-1,>#phone-1,>#text-1){grid-column:auto}
#dc .dc-apply .forminator-row,#dc .dc-apply .forminator-col,#dc .dc-apply .forminator-field{margin:0;padding:0;min-width:0}
#dc .dc-apply .forminator-field{display:grid;gap:8px}
#dc .dc-apply .forminator-label{display:block;margin:0;font-size:.86rem;font-weight:600;color:var(--deep)}
#dc .dc-apply .forminator-required{color:var(--green);margin-inline-start:3px}
#dc .dc-apply .forminator-input,#dc .dc-apply .forminator-textarea{display:block;width:100%;height:54px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:#F7FAFA;font:inherit;font-size:1rem;color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
#dc .dc-apply .forminator-textarea{height:auto;min-height:140px;padding:14px 16px;resize:vertical;line-height:1.55}
#dc .dc-apply .forminator-input:hover,#dc .dc-apply .forminator-textarea:hover{border-color:#C4D6D7}
#dc .dc-apply .forminator-input:focus,#dc .dc-apply .forminator-textarea:focus{outline:0;border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgba(210,244,107,.75)}
#dc .dc-apply .forminator-field--phone,#dc .dc-apply .forminator-email--field{direction:ltr}
html[dir="rtl"] #dc .dc-apply .forminator-field--phone,html[dir="rtl"] #dc .dc-apply .forminator-email--field{text-align:right}
#dc .dc-apply .forminator-description{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;line-height:1.45;color:var(--muted)}
#dc .dc-apply .forminator-description [data-limit]{flex:none;font-variant-numeric:tabular-nums}
/* the CV: the browser's own file picker, in the form's shape */
#dc .dc-apply .forminator-file-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#dc .dc-apply input[type=file]{width:100%;padding:10px;border-radius:14px;border:1.5px dashed #B9CDCF;background:#F7FAFA;font:inherit;font-size:.9rem;color:var(--deep);cursor:pointer}
#dc .dc-apply input[type=file]:hover{border-color:var(--teal)}
#dc .dc-apply input[type=file]:focus-visible{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(210,244,107,.75)}
#dc .dc-apply input[type=file]::file-selector-button{margin-inline-end:14px;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
#dc .dc-apply .forminator-upload--remove{height:36px;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
/* consent */
#dc .dc-apply .forminator-checkbox{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.55;color:var(--deep);cursor:pointer}
#dc .dc-apply .forminator-checkbox input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--ink);cursor:pointer}
#dc .dc-apply .forminator-checkbox-box{display:none}
#dc .dc-apply .forminator-checkbox a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
/* send */
#dc .dc-apply .forminator-button-submit{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border:0;border-radius:999px;background:var(--lime);color:var(--ink);font:inherit;font-weight:700;font-size:.98rem;cursor:pointer;transition:background .25s,box-shadow .25s}
#dc .dc-apply .forminator-button-submit:hover{background:#C3EA51}
#dc .dc-apply .forminator-button-submit:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#dc .dc-apply .forminator-button-submit[disabled]{opacity:.6;cursor:progress}
/* messages */
#dc .dc-apply .forminator-error-message{display:block;font-size:.82rem;font-weight:600;color:#B3261E}
#dc .dc-apply .forminator-has_error .forminator-input,#dc .dc-apply .forminator-has_error .forminator-textarea,#dc .dc-apply .forminator-has_error input[type=file]{border-color:#B3261E}
#dc .dc-apply .forminator-response-message:not(:empty){padding:14px 18px;border-radius:14px;font-weight:600;line-height:1.5}
#dc .dc-apply .forminator-response-message.forminator-error:not(:empty){background:#FBECE7;color:#8A2B16}
#dc .dc-apply .forminator-response-message.forminator-success:not(:empty){background:#EAF5D0;color:var(--ink)}
#dc .dc-apply .forminator-response-message p{margin:0}
#dc .dc-apply .forminator-response-message[aria-hidden="true"]{display:none}
@media(max-width:700px){
  #dc .dc-apply form.forminator-ui{grid-template-columns:minmax(0,1fr)}
  #dc .dc-apply{border-radius:22px}
  #dc .dc-apply .forminator-button-submit{width:100%}
}
