.c-nav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.c-nav__list {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	margin-left: 4.15vw;
	padding: 0;
	list-style: none;

	@include mq($bp-max){
		margin-left: space(7);
	}
}

.c-nav__item {
	margin-top: 0;

	&:nth-last-child(n+2) {
		margin-right: 2vw;

		@include mq($bp-max) {
			margin-right: space(4);
		}
	}
}

.c-nav__item--cart {
	margin-left: auto;
}

.c-nav__item--cart-mobile {
	margin-left: auto;
	list-style: none;

	@include mq(980) {
		display: none;
	}

	&::marker {
		display: none;
	}

	.c-cart-button {
		padding: 4px 12px 0px;
	}
}

.c-nav__link {
	@include font-family(secondary);
	@include font-size(s);
	position: relative;
	display: inline-block;
	padding: space(1) 0;
	line-height: 24px;
	text-decoration: none;
	color: palette(neutral, 0);
	transition: color 150ms linear;

	@include mq($bp-max) {
		//padding: space(2) 0;
	}

	.is-active & {
		&::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: 100%;
			left: 0;
			right: 0;
			background-color: palette(primary);
			height: 4px;
			pointer-events: none;
		}
	}

	&:hover {
		color: palette(primary);
	}
}

.c-nav__actions {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
}