.ecomus-navigation-menu__title {
	@include font-size(18/16);
	font-family: var(--em-heading-font);
	color: var(--em-heading-color);
	margin: 0 0 25px;

	&.active {
		.ecomus-navigation-menu__icon-default {
			opacity: 0;
		}

		.ecomus-navigation-menu__icon-active {
			opacity: 1;
		}
	}
}

.ecomus-navigation-menu__menu {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	flex-direction: column;

	> li {
		> .sub-menu {
			padding-left: 10px;
		}
	}

	ul {
		padding-left: 0;
	}

	li {
		padding: 0;
	}

	a {
		color: var( --em-color__base );

		&:hover {
			color: var( --em-color__primary );
		}
	}
}

.ecomus-navigation-menu__icon {
	@include font-size(12/16);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	border-radius: 50%;
	display: inline-flex;
	transition: .3s;

	i, svg {
		transition: .3s;
	}
}

.ecomus-navigation-menu__icon-active {
	opacity: 0;
}