/* ============================================
   CRITICAL FIX: Mouse/Trackpad Interaction
   NUCLEAR OPTION - FORCE ALL INTERACTIONS
   ============================================ */

/* CRITICAL: Ensure body and html allow scrolling */
html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    touch-action: auto !important;
}

body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    touch-action: auto !important;
}

/* NUCLEAR: All background overlays MUST be behind content */
body::before,
body::after,
html::before,
html::after,
[data-theme="light"] body::before,
[data-theme="light"] body::after,
[data-theme="dark"] body::before,
[data-theme="dark"] body::after {
    z-index: -999 !important;
    pointer-events: none !important;
}

/* NUCLEAR: All interactive content MUST be above backgrounds */
* {
    -webkit-user-select: auto !important;
    user-select: auto !important;
}

header,
.header,
main,
section,
.platform-section,
.hero-section,
.featured-section,
.container,
.footer,
nav,
.navigation,
.security-section,
.category-info-section {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

/* NUCLEAR: Force ALL links and buttons to be clickable */
a,
button,
.card-final-btn,
.card-final-btn-primary,
.card-final-btn-secondary,
.carousel-arrow,
.nav-menu a,
.mobile-menu-btn,
.theme-btn,
.lang-btn,
.connect-button,
.pro-button,
input,
textarea,
select {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 100 !important;
}

/* NUCLEAR: Ensure cards are interactive */
.platform-card,
.platform-card-final,
.card-logo-container,
.card-final-title,
.card-final-description,
.premium-hero-banner {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 50 !important;
}

/* NUCLEAR: Fix for any overlay that might be blocking */
.mobile-menu-overlay:not(.active),
.modal-overlay:not(.active) {
    display: none !important;
    pointer-events: none !important;
    z-index: -999 !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Active overlays should be on top */
.mobile-menu-overlay.active,
.modal-overlay.active {
    z-index: 9999 !important;
    pointer-events: auto !important;
    display: block !important;
}

/* NUCLEAR: Ensure header is always on top but doesn't block */
.header {
    z-index: 1000 !important;
    pointer-events: auto !important;
}

/* NUCLEAR: Fix scroll containers */
.horizontal-scroll-container,
.cards-final-grid,
.horizontal-cards-grid {
    pointer-events: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
}

/* NUCLEAR: Ensure page content is scrollable */
body,
html {
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: auto !important;
}

/* DESKTOP SPECIFIC: Ensure desktop interactions work */
@media (min-width: 769px) {
    html, body {
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

    * {
        cursor: auto;
    }

    a, button {
        cursor: pointer !important;
    }
}

/* EMERGENCY: Remove any element that might be invisibly blocking */
body > div:empty:not([id]):not([class]) {
    display: none !important;
    pointer-events: none !important;
}