/* Modal overlays should sit above page content but below header/sidebar */
.modal-bg,
.dp-drawer-bg,
.dp-modal-bg {
 z-index: 1150 !important;
  background: rgba(0, 0, 0, 0.3) !important; /* 30% black backdrop */
}

/* Ensure the modal card/content is above the backdrop */
.modal-card,
.dp-modal,
.dp-drawer {
  z-index: 1200 !important;
}

/* Safety: keep mobile footer beneath overlays (covers both names used so far) */
.mobile-footer,
.lw-mobile-footer {
  z-index: 900 !important;
}