/**
 * Global Modal Styles
 * This is the ONLY place where .modal styles should be defined
 * DO NOT define .modal in module-specific CSS files
 */

/* Bootstrap Modal Base */
.modal {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9998 !important;
}

/* Modal Content */
.modal-dialog {
    position: relative;
    z-index: 10000 !important;
}

.modal-content {
    position: relative;
    z-index: 10001 !important;
}

/* Buttons inside modals */
.modal .btn {
    position: relative;
    z-index: 10002 !important;
}

/* Override Bootstrap defaults to ensure consistent stacking */
body .modal.show {
    z-index: 9999 !important;
}

body .modal-backdrop.show {
    z-index: 9998 !important;
}

/* Modal overlay - hide by default */
.modal-overlay {
    display: none !important;
}

.modal-overlay.show {
    display: block !important;
}

/* Feedback modal - ensure it's hidden by default */
#feedbackModal {
    display: none !important;
}

#feedbackModal.show {
    display: block !important;
}