/* Wingman additions to the iDocs template */

/* Desktop menu: thin separators between the text items (none before the App Store badge) */
@media (min-width: 992px) {
	.primary-menu ul.navbar-nav > li {
		position: relative;
	}

	.primary-menu ul.navbar-nav > li + li:not(:last-child)::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		height: 14px;
		margin-top: -7px;
		border-left: 1px solid currentColor;
		opacity: .25;
	}

	/* Language dropdown: the same compact dark panel as on the other pages */
	.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown.lang-menu > .dropdown-menu {
		top: calc(50% + 23px);
		left: 50%;
		margin-left: -85px;
		min-width: 170px;
		padding: 6px;
		background-color: #161616;
		border: 1px solid rgba(255, 255, 255, .1);
		border-radius: 10px;
		box-shadow: 0 12px 32px rgba(0, 0, 0, .35);
	}

	.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown.lang-menu:hover > a:after {
		content: none; /* no pointer triangle */
	}

	.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.lang-menu .dropdown-menu li > a:not(.btn) {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
		border-radius: 6px;
	}

	.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.lang-menu .dropdown-menu li:hover > a:not(.btn) {
		background-color: rgba(255, 255, 255, .08);
		color: #fff;
		font-weight: 400;
	}

	.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.lang-menu .dropdown-menu li:hover > a.active {
		color: #3395ff;
		font-weight: 600;
	}

	.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.lang-menu .dropdown-menu li > a.active::after {
		content: "\f00c"; /* fa-check */
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: .8125rem;
	}
}

/* Language dropdown: white text; the current language in blue and a bit bolder */
.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.lang-menu .dropdown-menu li > a:not(.btn) {
	color: #fff;
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.lang-menu .dropdown-menu li > a.active {
	color: #3395ff;
	font-weight: 600;
}