/* Jobs Filter V2 — final isolation boundary from legacy overlay and select runtimes. */
@media (max-width: 760px) {
  html:has(body.jobs-filter-v2-open),
  body.jobs-filter-v2-open {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  dialog[data-jobs-filter-v2-dialog] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit;
    overflow: hidden !important;
    align-items: end !important;
    justify-items: stretch !important;
  }

  dialog[data-jobs-filter-v2-dialog][open] {
    display: grid !important;
  }

  dialog[data-jobs-filter-v2-dialog]::backdrop {
    background: transparent !important;
  }

  dialog[data-jobs-filter-v2-dialog] > .mobile-jobs-overlay-v19521h2__backdrop {
    opacity: 1 !important;
  }

  dialog[data-jobs-filter-v2-dialog] > [data-jobs-filter-v2-panel] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px))) !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* These selects deliberately stay native. A second body portal would sit outside
     the modal top layer and was the source of the overlapping sheet on iOS. */
  [data-jobs-filter-v2-form] select[data-mobile-select-no-enhance] {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  [data-jobs-filter-v2-form] .mobile-select-trigger-h11414,
  [data-jobs-filter-v2-form] [data-mobile-select-trigger-h11-4-14],
  [data-jobs-filter-v2-form] .select-enhanced,
  [data-jobs-filter-v2-form] .filterable-select-trigger {
    display: none !important;
  }
}