/* WP Job Manager submit form — matches the design */
.rh-jf-head{ margin:0 0 16px; }
.rh-jf-back{ display:inline-block; margin-bottom:12px; font-size:12px; color:#374151; text-decoration:none; }
.rh-jf-head .rh-jf-title{ margin:0 0 4px; font-size:20px; font-weight:600; color:#111827; line-height:1.25; }
.rh-jf-sub{ margin:0; font-size:13px; color:#6B7280; }

body #submit-job-form.job-manager-form{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px;
    box-sizing:border-box; padding:20px 24px; background:#fff; border:1px solid #E5E7EB; border-radius:12px; font-size:13px;
}
body #submit-job-form > *{ grid-column:1 / -1; min-width:0; }
body #submit-job-form > fieldset{ margin:0; padding:0; border:0; grid-column:auto; }
body #submit-job-form > fieldset.fieldset-type-wp-editor,
body #submit-job-form > fieldset.fieldset-type-textarea,
body #submit-job-form > fieldset.fieldset-type-file,
body #submit-job-form > fieldset.fieldset-job_description,
body #submit-job-form > fieldset.fieldset-company_logo{ grid-column:1 / -1; }

.rh-jf-section h2,
body #submit-job-form > h2{ margin:6px 0 0; padding:0 0 8px; border-bottom:1px solid #E5E7EB; font-size:15px; font-weight:600; color:#0B4EA2; }
.rh-jf-section p,
.rh-jf-section-desc{ margin:2px 0 0; font-size:12px; color:#6B7280; }
body #submit-job-form > h2 + .rh-jf-section-desc{ margin-top:-8px; }
body #submit-job-form > .rh-jf-section{ border-bottom:1px solid #E5E7EB; padding-bottom:8px; }
body #submit-job-form > .rh-jf-section h2{ border:0; padding:0; margin:0; }

body #submit-job-form label{ display:block; margin:0 0 6px; font-size:12px; font-weight:500; color:#111827; }
body #submit-job-form label small{ font-weight:400; color:#6B7280; }
body #submit-job-form .field input[type="text"],
body #submit-job-form .field input[type="email"],
body #submit-job-form .field input[type="url"],
body #submit-job-form .field input[type="number"],
body #submit-job-form .field input[type="password"],
body #submit-job-form .field select,
body #submit-job-form .field textarea{
    width:100%; box-sizing:border-box; height:38px; padding:0 12px; background:#fff; border:1px solid #E5E7EB; border-radius:6px; font-size:12px; color:#111827; box-shadow:none;
}
body #submit-job-form .field textarea{ height:auto; min-height:88px; padding:10px 12px; }
body #submit-job-form .field input::placeholder,
body #submit-job-form .field textarea::placeholder{ color:#9CA3AF; }
body #submit-job-form .field input:focus,
body #submit-job-form .field select:focus,
body #submit-job-form .field textarea:focus{ outline:0; border-color:#0B4EA2; box-shadow:0 0 0 3px rgba(11,78,162,.12); }
body #submit-job-form .wp-editor-wrap{ border:1px solid #E5E7EB; border-radius:6px; overflow:hidden; }
body #submit-job-form .field input[type="file"]{ width:100%; padding:10px; height:auto; border:1px dashed #E5E7EB; border-radius:6px; background:#fff; font-size:12px; }

body #submit-job-form > p:last-of-type{ display:flex; justify-content:flex-end; align-items:center; gap:10px; margin:6px 0 0; }
body #submit-job-form input[type="submit"]{
    height:38px; padding:0 18px; border-radius:6px; border:1px solid #0B4EA2 !important; background:#0B4EA2 !important; color:#fff !important; font-size:13px; font-weight:500; cursor:pointer;
}
body #submit-job-form input[type="submit"]:hover{ background:#093F82 !important; }
body #submit-job-form input[type="submit"].save_draft,
body #submit-job-form input[type="submit"].secondary{ background:#EEF2FA !important; border-color:#EEF2FA !important; color:#0B4EA2 !important; }
body #submit-job-form .spinner{ display:none; }

@media(max-width:767px){
    body #submit-job-form.job-manager-form{ grid-template-columns:1fr; padding:16px; }
    body #submit-job-form > fieldset{ grid-column:1 / -1; }
    body #submit-job-form > p:last-of-type{ display:grid; grid-template-columns:1fr 1fr; }
}

/* Company logo: placeholder circle + "Upload" pill, like the design */
body #submit-job-form .fieldset-company_logo .field{
    display:flex; align-items:center; gap:12px; box-sizing:border-box; padding:12px; border:1px solid #E5E7EB; border-radius:8px; background:#fff;
}
body #submit-job-form .fieldset-company_logo .field::before{
    content:""; flex:none; width:44px; height:44px; border-radius:50%; background:#EEF2F7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M9 8h.01M15 8h.01M9 12h.01M15 12h.01M10 21v-4h4v4'/%3E%3C/svg%3E") center/22px no-repeat;
}
body #submit-job-form .fieldset-company_logo .field input[type="file"]{ width:auto; flex:1; padding:0; border:0; background:transparent; font-size:12px; color:#6B7280; }
body #submit-job-form .fieldset-company_logo input[type="file"]::file-selector-button{
    margin-right:10px; height:30px; padding:0 14px; border:1px solid #E5E7EB; border-radius:6px; background:#fff; color:#111827; font-size:12px; font-weight:500; cursor:pointer;
}
body #submit-job-form .fieldset-company_logo .job-manager-uploaded-files{ display:none; }

/* selects: custom chevron like the design */
body #submit-job-form .field select{
    appearance:none; -webkit-appearance:none; padding-right:34px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") right 12px center/14px no-repeat;
}
/* chosen logo shows in the circle */
body #submit-job-form .fieldset-company_logo .field.has-logo::before{ background:var(--rh-logo) center/cover no-repeat; }

/* preview step: the two buttons, right-aligned */
body form#job_preview{ display:flex; justify-content:flex-end; gap:10px; margin:16px 0 0; }
body form#job_preview .job_listing_preview_title{ display:none; }
body form#job_preview input[type="submit"]{
    height:38px; padding:0 18px; border-radius:6px; font-size:13px; font-weight:500; cursor:pointer;
    border:1px solid #0B4EA2 !important; background:#0B4EA2 !important; color:#fff !important;
}
body form#job_preview input[name="edit_job"]{ order:-1; background:#EEF2FA !important; border-color:#EEF2FA !important; color:#0B4EA2 !important; }


/* WP Job Manager's own CSS puts the label in a left column; stack it like the design */
body #submit-job-form fieldset{ display:block; float:none; width:auto; margin:0; padding:0; border:0; }
body #submit-job-form fieldset > label{ float:none !important; display:block; width:100% !important; margin:0 0 6px !important; padding:0; line-height:1.3; }
body #submit-job-form fieldset > .field{ float:none !important; display:block; width:100% !important; margin:0 !important; padding:0; }
body #submit-job-form fieldset .field .description,
body #submit-job-form fieldset small.description{ display:block; margin:6px 0 0; font-size:11px; color:#6B7280; }
body #submit-job-form fieldset:has(.account-sign-in){ grid-column:1 / -1; }
body #submit-job-form .account-sign-in{ margin:0; font-size:12px; color:#6B7280; }
body #submit-job-form fieldset:has(.account-sign-in) > label{ display:none; }
body #submit-job-form .field .wp-editor-container{ border:0; }
body #submit-job-form .field .select2-container,
body #submit-job-form .field .chosen-container{ width:100% !important; }
body #submit-job-form .field .select2-container .select2-selection,
body #submit-job-form .field .chosen-container-multi .chosen-choices,
body #submit-job-form .field .chosen-container-single .chosen-single{
    min-height:38px; border:1px solid #E5E7EB; border-radius:6px; background:#fff; box-shadow:none; font-size:12px;
}
body #submit-job-form .field .select2-selection__rendered,
body #submit-job-form .field .chosen-container .chosen-choices li.search-field input{ font-size:12px; }

/* inside the Jobs widget iframe */
body.rh-embed #submit-job-form.job-manager-form{ margin:0; }


/* inside the popup the panel is the card: no second border, room for the close button */
body.rh-embed .rh-embed__wrap{ padding:0 0 4px; }
body.rh-embed .rh-jf-head{ padding:0 0 16px; border-bottom:1px solid #E5E7EB; margin-bottom:20px; }


/* checkbox fields (Remote position, etc.): label beside the box, whole row */
body #submit-job-form > fieldset.fieldset-type-checkbox,
body #submit-job-form > fieldset.fieldset-type-full-line-checkbox{ grid-column:1 / -1; }
body #submit-job-form fieldset.fieldset-type-checkbox .field label,
body #submit-job-form fieldset.fieldset-type-full-line-checkbox .field label{ display:inline-flex; align-items:center; gap:8px; margin:0; font-weight:400; }
body #submit-job-form input[type="checkbox"],
body #submit-job-form input[type="radio"]{ width:16px; height:16px; margin:0; accent-color:#0B4EA2; }

/* ===== match the design: sizes, required stars, Optional, description counter, Upload button ===== */
body #submit-job-form.job-manager-form{ gap:16px 16px; padding:16px 16px 20px; font-size:14px; border-radius:14px; }
body #submit-job-form > .rh-jf-section h2,
body #submit-job-form > h2{ font-size:18px; font-weight:500; color:#0B4EA2; }
.rh-jf-section p, .rh-jf-section-desc{ font-size:14px; color:#4B5563; margin-top:4px; }
body #submit-job-form > .rh-jf-section{ border-bottom:1px solid #E5E7EB; padding-bottom:12px; }
body #submit-job-form > h2{ padding-bottom:0; border:0; margin-top:10px; }
body #submit-job-form > h2 + .rh-jf-section-desc{ margin:-10px 0 0; padding-bottom:12px; border-bottom:1px solid #E5E7EB; }

body #submit-job-form label{ font-size:14px; font-weight:500; color:#0F172A; margin-bottom:8px !important; }
body #submit-job-form label small{ font-size:13px; font-weight:400; color:#4B5563; text-transform:capitalize; }
body #submit-job-form fieldset:has(.required-field) > label::after{ content:"*"; margin-left:2px; color:#2563EB; }

body #submit-job-form .field input[type="text"],
body #submit-job-form .field input[type="email"],
body #submit-job-form .field input[type="url"],
body #submit-job-form .field input[type="number"],
body #submit-job-form .field select{ height:40px; border-radius:10px; font-size:14px; padding:0 14px; }
body #submit-job-form .field textarea{ border-radius:10px; font-size:14px; min-height:76px; padding:12px 14px; resize:vertical; }
body #submit-job-form .field input::placeholder,
body #submit-job-form .field textarea::placeholder{ font-size:13px; color:#9CA3AF; }

/* "0/200" inside the description box */
body #submit-job-form .field .rh-jf-count{ display:block; margin:-26px 14px 0 0; position:relative; text-align:right; font-size:12px; line-height:1; color:#6B7280; pointer-events:none; }
body #submit-job-form .field:has(.rh-jf-count){ margin-bottom:6px; }

/* Logo: building placeholder + "Upload" button */
body #submit-job-form .fieldset-company_logo .field{ padding:14px; border-radius:10px; gap:14px; min-height:76px; }
body #submit-job-form .fieldset-company_logo .field::before{ width:56px; height:56px; background-size:28px; }
body #submit-job-form .fieldset-company_logo .field.has-upload-btn input[type="file"]{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
body #submit-job-form .rh-jf-upload{ height:32px; padding:0 14px; border:1px solid #E5E7EB !important; border-radius:6px !important; background:#fff !important; color:#111827 !important; font-size:14px; font-weight:500; box-shadow:none !important; cursor:pointer; }
body #submit-job-form .rh-jf-filename{ font-size:12px; color:#6B7280; }
body #submit-job-form .fieldset-company_logo .field .description{ margin:0 0 0 auto; text-align:right; font-size:11px; }

/* buttons */
body #submit-job-form input[type="submit"]{ height:40px; padding:0 20px; border-radius:10px; font-size:14px; font-weight:500; }