/* Minimalist Multi-step CSS */

/* Removed default hiding to prevent "disappearing" act */
/* .fi-step-hidden { display: none !important; } */

.fi-form-nav {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    clear: both;
}

/* Radio button spacing and alignment */
.job-manager-form .fieldset-job_application_method .field {
    display: flex;
    gap: 20px;
    align-items: center;
    padding-top: 10px;
}

.job-manager-form .fieldset-job_application_method label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: normal;
    cursor: pointer;
}

.job-manager-form .fieldset-job_application_method input[type="radio"] {
    margin: 0;
    cursor: pointer;
}

/* Details mode radio layout */
.job-manager-form .fieldset-job_details_mode .field {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding-top: 10px;
    flex-wrap: wrap;
}

.job-manager-form .fieldset-job_details_mode label {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: normal;
    cursor: pointer;
    max-width: 320px;
}

.job-manager-form .fieldset-job_details_mode input[type="radio"] {
    margin: 3px 0 0;
    cursor: pointer;
}

.job-manager-form .fieldset-job_details_mode .description {
    display: block;
    margin-top: 8px;
    color: #6b7280;
}

/* Validation error style - keep it minimal */
input.fi-error, select.fi-error, textarea.fi-error {
    border-color: #dc3232 !important;
}

/* Hide (optional) tag for logo to emphasize recommendation */
.fieldset-company_logo label .optional,
.fieldset-application label .optional,
.fieldset-job_application_url label .optional,
.fieldset-job_pdf_id label .optional {
    display: none !important;
}

/* Hide the "Your account" logged-in info block */
.fieldset-logged_in {
    display: none !important;
}

/* Hide form initially to prevent layout shift during JS initialization */
.job-manager-form {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.job-manager-form.fi-form-loaded {
    opacity: 1;
}

/* Hide default WPJM headings to prevent flashing before JS replaces them */
.job-manager-form h2 {
    display: none;
}

/* Ensure our custom step titles (which are also h2) can be shown by JS */
.job-manager-form h2.fi-step-title {
    display: none; /* JS will show the active one */
}

/* Hide Scheduled Date fields */
.fieldset-job_schedule_listing,
.fieldset-scheduled_date,
.fieldset-job_scheduled_date {
    display: none !important;
}

/* Hide Step 2 title and all Step 2 fieldsets by default to prevent flashing */
.fi-step-2-title,
.fi-step-2-item,
.fieldset-job_title,
.fieldset-job_category_custom,
.fieldset-job_description,
.fieldset-job_image,
.fieldset-supporting_material,
.fieldset-job_country,
.fieldset-job_location,
.fieldset-job_compensation,
.fieldset-job_duration,
.fieldset-job_start_date,
.fieldset-job_application_method,
.fieldset-job_application_url,
.fieldset-application {
    display: none;
}

/* Clean up the editor status bar to show only the resize handle on the right */
.wp-editor-container {
    resize: vertical;
    overflow: hidden;
}

/* Ensure the editor iframe grows with the container */
.wp-editor-container iframe {
    height: 100% !important;
    min-height: 200px;
}

.tox-statusbar,
.mce-statusbar {
    display: flex !important;
    visibility: visible !important;
    height: 18px !important;
    padding: 0 !important;
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-top: none !important;
    justify-content: flex-end !important;
}

.tox-statusbar__branding, 
.tox-statusbar__path, 
.mce-path,
.tox-statusbar__text-container {
    display: none !important;
}