/* ===== NUCLEAR SMART MENU POSITIONING ===== */
/* Forces positioning to work by overriding everything */

@media (max-width: 768px) {
    /* NUCLEAR OVERRIDE - Force fixed positioning on ALL menu elements */
    .menu-container-left,
    .menu-container,
    .mobile-vertical-menu,
    #menu-container-left,
    #menu-container-right,
    nav.menu-container-left,
    nav.menu-container,
    nav.mobile-vertical-menu {
        position: fixed !important;
        z-index: 9999 !important;
        transition: all 0.3s ease !important;
        will-change: transform, top, bottom !important;
        backface-visibility: hidden !important;
    }

    /* NUCLEAR RESET - Remove all conflicting positioning classes */
    .menu-container-left,
    .menu-container,
    .mobile-vertical-menu {
        /* Reset all possible conflicting styles */
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Force left menus to left side */
    .menu-container-left,
    .mobile-vertical-menu.left {
        left: 20px !important;
        right: auto !important;
    }

    /* Force right menus to right side */
    .menu-container,
    .mobile-vertical-menu.right {
        right: 20px !important;
        left: auto !important;
    }
}

/* JavaScript will apply inline styles with !important to override everything */