/*------------------------------------
  Navigation
------------------------------------*/

/* Base Abstractions */
%u-main-nav-base-link {
	display: block;
}

%u-main-nav-has-sub-menu {
	> a {
		position: relative;
		z-index: 1;

		@include px-to-rem(padding-right, 20px);

		&::after {
			content: "\e900";
			font-family: "hs-icons";
			font-weight: inherit;
			line-height: 1;

			position: absolute;
			top: 50%;
			@include px-to-rem(right, 15px);

			transform: translate3d(0,-50%,0);
		}
	}
}

/* Base stylesheets */
.u-header__section {
	&--dark {
		.navbar [class*="u-main-nav-v"] {
			.nav-link {
				color: $g-color-white;
			}

			.nav-item {
				&.active > .nav-link,
				&:hover > .nav-link,
				&:focus > .nav-link,
				&.show > .nav-link,
				&.hs-sub-menu-opened > .nav-link,
				.nav-link:focus {
					color: $g-color-white;
				}
			}
		}
	}
}

/* Import */

/* Main navigation styles */
@import "navigation-v1";
@import "navigation-v2";
@import "navigation-v3";
@import "navigation-v4";
@import "navigation-v5";
@import "navigation-v6";
@import "navigation-v7";
@import "navigation-v8";
@import "navigation-v9";

/* Dropdown navigation styles */
@import "navigation-dropdown-v1";
@import "navigation-dropdown-v2";
@import "navigation-dropdown-v3";
@import "navigation-dropdown-v4";
@import "navigation-dropdown-inline";
@import "navigation-dropdown-columns";

/* Main navigation behaviors */
@import "navigation-overlay";
@import "navigation-push";
@import "navigation-smart";

/* Secondary navigation styles */
@import "navigation-secondary";

/* Sidebar navigation styles */
@import "navigation-sidebar";

/* Override vendor stylesheets */
.hamburger-inner::before,
.hamburger-inner::after {
	background-color: inherit;
}

[class*="u-main-nav-"] .dropdown-toggle::after {
	width: auto;
	height: auto;
	vertical-align: inherit;
	border: none;
}

/* Overlay */
.u-main-nav__overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 2000%;
	opacity: 0;
	visibility: hidden;
}

/* Override necessary navigation styles in side-header pages */
body.u-body--header-side {
	&-static-left {
		.navbar [class*="u-main-nav-"] {
			.dropdown-toggle::after,
			> .hs-has-sub-menu > a::after,
			> .hs-has-mega-menu > a::after {
				content: "\e900";
			}
		}
	}

	&-static-right {
		.navbar [class*="u-main-nav-"] {
			.dropdown-toggle::after,
			> .hs-has-sub-menu > a::after,
			> .hs-has-mega-menu > a::after {
				content: "\e901";
			}
		}
	}
}
