/* FILE: global/menu/_secondary-sub-menu.scss */

.secondary-navigation {

	.sub-menu {
		display: none;
		position: absolute;
		width: auto;
		min-width: 12em;
		#{$right}: -2rem;
		top: 100%;
		padding: 2rem;
		margin-#{$left}: 0;
		background: var(--color_header_background);
		color: var(--color_header_text);
		box-shadow: 0 1em 2em rgba( #000, .15 );
		z-index: 1;

		@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {

			a {
				transition: transform .15s;

				// Do not apply on focus to prevent any eye discomfort!
				&:hover {
					transform: translateX(.15rem);
				}

			}

		}

	}

	.menu-item-has-children {
		position: relative;

		// Inaccessible menu fallback indicating submenu.
		&:not([aria-haspopup]):not(.menu-item-is-depth-3) {

			> a {
				display: flex;
				align-items: center;
				justify-content: space-between;

				&::after {
					content: '\25bc';
					padding-#{$left}: 1em;
					margin-#{$left}: auto;
					font-size: .5em;
				}

			}

		}

		@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {

			&:hover > .sub-menu {
				display: block;
			}

		}

	}

}