/* =========================================
   MyNextJobs - Post a Job Form
   DESIGN ONLY - NO LAYOUT CHANGE
   All with !important
   ========================================= */

#submit-job-form,
#submit-job-form * {
  box-sizing: border-box !important;
}

/* form box */
#submit-job-form {
  background: #ffffff !important;
  /*border: 1px solid #e7edf6 !important;*/
  border-radius: 24px !important;
  padding: 24px 0px !important;
  /*box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06) !important;*/
  margin-top: 20px !important;
}

/* page title */
#left-area .entry-title.main_title {
  color: #0f172a !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 20px !important;
}

/* section heading */
#submit-job-form h2 {
  color: #1d4ed8 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 24px 0 16px !important;
  padding: 14px 16px !important;
  background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%) !important;
  border: 1px solid #dbe7ff !important;
  border-radius: 16px !important;
}

/* fieldset spacing only */
#submit-job-form fieldset {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
}

/* labels */
#submit-job-form label {
  display: block !important;
  margin: 0 0 9px !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0.1px !important;
}

#submit-job-form label small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* account info box */
#submit-job-form .fieldset-logged_in .field.account-sign-in {
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%) !important;
  border: 1px solid #e3ecfb !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* inputs */
#submit-job-form input[type="text"],
#submit-job-form input[type="email"],
#submit-job-form input[type="url"],
#submit-job-form input[type="number"],
#submit-job-form input[type="password"],
#submit-job-form textarea,
#submit-job-form select {
  border: 1px solid #dbe4f0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

#submit-job-form input[type="text"],
#submit-job-form input[type="email"],
#submit-job-form input[type="url"],
#submit-job-form input[type="number"],
#submit-job-form input[type="password"],
#submit-job-form select {
  min-height: 40px !important;
}

#submit-job-form textarea {
  min-height: 180px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  resize: vertical !important;
}

#submit-job-form input::placeholder,
#submit-job-form textarea::placeholder {
  color: #94a3b8 !important;
}

#submit-job-form input[type="text"]:focus,
#submit-job-form input[type="email"]:focus,
#submit-job-form input[type="url"]:focus,
#submit-job-form input[type="number"]:focus,
#submit-job-form input[type="password"]:focus,
#submit-job-form textarea:focus,
#submit-job-form select:focus {
  border-color: rgba(79, 124, 255, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(79, 124, 255, 0.12) !important;
  background: #ffffff !important;
}

/* description text */
#submit-job-form small.description {
  display: block !important;
  margin-top: 8px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

/* checkbox look */
#submit-job-form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #4f7cff !important;
  cursor: pointer !important;
}

/* select2 */
#submit-job-form .select2-container--default .select2-selection--multiple {
  min-height: 54px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
}

#submit-job-form .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: rgba(79, 124, 255, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(79, 124, 255, 0.12) !important;
}

#submit-job-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(79, 124, 255, 0.10) !important;
  border: 1px solid #cfe0ff !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0px 12px 0px 28px !important;
  margin: 4px 6px 4px 0 !important;
  position: relative !important;
}

#submit-job-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #1d4ed8 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  margin: 0 !important;
}

#submit-job-form .select2-search--inline .select2-search__field {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-size: 14px !important;
}

/* editor */
#submit-job-form .wp-editor-wrap,
#submit-job-form .mce-tinymce {
  /*border: 1px solid #dbe4f0 !important;*/
  /*border-radius: 8px !important;*/
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

#wp-job_description-editor-container{
    border: 1px solid #dbe4f0 !important;
}

#submit-job-form .mce-top-part,
#submit-job-form .mce-toolbar-grp {
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%) !important;
  border-bottom: 1px solid #e5edf9 !important;
}

#submit-job-form .mce-btn button {
  background: transparent !important;
}

#submit-job-form .mce-edit-area iframe {
  background: #ffffff !important;
  min-height: 220px !important;
}

#submit-job-form .mce-statusbar {
  background: #f8fafc !important;
  border-top: 1px solid #e5edf9 !important;
}

/* datepicker */
#submit-job-form .input-date {
  background: #ffffff !important;
}

/* uploaded file preview */
#submit-job-form .job-manager-uploaded-files {
  margin-bottom: 12px !important;
}

#submit-job-form .job-manager-uploaded-file {
  background: #ffffff !important;
  border: 1px solid #dbe7ff !important;
  border-radius: 16px !important;
  padding: 12px !important;
}

#submit-job-form .job-manager-uploaded-file-preview img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid #dbe4f0 !important;
  background: #ffffff !important;
}

#submit-job-form .job-manager-remove-uploaded-file {
  color: #dc2626 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* file input */
#submit-job-form input[type="file"] {
  border: 1px dashed #c9d8f0 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f6f9ff 100%) !important;
  padding: 14px !important;
}

/* buttons */
#submit-job-form .button,
#submit-job-form input[type="submit"] {
  min-height: 50px !important;
  margin-left: 10px !important;
  padding: 0 24px !important;
  border-radius: 100px !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease !important;
}

/* primary button */
#submit-job-form input[name="submit_job"],
#submit-job-form .button:not(.secondary) {
  background: linear-gradient(135deg, #4f7cff 0%, #3057d5 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(48, 87, 213, 0.20) !important;
}

#submit-job-form input[name="submit_job"]:hover,
#submit-job-form .button:not(.secondary):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 2px 10px rgba(48, 87, 213, 0.26) !important;
}

/* secondary button */
#submit-job-form .secondary,
#submit-job-form input[name="save_draft"] {
  background: #ffffff !important;
  color: #3057d5 !important;
  border: 1.5px solid #cfe0ff !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
}

#submit-job-form .secondary:hover,
#submit-job-form input[name="save_draft"]:hover {
  transform: translateY(-2px) !important;
  border-color: #9ebdff !important;
  box-shadow: 0 14px 28px rgba(48, 87, 213, 0.12) !important;
}

/* sign out button */
#submit-job-form .account-sign-in .button {
  min-height: 40px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #3057d5 !important;
  border: 1.5px solid #cfe0ff !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
}

/* spinner */
#submit-job-form .spinner {
  opacity: 0.8 !important;
}

/* subtle hover polish only */
#submit-job-form fieldset:hover input[type="text"],
#submit-job-form fieldset:hover input[type="email"],
#submit-job-form fieldset:hover input[type="url"],
#submit-job-form fieldset:hover input[type="number"],
#submit-job-form fieldset:hover input[type="password"],
#submit-job-form fieldset:hover .select2-selection--multiple,
#submit-job-form fieldset:hover .mce-tinymce {
  border-color: #cfdced !important;
}

/* mobile design adjustments only */
@media (max-width: 767px) {
  #submit-job-form {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  #left-area .entry-title.main_title {
    font-size: 28px !important;
  }

  #submit-job-form h2 {
    font-size: 20px !important;
    padding: 12px 14px !important;
  }

  #submit-job-form input[type="text"],
  #submit-job-form input[type="email"],
  #submit-job-form input[type="url"],
  #submit-job-form input[type="number"],
  #submit-job-form input[type="password"],
  #submit-job-form select {
    min-height: 50px !important;
    font-size: 14px !important;
  }

  #submit-job-form .select2-container--default .select2-selection--multiple {
    min-height: 50px !important;
    border-radius: 14px !important;
  }

  #submit-job-form .button,
  #submit-job-form input[type="submit"] {
    min-height: 50px !important;
    border-radius: 100px !important;
  }
}