/* Fix Material-UI Select dropdown backdrop clicks */
/* Ensure all Material-UI Select dropdowns can be closed by clicking outside */

/* Our custom overlay for Select dropdowns */
#select-click-overlay {
  pointer-events: auto !important;
  z-index: 1299 !important;
}

/* Ensure Select dropdowns appear above our overlay */
.MuiPopover-root .MuiPaper-root,
.MuiMenu-root .MuiPaper-root {
  z-index: 1300 !important;
  pointer-events: auto !important;
}

/* Make sure menu items are clickable */
.MuiMenuItem-root {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Fix the built-in MUI backdrop */
.MuiBackdrop-root {
  pointer-events: auto !important;
  cursor: default !important;
}

/* Ensure form controls work properly */
.MuiFormControl-root,
.MuiInputBase-root,
.MuiSelect-root {
  pointer-events: auto !important;
}

/* Don't let hidden popovers block clicks */
.MuiPopover-root[aria-hidden="true"] {
  pointer-events: none !important;
}

/* Make sure our overlay doesn't block the menu */
.MuiPopover-root {
  pointer-events: none !important;
}

.MuiPopover-root .MuiPaper-root {
  pointer-events: auto !important;
}