/* ==========================================================================
   RP IT Solutions — Careers application form (Forminator)
   wp-content/themes/divi-child/assets/css/forminator-careers.css

   BEFORE YOU USE IT: replace every 1945 with your new form's ID.
   (Forminator → Forms → the shortcode shows it: [forminator_form id="1945"])

   The white panel, 40px padding and 4px corners are set on the DIVI COLUMN,
   so this file only styles what is inside the form.
   ========================================================================== */

#forminator-module-1945.forminator-custom-form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  color: #1C1917;
}

/* --- 16px ↕ vertical between fields --------------------------------------- */
#forminator-module-1945 .forminator-row {
  margin-bottom: 16px !important;
}
#forminator-module-1945 .forminator-row:last-child {
  margin-bottom: 0 !important;
}

/* --- label above input, 6px ↕ vertical ----------------------------------- */
#forminator-module-1945 .forminator-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#forminator-module-1945 .forminator-label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #1C1917 !important;
}
#forminator-module-1945 .forminator-required {
  color: #C2410C !important;
}

/* --- text inputs and textarea ------------------------------------------- */
#forminator-module-1945 input.forminator-input,
#forminator-module-1945 select.forminator-select,
#forminator-module-1945 .select2-selection,
#forminator-module-1945 textarea.forminator-textarea {
  width: 100% !important;
  height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid #A8A29E !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  color: #1C1917 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
#forminator-module-1945 textarea.forminator-textarea {
  height: auto !important;
  min-height: 100px !important;
  padding: 10px 12px !important;
  resize: vertical;
}
#forminator-module-1945 input.forminator-input:focus,
#forminator-module-1945 textarea.forminator-textarea:focus {
  outline: 2px solid #1C1917 !important;
  outline-offset: 1px;
  border-color: #A8A29E !important;
}

/* --- Role dropdown (Forminator uses select2 for most designs) ---------- */
#forminator-module-1945 .select2-container { width: 100% !important; }
#forminator-module-1945 .select2-selection {
  display: flex !important;
  align-items: center;
}
#forminator-module-1945 .select2-selection__rendered {
  padding: 0 !important;
  line-height: 44px !important;
  color: #1C1917 !important;
  font-size: 15px !important;
}
#forminator-module-1945 .select2-selection__arrow { height: 44px !important; }

/* ==========================================================================
   EMAIL + PHONE side by side (two fields in one Forminator row)
   ========================================================================== */
#forminator-module-1945 .forminator-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 16px;                      /* ↔ between Email and Phone, ↕ when stacked */
}
#forminator-module-1945 .forminator-row > .forminator-col {
  flex: 1 1 200px !important;     /* two per row, stack below ~430px */
  max-width: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ==========================================================================
   CV UPLOAD — dashed drop box: "Upload your CV" / "PDF, DOC or DOCX"
   ========================================================================== */
#forminator-module-1945 .forminator-file-upload {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 14px;
  padding: 22px 16px !important;
  border: 1px dashed #A8A29E !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  cursor: pointer;
}
#forminator-module-1945 .forminator-file-upload:hover { border-color: #1C1917 !important; }

/* the button becomes bold text with an upload icon before it */
#forminator-module-1945 .forminator-file-upload .forminator-button-upload {
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #1C1917 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
#forminator-module-1945 .forminator-file-upload .forminator-button-upload::before {
  content: "";
  flex: none;
  width: 24px;
  height: 24px;
  background: no-repeat center / 24px 24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/21945/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1917' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3'/%3E%3C/svg%3E");
}
/* "No file chosen" / the chosen file name */
#forminator-module-1945 .forminator-file-upload > span {
  font-size: 13px !important;
  color: #57534E !important;
}
/* helper text under the box: set Description = "PDF, DOC or DOCX" in Forminator */
#forminator-module-1945 .forminator-description {
  margin-top: 6px !important;
  font-size: 13px !important;
  color: #57534E !important;
}

/* ==========================================================================
   CONSENT checkbox (Forminator GDPR / Consent field)
   ========================================================================== */
#forminator-module-1945 .forminator-checkbox {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0 !important;
  cursor: pointer;
}
#forminator-module-1945 .forminator-checkbox input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
}
#forminator-module-1945 .forminator-checkbox .forminator-checkbox-box {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  flex: none;
  width: 18px !important;
  height: 18px !important;
  margin: 2px 0 0 !important;
  border: 1px solid #A8A29E !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
#forminator-module-1945 .forminator-checkbox input:checked ~ .forminator-checkbox-box {
  border-color: #1C1917 !important;
  background: #1C1917 no-repeat center / 12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/21945/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") !important;
}
#forminator-module-1945 .forminator-checkbox .forminator-checkbox-box::before { display: none !important; }
#forminator-module-1945 .forminator-checkbox input:focus-visible ~ .forminator-checkbox-box {
  outline: 2px solid #1C1917;
  outline-offset: 1px;
}
#forminator-module-1945 .forminator-checkbox .forminator-checkbox-label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #44403C !important;
}

/* ==========================================================================
   SUBMIT BUTTON
   ========================================================================== */

#forminator-module-1945 .forminator-button-submit {
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #C2410C !important;
  color: #FFFFFF !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer;
}
#forminator-module-1945 .forminator-button-submit:hover {
  background: #9A3412 !important;
}

/* --- validation messages ------------------------------------------------- */
#forminator-module-1945 .forminator-error-message {
  margin-top: 4px !important;
  padding: 0 !important;
  background: none !important;
  font-size: 13px !important;
  color: #B91C1C !important;
}