//== Variables
@hdeng-desktop-navigation-active-bg-color: @hdeng-key-color;

//== Generates
.hdeng-desktop-navigation-critical-generate() {
    .desktop-navigation {
        display: inline-block;
        margin: 0;
        padding: 0;

        font-size: 14px;
        line-height: @hdeng-spacing;
        list-style: none;

        & > li {
           //  position: relative;

            display: inline-block;
        }

        // Hide until non-critical css is loaded
        ul {
            display: none;
        }
    }

    .desktop-navigation .menu-item,
    .desktop-navigation__item {
        & > a {
            display: block;
            padding: 9px 15px 11px;

            border-radius: @hdeng-border-radius;
            color: @hdeng-header-font-default-color;
            text-decoration: none;

            &:visited {
                color: @hdeng-header-font-default-color;
                text-decoration: none;
            }

            &:hover,
            &:active,
            &:focus {
                text-decoration: none;
            }
        }
    }

    .desktop-navigation .current-menu-item > a,
    .desktop-navigation .current-menu-parent > a,
    .desktop-navigation .menu-item:hover > a,
    .desktop-navigation__item--current > a,
    .desktop-navigation__item--current-ancestor > a,
    .desktop-navigation__item:hover > a,
    .desktop-navigation__item[aria-expanded="true"] > a,
    .desktop-navigation__item a[aria-expanded="true"],
    .desktop-navigation__item[aria-selected="true"] > a,
    .desktop-navigation__item a[aria-selected="true"] {
        background-color: @hdeng-desktop-navigation-active-bg-color;
        color: #fff;

        &:visited {
            color: #fff;
        }
    }
}

.hdeng-desktop-navigation-generate() {
    .desktop-navigation {
        & > li.dropdown,
        & > li.menu-item-has-children {
            .hdeng-dropdown();

            &:hover {
                .hdeng-dropdown-open();
            }

            & > ul {
                background-color: @hdeng-desktop-navigation-active-bg-color;
            }
        }
    }
}
