/*
 * ACE TENNIS — CATEGORY MENU WINDOW V5
 *
 * Janela deslizante:
 * - sem wrapper;
 * - sem scroll/overflow;
 * - mantém nav > nav-item > mega menu;
 * - corrige o painel somente quando ultrapassa a viewport.
 */

@media (min-width: 1200px) {
    html body
    .ace-global-header-scope.ace-global-shell
    .ace-h11-menu-row.ace-menu-window-v5 {
        position: relative !important;

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

        overflow: visible !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    .ace-h11-menu-row
    > nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

        padding-left: 44px !important;
        padding-right: 44px !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item {
        opacity: 1 !important;
        transform: translateX(0) !important;

        transition:
            opacity 280ms cubic-bezier(.22, .61, .36, 1),
            transform 280ms cubic-bezier(.22, .61, .36, 1) !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item.ace-menu-hidden-v5 {
        display: none !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item.ace-menu-exit-next-v5 {
        opacity: 0 !important;
        transform: translateX(-30px) !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item.ace-menu-exit-prev-v5 {
        opacity: 0 !important;
        transform: translateX(30px) !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item.ace-menu-enter-next-v5 {
        opacity: 0 !important;
        transform: translateX(30px) !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item.ace-menu-enter-prev-v5 {
        opacity: 0 !important;
        transform: translateX(-30px) !important;
    }

    /*
     * V5.1 — Novidades permanece fixo.
     */
    html body
    .ace-global-header-scope.ace-global-shell
    nav[data-ace-dynamic-menu="1"].ace-menu-window-nav-v5
    > .ace-h11-nav-item.ace-menu-pinned-v5 {
        opacity: 1 !important;
        transform: translateX(0) !important;
        transition: none !important;
    }

    .ace-menu-window-v5.ace-menu-transitioning-v5
    .ace-h11-nav-item {
        pointer-events: none !important;
    }

    .ace-menu-window-v5.ace-menu-transitioning-v5
    .ace-h11-mega {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    .ace-menu-window-v5
    .ace-h11-mega {
        --ace-mega-shift-x-v5: 0px;

        transform:
            translate(
                calc(-50% + var(--ace-mega-shift-x-v5)),
                14px
            ) !important;
    }

    html body
    .ace-global-header-scope.ace-global-shell
    .ace-menu-window-v5
    .ace-h11-nav-item.has-mega:hover
    > .ace-h11-mega,

    html body
    .ace-global-header-scope.ace-global-shell
    .ace-menu-window-v5
    .ace-h11-nav-item.has-mega:focus-within
    > .ace-h11-mega {
        transform:
            translate(
                calc(-50% + var(--ace-mega-shift-x-v5)),
                0
            ) !important;
    }

    .ace-menu-arrow-v5 {
        position: absolute !important;
        z-index: 190 !important;
        top: 50% !important;

        display: grid !important;
        place-items: center !important;

        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;

        margin: 0 !important;
        padding: 0 0 2px !important;

        border: 0 !important;
        border-radius: 9px !important;

        background: #050505 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;

        box-shadow: 0 5px 14px rgba(0, 0, 0, .25) !important;

        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        cursor: pointer !important;
        user-select: none !important;

        transform: translateY(-50%) !important;

        transition:
            opacity 220ms ease,
            transform 220ms ease,
            box-shadow 220ms ease !important;
    }

    .ace-menu-arrow-v5--prev {
        left: 7px !important;
    }

    .ace-menu-arrow-v5--next {
        right: 7px !important;
    }

    .ace-menu-arrow-v5:hover:not(.is-disabled) {
        transform: translateY(-50%) scale(1.06) !important;
        box-shadow: 0 7px 18px rgba(0, 0, 0, .32) !important;
    }

    .ace-menu-arrow-v5:focus-visible {
        outline: 3px solid #ffffff !important;
        outline-offset: 2px !important;
    }

    .ace-menu-arrow-v5.is-disabled {
        opacity: .24 !important;
        cursor: default !important;
        pointer-events: none !important;
        box-shadow: none !important;
    }

    .ace-menu-arrow-v5[hidden] {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .ace-menu-arrow-v5 {
        display: none !important;
    }

    html body
    .ace-global-header-scope
    nav[data-ace-dynamic-menu="1"]
    > .ace-h11-nav-item.ace-menu-hidden-v5 {
        display: flex !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body
    .ace-menu-window-nav-v5
    > .ace-h11-nav-item,

    .ace-menu-arrow-v5 {
        transition: none !important;
    }
}