/*
 * Base layout for the WP Job Manager job search form.
 *
 * The export shipped the plugin's JS references and the theme's own overrides (see the
 * "careers page" block in theme.css) but not the plugin's base stylesheet, so the form's
 * structural rules — the filter panel padding, the inline job-type checkbox row, the
 * field sizing the theme's `height: 60px` overrides build on — were missing entirely.
 *
 * Scoped to `.job_form` (the Elementor wrapper on the careers page) so nothing here can
 * leak into other pages. Anything theme.css already sets is deliberately not repeated.
 */

.job_form .job_filters {
    overflow: hidden;
    padding: 1em;
}

.job_form .job_filters .search_jobs {
    align-items: center;
}

/* The plugin renders a <label> per field purely for screen readers; the visible cue is
   the placeholder. careers.css already hides them — this keeps them reachable. */
.job_form .job_filters .search_jobs label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.job_form .job_filters .search_jobs input[type="text"] {
    width: 100%;
    padding: 0 1em;
    border: 0;
    background: #f5f5f5;
    color: #12212f;
    box-sizing: border-box;
}

.job_form .job_filters .search_jobs input[type="submit"] {
    border: 0;
    cursor: pointer;
    font-weight: 700;
    color: #12212f;
}

/* Job type checkboxes: one inline row beneath the search fields. */
.job_form .job_filters ul.job_types {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0 0;
    padding: 0.75em 0 0;
    list-style: none;
}

.job_form .job_filters ul.job_types li {
    margin: 0;
    padding: 0.5em 1.5em 0.5em 0;
}

.job_form .job_filters ul.job_types li label {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
}

.job_form .job_filters ul.job_types li input[type="checkbox"] {
    width: auto;
    height: auto;
    margin: 0;
    accent-color: var(--e-global-color-secondary, #ebbc00);
}

.job_form .showing_jobs {
    padding: 0.75em 0 0;
}

/* Listings */
.job_form ul.job_listings {
    margin: 0;
    padding: 0;
    list-style: none;
}

.job_form ul.job_listings li.job_listing {
    padding: 1em 0;
}

.job_form ul.job_listings li.job_listing h3 {
    margin: 0 0 0.25em;
}

/* The listings panel sits on the dark hero background, where the inherited body colour
   leaves the meta line and description almost unreadable. */
.job_form ul.job_listings li.job_listing p {
    margin: 0 0 0.5em;
    color: #fff;
}

.job_form ul.job_listings li.job_listing p:last-child {
    margin-bottom: 0;
}

.job_form li.no_job_listings_found {
    padding: 1em 0;
}