/* =========================================================
   INNOVA — CORREÇÃO DO SUBMENU DA SESSÃO NO MOBILE
   Mantém dropdowns acima do conteúdo da página
   ========================================================= */

@media (max-width: 991.98px) {

    /* Cabeçalho/subnav precisa ficar acima do conteúdo */
    header,
    nav,
    .navbar,
    .navbar-container,
    .navbar-collapse,
    .subnav,
    .subnav-container {
        position: relative;
        z-index: 5000 !important;
        overflow: visible !important;
    }

    /* Qualquer item que possua dropdown não pode recortá-lo */
    .navbar-nav,
    .navbar-nav > li,
    .nav-item,
    .dropdown {
        overflow: visible !important;
    }

    /* Dropdown propriamente dito */
    .dropdown-menu {
        z-index: 99999 !important;
    }

    /* Menu da navegação da sessão */
    .subnav .dropdown-menu,
    .navbar .dropdown-menu {
        position: absolute !important;
        top: 100% !important;

        min-width: 220px;
        max-width: calc(100vw - 24px);

        margin-top: 6px !important;

        border: 1px solid #dbe5ed !important;
        border-radius: 12px !important;

        background: #fff !important;

        box-shadow:
            0 16px 38px rgba(22,58,95,.18) !important;
    }

    /* Conteúdo sempre abaixo do menu aberto */
    #content,
    main#content,
    .content,
    .page,
    .container-detail,
    .innova-speakers,
    .innova-orador-form,
    .orador-create {
        position: relative;
        z-index: 1 !important;
    }
}