/* ==========================================================
   REIS LIXEIRAS
   V23 - MENU FINAL
========================================================== */


/* ==========================================================
   HEADER PRECISA DEIXAR DROPDOWN ESCAPAR
========================================================== */

.site-header-v14,

.header-row-v14,

.primary-nav-v14,

.nav-drop-v14{

    overflow:
        visible !important;

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:1001px){


    /* ======================================================
       MENU PRINCIPAL
       CENTRALIZADO E UM POUCO MAIOR
    ====================================================== */

    .primary-nav-v14{

        width:
            100% !important;

        max-width:
            none !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            28px !important;

        column-gap:
            28px !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        padding-left:
            0 !important;

        padding-right:
            0 !important;

        text-align:
            center !important;

    }


    .primary-nav-v14 > a,

    .primary-nav-v14
    > .nav-drop-v14
    > a{

        padding:
            15px 5px !important;

        font-size:
            15.5px !important;

        line-height:
            1.1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.1px !important;

        white-space:
            nowrap !important;

    }


    /* ======================================================
       PRODUTOS
       DROPDOWN CENTRALIZADO NA TELA
    ====================================================== */

    .drop-menu-v14.wide-drop{

        position:
            fixed !important;

        z-index:
            999999 !important;

        top:
            var(
                --reis-v23-menu-top,
                145px
            )

            !important;

        left:
            50% !important;

        right:
            auto !important;

        transform:
            translateX(-50%)
            !important;

        width:
            min(
                1120px,
                calc(
                    100vw
                    -
                    56px
                )
            )

            !important;

        max-width:
            1120px !important;

        min-width:
            0 !important;

        max-height:

            calc(
                100vh
                -
                var(
                    --reis-v23-menu-top,
                    145px
                )
                -
                22px
            )

            !important;

        padding:
            18px !important;

        grid-template-columns:

            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            )

            !important;

        column-gap:
            18px !important;

        row-gap:
            5px !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        overscroll-behavior:
            contain !important;

        background:
            #ffffff !important;

        border:
            1px solid
            #dce7ed !important;

        border-radius:
            15px !important;

        box-shadow:

            0 20px 55px
            rgba(
                11,
                50,
                103,
                .18
            )

            !important;

    }


    /* ======================================================
       ITENS DROPDOWN
    ====================================================== */

    .drop-menu-v14.wide-drop a{

        min-width:
            0 !important;

        min-height:
            48px !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            10px 13px !important;

        margin:
            0 !important;

        color:
            #0b3267 !important;

        background:
            transparent !important;

        border:
            1px solid
            transparent !important;

        border-radius:
            9px !important;

        font-size:
            14px !important;

        line-height:
            1.25 !important;

        font-weight:
            750 !important;

        white-space:
            normal !important;

        text-align:
            left !important;

        word-break:
            normal !important;

        overflow-wrap:
            anywhere !important;

    }


    .drop-menu-v14.wide-drop a:hover{

        color:
            #08735f !important;

        background:
            #eafbf3 !important;

        border-color:
            #c6ecdb !important;

    }


    /* ======================================================
       SCROLLBAR DISCRETA
    ====================================================== */

    .drop-menu-v14.wide-drop{

        scrollbar-width:
            thin;

        scrollbar-color:
            #87d9b8
            #edf7f3;

    }


    .drop-menu-v14.wide-drop
    ::-webkit-scrollbar{

        width:
            8px;

    }


    .drop-menu-v14.wide-drop
    ::-webkit-scrollbar-thumb{

        background:
            #87d9b8;

        border-radius:
            999px;

    }


}


/* ==========================================================
   DESKTOP MENOR
========================================================== */

@media(
    min-width:1001px
)
and
(
    max-width:1180px
){


    .primary-nav-v14{

        gap:
            18px !important;

        column-gap:
            18px !important;

    }


    .primary-nav-v14 > a,

    .primary-nav-v14
    > .nav-drop-v14
    > a{

        font-size:
            14.5px !important;

    }


    .drop-menu-v14.wide-drop{

        width:
            calc(
                100vw
                -
                34px
            )

            !important;

        grid-template-columns:

            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            )

            !important;

    }


}


/* ==========================================================
   TABLET
========================================================== */

@media(
    min-width:821px
)
and
(
    max-width:1000px
){


    .primary-nav-v14{

        justify-content:
            center !important;

        gap:
            12px !important;

    }


    .primary-nav-v14 > a,

    .primary-nav-v14
    > .nav-drop-v14
    > a{

        font-size:
            14px !important;

    }


    .drop-menu-v14.wide-drop{

        width:
            calc(
                100vw
                -
                24px
            )

            !important;

        max-height:
            70vh !important;

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            )

            !important;

    }


}


/* ==========================================================
   MOBILE
   PRESERVA MENU MOBILE EXISTENTE
========================================================== */

@media(max-width:820px){


    .drop-menu-v14.wide-drop{

        position:
            static !important;

        left:
            auto !important;

        right:
            auto !important;

        top:
            auto !important;

        transform:
            none !important;

        width:
            100% !important;

        max-width:
            100% !important;

        max-height:
            none !important;

        overflow:
            visible !important;

    }


}