/* ==========================================================
   REIS LIXEIRAS V24
   DROPDOWN PRODUTOS CONTROLADO POR JAVASCRIPT
========================================================== */


/*
Depois que o JS inicializa,
o dropdown deixa de depender do hover antigo.
*/

html body
.nav-drop-v14.reis-menu-controlado-v24
> .drop-menu-v14{

    display:
        none !important;

    visibility:
        hidden !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

}


/*
ESTADO ABERTO REAL
*/

html body
.nav-drop-v14.reis-menu-controlado-v24.reis-menu-aberto-v24
> .drop-menu-v14{

    display:
        grid !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    pointer-events:
        auto !important;

}


/*
Evita qualquer transicao antiga
fechando visualmente o menu.
*/

html body
.nav-drop-v14.reis-menu-controlado-v24
> .drop-menu-v14{

    transition:
        opacity .12s ease !important;

}


/* ==========================================================
   PONTE INVISIVEL

   Preenche alguns pixels entre o botão Produtos
   e o painel, reduzindo ainda mais a chance de
   o mouse "cair" fora da área.
========================================================== */

@media(min-width:1001px){

    html body
    .nav-drop-v14.reis-menu-controlado-v24::after{

        content:"";

        position:
            absolute;

        z-index:
            999998;

        left:
            -20px;

        right:
            -20px;

        top:
            100%;

        height:
            22px;

        background:
            transparent;

        pointer-events:
            auto;

    }

}


/* ==========================================================
   MANTEM DROPDOWN ACIMA DE TUDO
========================================================== */

html body
.nav-drop-v14
> .drop-menu-v14{

    z-index:
        999999 !important;

}


/* ==========================================================
   MOBILE

   No mobile deixamos o comportamento original.
========================================================== */

@media(max-width:820px){

    html body
    .nav-drop-v14.reis-menu-controlado-v24
    > .drop-menu-v14{

        visibility:
            visible !important;

        opacity:
            1 !important;

        pointer-events:
            auto !important;

    }

}