/* ==========================================================
   CABEÇALHO — MENU PRINCIPAL
========================================================== */

@media (min-width: 922px) {

    /* ======================================================
       ALINHAMENTO GERAL
    ====================================================== */

    .site-header-primary-section-left,
    .site-header-primary-section-center,
    .site-header-primary-section-right {
        align-items: center !important;
    }

    .main-header-bar .ast-builder-grid-row {
        align-items: center !important;
    }


    /* ======================================================
       LOGO
    ====================================================== */

    .site-header-primary-section-left .custom-logo-link {
        display: flex !important;
        align-items: center !important;
        line-height: 0 !important;
    }

    .site-header-primary-section-left .custom-logo {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-height: 42px !important;
        object-fit: contain;
    }


    /* ======================================================
       MENU PRINCIPAL
    ====================================================== */

    .main-header-menu {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
    }

    .main-header-menu > .menu-item {
        position: relative;
        display: flex;
        align-items: center;
    }

    .main-header-menu > .menu-item > .menu-link {
        position: relative;
        display: flex !important;
        align-items: center !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        line-height: 1 !important;
        min-height: 44px;
    }


    /* ======================================================
       REMOVE INDICADORES DE SUBMENU
    ====================================================== */

    .main-header-menu > .menu-item-has-children > .menu-link .ast-icon,
    .main-header-menu > .menu-item-has-children > .menu-link .sub-arrow {
        display: none !important;
    }


    /* ======================================================
       LINHA ANIMADA
    ====================================================== */

    .main-header-menu > .menu-item-has-children > .menu-link::after {
        content: "";
        position: absolute;

        left: 18px;
        right: 18px;
        bottom: 4px;

        height: 2px;
        background: var(--emit-green);

        transform: scaleX(0);
        transform-origin: left center;

        transition: transform .28s ease;
    }

    .main-header-menu > .menu-item-has-children:hover > .menu-link::after,
    .main-header-menu > .menu-item-has-children:focus-within > .menu-link::after {
        transform: scaleX(1);
    }


    /* ======================================================
       SUBMENU
    ====================================================== */

    .main-header-menu > .menu-item-has-children > .sub-menu {
        margin-top: 10px !important;
    }

}

/* Mantém a capitalização original somente no último item do menu */
.main-header-menu > li:last-child > .menu-link {
    text-transform: none !important;
}

/* =========================================================
   MENU DESKTOP — CORREÇÃO DO HOVER DO SUBMENU
   ========================================================= */

@media (min-width: 922px) {

    /* Mantém uma área invisível entre o menu e o submenu */
    .main-header-menu > .menu-item-has-children {
        position: relative;
    }

    .main-header-menu > .menu-item-has-children::after {
        content: "";
        position: absolute;

        left: 0;
        right: 0;
        top: 100%;

        height: 20px;

        background: transparent;
    }

    /* Garante que o submenu permaneça acima da página */
    .main-header-menu .sub-menu {
        z-index: 99999;
    }

}