/*
 * Outsourcea Careers Application Modal Layer Fix v2.0
 * Scope: /careers/ only.
 *
 * IMPORTANT: The site navigation is NOT hidden. It remains visible on the
 * Careers page. When an Apply/Open Job popup appears, the popup is placed
 * above the navigation so the menu cannot cover the job details/application form.
 */

body.outsourcea-careers-modal-layer-fix .fusion-header-wrapper,
body.outsourcea-careers-modal-layer-fix .fusion-sticky-header-wrapper,
body.outsourcea-careers-modal-layer-fix .fusion-header,
body.outsourcea-careers-modal-layer-fix .fusion-tb-header,
body.outsourcea-careers-modal-layer-fix .awb-header,
body.outsourcea-careers-modal-layer-fix header.site-header,
body.outsourcea-careers-modal-layer-fix #site-header {
    z-index: 10000 !important;
}

/* Common modal / popup containers: place above the site menu. */
body.outsourcea-careers-modal-layer-fix .fusion-modal,
body.outsourcea-careers-modal-layer-fix .modal,
body.outsourcea-careers-modal-layer-fix .modal-dialog,
body.outsourcea-careers-modal-layer-fix .modal-content,
body.outsourcea-careers-modal-layer-fix .awb-modal,
body.outsourcea-careers-modal-layer-fix .awb-modal-wrap,
body.outsourcea-careers-modal-layer-fix .awb-modal-content,
body.outsourcea-careers-modal-layer-fix .fancybox-container,
body.outsourcea-careers-modal-layer-fix .mfp-wrap,
body.outsourcea-careers-modal-layer-fix .mfp-bg,
body.outsourcea-careers-modal-layer-fix [role="dialog"],
body.outsourcea-careers-modal-layer-fix [aria-modal="true"],
body.outsourcea-careers-modal-layer-fix .outsourcea-careers-application-modal,
body.outsourcea-careers-modal-layer-fix .outsourcea-careers-application-backdrop {
    z-index: 2147483000 !important;
}

/* Backdrops sit below the dialog but above the navigation. */
body.outsourcea-careers-modal-layer-fix .modal-backdrop,
body.outsourcea-careers-modal-layer-fix .fusion-modal-backdrop,
body.outsourcea-careers-modal-layer-fix .awb-modal-backdrop,
body.outsourcea-careers-modal-layer-fix .outsourcea-careers-application-backdrop,
body.outsourcea-careers-modal-layer-fix .mfp-bg {
    z-index: 2147482000 !important;
}

/* JS adds this class to the actual visible popup when its markup is custom. */
body.outsourcea-careers-modal-layer-fix .outsourcea-careers-application-modal {
    position: relative;
    z-index: 2147483000 !important;
}

body.outsourcea-careers-modal-layer-fix .outsourcea-careers-application-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482000 !important;
}

/* Keep WP admin bar above everything when logged in. */
body.outsourcea-careers-modal-layer-fix #wpadminbar {
    z-index: 2147483647 !important;
}