/* 
 * CRITICAL FIX: Remove ALL blur from modals and backdrops
 * This file MUST be loaded LAST to override any other CSS
 * Issue: Modal backdrops were blurring the entire screen including modal content
 * 
 * UPDATED: Allow backdrops to exist but be transparent
 * Some pages (like chatbot) create custom backdrops that need to render
 */

/* Remove blur from backdrop - all possible selectors */
/* CHANGED: Don't use display:none - let backdrop render but be transparent */
.modal-backdrop,
.modal-backdrop.show,
.modal-backdrop.fade,
.modal-backdrop.fade.show,
div[class*="backdrop"]:not(.pitch-deck-modal-backdrop),
.fade.modal-backdrop,
.show.modal-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    background: transparent !important;
    opacity: 0 !important;
    /* Completely transparent - no dark overlay */
    /* REMOVED display:none to allow backdrop to exist in DOM */
    pointer-events: none !important;
}

/* Special handling for chatbot pitch deck backdrop - allow it to render */
.pitch-deck-modal-backdrop,
.pitch-deck-modal-backdrop.show {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    /* Allow custom background from inline styles */
    opacity: 1 !important;
    pointer-events: none !important;
    display: block !important;
}

/* Remove blur from modal container */
.modal,
.modal.show,
.modal.fade,
.modal.fade.show,
div[id*="Modal"],
div[class*="modal"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Ensure modal dialog and content have NO blur */
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
.modal-footer {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    background: #ffffff !important;
    opacity: 1 !important;
}

/* Remove blur from ALL elements inside modals */
.modal *,
.modal-dialog *,
.modal-content *,
.modal-header *,
.modal-body *,
.modal-footer * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Specifically target UploadModal */
#UploadModal,
#UploadModal *,
#UploadModal .modal-backdrop,
#UploadModal.show,
#UploadModal.show ~ .modal-backdrop,
#UploadModal + .modal-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Remove blur from body when modal is open */
body.modal-open,
body.modal-open > *:not(.modal):not(.modal-backdrop) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Ensure main content is not blurred */
body.modal-open .wrapper,
body.modal-open .main-content,
body.modal-open main,
body.modal-open #app {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Override any inline styles */
[style*="backdrop-filter"],
[style*="-webkit-backdrop-filter"],
.modal-backdrop[style*="blur"],
.modal[style*="blur"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}