﻿.subcategoria {
    position: absolute;
    width: initial;
    padding: 1px 0px 10px;
    display: none;
    grid-template-columns: 400px;
    margin-top: 5px;
    margin-left: -90px;
    /*border-top: 1px solid #898C8D;*/
    border-top: 1px solid #d9d9d9;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
    z-index: 9999;
    /* você pode ajustar largura, sombras etc. */
}

    .subcategoria:hover {
        width: 65%;
        overflow: auto; /* permite o scroll */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer e Edge */
    }

    .subcategoria::-webkit-scrollbar {
        display: none; /* Chrome, Safari e Opera */
    }


.opcoes-empresa {
    position: absolute;
    background: rgb(255, 255, 255);
    width: initial;
    padding: 1px 0px 10px;
    display: none;
    margin-top: 5px;
    margin-left: -12px;
    z-index: -4;
    /*border-top: 1px solid #898C8D;*/
    border-top: 1px solid #d9d9d9;
}

    .opcoes-empresa a {
        font-size: 12px !important;
        font-family: 'GilRoy-Medium' !important;
        padding: 0px 15px 4px;
        text-transform: none !important;
        line-height: 25px;
    }
        .opcoes-empresa a:hover {
            background-color: #e5e5e5;
        }
 
.a-empresa:hover .opcoes-empresa,
.a-empresa .opcoes-empresa:hover {
    display: grid; /* Mantém visível ao interagir */
}

/*.subcategoria > div:not(.menu-a-direita) {
    border-right: 2px solid #bababa;
}*/

.subcategoria > div.menu-a-direita {
    border-right: 2px solid #fff;
}

#menu-horizontal ul li.produtos-ativo,
li.a-empresa:hover {
    /*border-top: 1px solid #898C8D;*/
    /*border-left: 1px solid #898C8D;*/
    /*border-right: 1px solid #898C8D;*/
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 2px solid #FFF;
    padding-bottom: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* .subcategoria:hover {
        display: grid !important;        
        gap: 0px;
        grid-template: repeat(9, 1fr) / repeat(2, 1fr);
        grid-auto-flow: column;
    }*/
.item-subcategoria {
    margin-top: -1px;
    padding: 0px;
    border-bottom: 2px solid transparent;
    background: #fff;
}
    .item-subcategoria .produtos-header-nivel-1 {
        padding: 8px;
        position: relative;
    }
    /*

    .item-subcategoria::before {
        content: '';
        position: absolute;
        background-color: #bababa; 
        z-index: 1;
        inline-size: 2px;
        block-size: 100%;
        inset-block-start: 0;
        inset-inline-start: 34.1em;
    }*/
    .item-subcategoria a {
        font-size: 12px !important;
        text-decoration: none;
    }

        .item-subcategoria a.primeiro-nivel {
            padding-right: 10px;
            padding-left: 20px;
        }

    .item-subcategoria:hover {
        cursor: pointer;
        background-color: #e5e5e5;
    }


    .item-subcategoria:not(.menu-a-direita):hover a.primeiro-nivel::after {
        background-image: url('../IMAGES/2024/seta2.png');
        background-size: 12px 12px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 12px;
        height: 12px;
        padding-left: 10px;
        content: "";
        float: right;
    }

    .item-subcategoria.menu-a-direita:hover a.primeiro-nivel::after {
        background-image: url('../IMAGES/2024/seta3.png');
        background-size: 12px 12px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 12px;
        height: 12px;
        padding-left: 10px;
        content: "";
        float: left;
    }


/*.item-subcategoria:hover {
        border-bottom: 2px solid #EB403D;
    }*/


@media screen and (max-height: 900px){
    .item-subcategoria .produtos-header-nivel-1 {
        padding: 6px;
    }    
}

@media screen and (max-height: 650px) {
    .item-subcategoria .produtos-header-nivel-1 {
        padding: 2px;
    }
    .item-subcategoria a.primeiro-nivel {
        font-size: 8px;
    }
}