/* NO OVERLAYS CSS - Completely disable all overlay systems that block mobile */

/* Kill all overlay classes that might exist */
.overlay,
.sidebar-overlay,
.mobile-overlay,
.canva-overlay,
.backdrop,
.sidebar-backdrop,
#canvaMenuOverlay,
.menu-overlay,
.modal-backdrop,
.nav-overlay,
.mobile-backdrop,
.hamburger-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    position: static !important;
    z-index: -999 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Prevent any pseudo-elements from creating overlays */
body::before,
body::after,
.main-content::before,
.main-content::after,
.unified-sidebar::before,
.unified-sidebar::after,
.canva-mobile-container::before,
.canva-mobile-container::after {
    display: none !important;
    content: none !important;
    pointer-events: none !important;
    z-index: -999 !important;
}

/* Ensure body and main content don't block */
body {
    overflow: visible !important;
    pointer-events: auto !important;
}

.main-content,
.container-fluid,
.row,
.col-12 {
    pointer-events: auto !important;
    position: relative !important;
    overflow: visible !important;
}

/* Force all interactive elements to be clickable */
button,
a,
input,
textarea,
select,
.btn,
.hamburger,
.fab,
.toggle,
.nav-item,
.menu-item {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    z-index: 100 !important;
    position: relative !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    /* No overlays on mobile whatsoever */
    * {
        pointer-events: auto !important;
    }
    
    /* Ensure hamburger and FAB are always clickable */
    #canvaMenuBtn,
    #canvaFab,
    .hamburger-btn,
    .mobile-menu-btn {
        pointer-events: auto !important;
        touch-action: manipulation !important;
        z-index: 9999 !important;
        position: fixed !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}