/* Start custom CSS for shortcode, class: .elementor-element-a46e3cc *//* =========================================================
   NEOPRÓ — MEGA MENU XSTORE
   Desktop responsivo:
   largura total + colunas fluidas + fontes proporcionais

   IMPORTANTE:
   - Atua somente em desktop: 769px ou mais
   - Não altera a versão mobile
   - Mantém todas as colunas visíveis
   - Reduz fontes e espaçamentos conforme a tela diminui
   ========================================================= */

@media (min-width: 769px) {

    /* =====================================================
       WIDGET / ÁREA EXTERNA
       Faz o widget trabalhar com a largura real da viewport
       e não com a largura limitada pelo Static Block/XStore
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        box-sizing: border-box !important;
    }

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .elementor-widget-container {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ÁREA EFETIVA DO MEGA MENU

       Em telas maiores mantém limite de 1440px.
       Conforme a tela diminui, reduz também as margens
       laterais para ganhar espaço para as 8 colunas.
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu {
        width: calc(
            100vw - clamp(24px, 4vw, 80px)
        ) !important;

        max-width: 1440px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       COLUNAS

       Todas as colunas dividem exatamente o espaço
       disponível.

       minmax(0, 1fr) é importante:
       permite que as colunas realmente encolham em
       notebooks/telas menores sem empurrar a última
       coluna para fora da tela.
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__columns {
        display: grid !important;

        grid-template-columns:
            repeat(
                var(--neopro-menu-columns, 8),
                minmax(0, 1fr)
            ) !important;

        column-gap:
            clamp(
                2px,
                calc(1vw - 4px),
                10px
            ) !important;

        row-gap:
            clamp(
                3px,
                0.45vw,
                6px
            ) !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        align-items: start !important;
        justify-content: stretch !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       COLUNA INDIVIDUAL

       Remove qualquer largura mínima que possa ser
       herdada do Elementor/XStore.
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__column {
        display: block !important;

        flex: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CATEGORIA-PAI

       Fonte fluida:
       tela grande  = até 16px
       tela pequena = até aproximadamente 10.5px
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__parent-label {
        font-size:
            clamp(
                10.5px,
                calc(0.92vw + 3.4px),
                16px
            ) !important;

        font-weight: 700 !important;

        padding-left:
            clamp(
                2px,
                calc(1vw - 4px),
                10px
            ) !important;

        text-align: left !important;

        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        line-height: 1.2 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CATEGORIAS FILHAS

       Fonte fluida:
       tela grande  = até 12.5px
       tela pequena = até aproximadamente 8px

       Dessa forma os nomes continuam em uma linha
       mesmo em desktops menores.
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__children a {
        font-size:
            clamp(
                8px,
                calc(0.754vw + 2.2px),
                12.5px
            ) !important;

        font-weight: 400 !important;

        padding-left:
            clamp(
                2px,
                calc(1vw - 4px),
                10px
            ) !important;

        text-align: left !important;

        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        line-height: 1.2 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       COMPACTAÇÃO VERTICAL

       Também diminui levemente conforme a tela fica menor.
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__column a,
    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__parent-label {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top:
            clamp(
                1px,
                0.15vw,
                2px
            ) !important;

        padding-bottom:
            clamp(
                1px,
                0.15vw,
                2px
            ) !important;
    }


    /* =====================================================
       ITENS DA LISTA
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__column li {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       LISTA DE CATEGORIAS FILHAS
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc .neopro-megamenu .neopro-megamenu__children {
        margin-top: 0 !important;

        margin-bottom:
            clamp(
                6px,
                0.75vw,
                10px
            ) !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       SEPARADOR ENTRE SUBCATEGORIAS
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc
    .neopro-megamenu
    .neopro-megamenu__children > li:not(:last-child) {
        border-bottom:
            1px solid rgba(0, 0, 0, 0.08) !important;
    }


    /* =====================================================
       ESPAÇO ENTRE CATEGORIAS-PAI DENTRO DA MESMA COLUNA
       ===================================================== */

    .elementor-166096 .elementor-element.elementor-element-a46e3cc
    .neopro-megamenu
    .neopro-megamenu__group
    + .neopro-megamenu__group {
        margin-top:
            clamp(
                6px,
                0.75vw,
                10px
            ) !important;
    }

}/* End custom CSS */