/* FOOTER */
.nav--footer {
	.nav__item + .nav__item { margin-left: 20px }
}

@media (max-width: @responsiveDesktop) {
	.nav--footer {
		position: absolute;
		right: 20px;
		bottom: 20px;
		max-width: 50%;

		.nav__item + .nav__item {
			display: block;
			margin-left: 0;
		}
	}
}

.no-touch {
	.nav--footer {
		.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%);
				}
			}
		}
	}
}

.mobile,
.tablet {
	.nav--footer {
		.nav__item {
			.nav__link { color: @colorFontDark }
			@media (prefers-color-scheme: dark) {
				.nav__link { color: @colorFont }
			}
		}
	}
}