/* ==========================================
   SAFE MODAL PROTECTION
   Blocks screenshots but allows text effects
   December 6, 2025
   ========================================== */

/* DELETE floating screenshots only */
.floating-screenshot,
.cursor-circle,
[class*="floating-screenshot"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Allow floating text/words - safe for modal */
.floating-phrase,
.floating-word,
.floating-tagline-container,
.word-float-1,
.word-float-2,
.word-float-3,
.word-float-4 {
    /* Keep these active - they don't block modal */
    pointer-events: none !important;
}

/* FORCE modal to maximum */
#purchase-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
}

#purchase-modal.active,
#purchase-modal:not(.hidden) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#purchase-modal [data-modal-content],
#purchase-modal [data-modal-content] * {
    pointer-events: auto !important;
}

/* Disable cursor-circle when modal is open */
body:has(#purchase-modal.active) .cursor-circle,
body:has(#purchase-modal:not(.hidden)) .cursor-circle {
    display: none !important;
    opacity: 0 !important;
}