/* =========================================================
   INNOVA-MOBILE-SUBNAV-FINAL-V2
   Correção definitiva do submenu da sessão no mobile
   ========================================================= */

@media (max-width: 991.98px) {

    /* O container do submenu precisa criar a camada superior */
    .innova-subnav-wrap {
        position: relative !important;
        z-index: 1000000 !important;
        overflow: visible !important;
        isolation: auto !important;
    }

    .innova-subnav {
        position: relative !important;
        z-index: 1000001 !important;
        overflow: visible !important;
    }

    .innova-subnav > .nav-item {
        position: relative !important;
        overflow: visible !important;
    }

    .innova-subnav > .nav-item.dropdown.show {
        z-index: 1000002 !important;
    }

    /* Dropdown específico da navegação da sessão */
    .innova-subnav .innova-subnav-dropdown {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 0 !important;
        right: auto !important;

        width: max-content !important;
        min-width: 230px !important;
        max-width: calc(100vw - 24px) !important;

        margin: 0 !important;
        padding: 8px !important;

        z-index: 1000003 !important;

        background: #ffffff !important;
        border: 1px solid rgba(22, 58, 95, .12) !important;
        border-radius: 12px !important;

        box-shadow:
            0 18px 45px rgba(22, 58, 95, .22),
            0 4px 12px rgba(22, 58, 95, .08) !important;

        overflow: visible !important;
    }

    .innova-subnav .innova-subnav-dropdown.show {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .innova-subnav .innova-subnav-dropdown:not(.show) {
        display: none !important;
    }

    .innova-subnav .innova-subnav-dropdown .dropdown-item {
        position: relative !important;
        z-index: auto !important;

        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .innova-subnav .innova-subnav-dropdown .dropdown-item > a {
        display: block !important;
        width: 100% !important;

        padding: 10px 12px !important;

        white-space: normal !important;
        line-height: 1.3 !important;

        color: #173A5E !important;
        text-decoration: none !important;

        border-radius: 8px !important;
    }

    .innova-subnav .innova-subnav-dropdown .dropdown-item > a:hover,
    .innova-subnav .innova-subnav-dropdown .dropdown-item > a:focus {
        background: #EDF6FC !important;
        color: #163A5F !important;
    }

    /* Nenhum ancestral imediato pode cortar o dropdown */
    .masthead,
    .masthead .container,
    .masthead .container-fluid,
    .navbar-brand,
    .innova-subnav-wrap,
    .innova-subnav,
    .innova-subnav .dropdown {
        overflow: visible !important;
    }

    /* Página permanece em camada inferior */
    main#content,
    #content {
        position: relative !important;
        z-index: 1 !important;
    }
}