/* MAIN */
.nav--main {
	.nav__item + .nav__item {
		margin-left: 20px;
	}
}

@media (max-width: @responsiveDesktop) {
	.nav--main {
		.nav__item {
			display: block;
			text-align: center;

			& + .nav__item {
				margin-left: 0;
				padding-left: 0;
				margin-top: 10px;
				border-left: none;
			}
		}

		.nav__link {
			font-size: calc(@fontSizeText * 1.5);
		}
	}
}

.no-touch {
	.nav--main {
		.nav__item {
			.nav__link {
				display: inline-block;

				&:before {
					content: '';
					position: absolute;
					left: 50%;
					bottom: -5px;
					display: block;
					width: 0;
					height: 1px;
					background: @colorHover;
					transform: translateX(0);
					transition: all 0.2s;

					@media (prefers-color-scheme: dark) {
						background: @colorHoverDark;
					}
				}

				&:hover {
					color: @colorHover;
					@media (prefers-color-scheme: dark) {
						color: @colorHoverDark;
					}
				}

				&:hover:before {
					width: 100%;
					transform: translateX(-50%);
				}
			}
		}
	}
}

.desktop {
	.nav--main {
		margin-left: -50px;

		@media (min-width: @responsiveDesktopXL) {
			margin-left: -65px;
		}

		.nav__item {
			.nav__link {
				color: @colorFont;

				@media (prefers-color-scheme: dark) {
					color: @colorFontDark;
				}
			}
		}
	}
}

.mobile,
.tablet {
	.nav--main {
		.nav__item {
			.nav__link {
				color: @colorFontDark
			}

			@media (prefers-color-scheme: dark) {
				.nav__link {
					color: @colorFont
				}
			}
		}
	}
}