/* cf7-job-apply v3.1 - style.css */

/* container */
.career-form {
  background: #ffffff;
  padding: 22px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}

/* header / guidance */
.career-form h3 { color: #222; margin: 0 0 8px 0; }
.career-form .guidance { color: #6b6b6b; margin-bottom: 14px; font-size: 14px; }

/* two-column - flexible */
.form-grid { display: flex; flex-wrap: wrap; gap: 18px; }
.form-grid p { flex: 1 1 calc(50% - 18px); min-width: 280px; margin: 0; }
.form-grid .full-width { flex: 1 1 100%; }

/* inputs */
.form-field {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  background: #fff;
  box-sizing: border-box;
}

.form-field::placeholder { color: #888 !important; opacity: 1; }

textarea.form-field { min-height: 110px; resize: vertical; }

/* select with visible black arrow */
select.form-field {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 36px;
  color: #000;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
}

/* CF7 response output forced black */
.wpcf7-response-output {
  color: #000 !important;
  background: #f6fff6 !important;
  border: 1px solid #c8f7c8 !important;
  padding: 10px;
  border-radius: 6px;
  margin-top: 10px;
  display: block !important;
}

/* popup */
#cvUploadPopup { display:none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99999; padding: 40px 12px; }
#cvUploadPopup .popup-content { background:#fff; max-width:520px; margin: 50px auto; padding:22px; border-radius:8px; text-align:center; }
#uploadProgress { width:100%; height:10px; background:#eee; border-radius:6px; overflow:hidden; margin-top:12px; }
#uploadProgressBar { height:10px; width:0%; background:#0073aa; transition:width .2s ease; }

/* responsive */
@media (max-width:700px) {
  .form-grid p { flex: 1 1 100%; }
}