/* Elementor Nav Menu Drilldown Overrides - Mobile Optimized */

@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown.drilldown-enabled {
        overflow: hidden !important;
        position: relative;
        background-color: var(--e-global-color-text, #ffffff) !important;
        width: 100%;
    }

    /* Disable hover interactions completely */
    .elementor-nav-menu--dropdown.drilldown-enabled .elementor-item:hover,
    .elementor-nav-menu--dropdown.drilldown-enabled .elementor-item:focus {
        pointer-events: none;
    }
    
    .elementor-nav-menu--dropdown.drilldown-enabled .elementor-item {
         pointer-events: auto;
    }

    .elementor-nav-menu--dropdown.drilldown-enabled ul {
        transition: transform 0.35s ease-in-out;
        width: 100%;
        position: relative;
        background-color: transparent !important;
    }

    /* Sub-menus styling */
    .elementor-nav-menu--dropdown.drilldown-enabled .sub-menu {
        display: block !important;
        position: fixed !important; /* Fixed to take full viewport */
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100vh;
        z-index: 99999;
        margin: 0 !important;
        background-color: var(--drilldown-bg, #ffffff) !important;
        transition: left 0.35s ease-in-out;
        overflow-y: auto;
    }
    
    /* When active, slide in */
    .elementor-nav-menu--dropdown.drilldown-enabled .sub-menu.drilldown-active {
        left: 0;
    }

    /* The Back Button */
    .drilldown-back-btn {
        cursor: pointer;
        padding: 20px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background-color: var(--drilldown-header-bg, #f9f9f9);
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .drilldown-back-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        width: 24px;
        height: 24px;
    }

    .drilldown-back-icon svg, .drilldown-back-icon img {
        width: 100%;
        height: 100%;
        fill: currentColor;
        object-fit: contain;
    }
}