/* Fix for feedback modal visibility */

/* Ensure feedback modal is always visible when shown */
#feedback-modal {
    z-index: 9999 !important;
}

#feedback-modal:not(.hidden) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

#feedback-modal .modal-content {
    z-index: 10000 !important;
    position: relative !important;
}

/* Ensure other modals also have proper z-index */
.modal {
    z-index: 9998 !important;
}

.modal:not(.hidden) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Debug styling - temporarily make modal more visible */
#feedback-modal:not(.hidden) {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

#feedback-modal:not(.hidden) .modal-content {
    background-color: #2a2a2a !important;
    border: 3px solid #f39c12 !important;
    box-shadow: 0 0 50px rgba(243, 156, 18, 0.5) !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    #feedback-modal:not(.hidden) {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
    }
    
    #feedback-modal .modal-content {
        max-width: 90% !important;
        max-height: 90% !important;
        overflow-y: auto !important;
    }
}