/* Navigation */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding-left: 0px;
	margin: 0;
}

.woocommerce-MyAccount-navigation li.is-active,
.woocommerce-MyAccount-navigation li:hover {
	background-color: var(--color-background);
}

.woocommerce-MyAccount-navigation li{
	border: var(--border);
}

.woocommerce-account:not(.woocommerce-dashboard) .woocommerce-MyAccount-navigation li + li:not(:last-child){
	border-top: unset;
}

.woocommerce-MyAccount-navigation a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.125rem;
	transition: var(--transition);
	color: var(--color-text);
	height: 100%;
}

.woocommerce-MyAccount-navigation a:after{
	content: '';
	background-color: currentColor;
	width: 20px;
	height: 20px;
	display: inline-block;
} 

.woocommerce-MyAccount-navigation-link--orders a:after{
	-webkit-mask-image: url('../../../icons/document-text-outline.svg');
	mask-image: url('../../../icons/document-text-outline.svg');
}
.woocommerce-MyAccount-navigation-link--edit-address a:after{
	-webkit-mask-image: url('../../../icons/home-outline.svg');
	mask-image: url('../../../icons/home-outline.svg');
}
.woocommerce-MyAccount-navigation-link--edit-account a:after{
	-webkit-mask-image: url('../../../icons/person-circle-outline.svg');
	mask-image: url('../../../icons/person-circle-outline.svg');
}
.woocommerce-MyAccount-navigation-link--wishlist a:after{
	-webkit-mask-image: url('../../../icons/heart-outline.svg');
	mask-image: url('../../../icons/heart-outline.svg');
}
.woocommerce-MyAccount-navigation-link--customer-logout a:after{
	-webkit-mask-image: url('../../../icons/exit-outline.svg');
	mask-image: url('../../../icons/exit-outline.svg');
}

.woocommerce-MyAccount-navigation-link--customer-logout{
	margin-top: 24px;
}

.woocommerce-dashboard .woocommerce-MyAccount-navigation-link--customer-logout{
	margin-top: 0;
}

@media screen and (min-width: 769px){
	.woocommerce-account .woocommerce-MyAccount-navigation{
		width: 100%;
	} 
	.woocommerce-account:not(.woocommerce-dashboard) .woocommerce-MyAccount-navigation{
		max-width: 240px;
		width: 24%;
		margin-bottom: 32px;
	} 
	.woocommerce-dashboard .woocommerce-MyAccount-navigation ul{
		display: grid;
    	grid-template-columns: repeat(4, 1fr);
		justify-content: center;
		gap: 24px;
	}
	.woocommerce-dashboard .woocommerce-MyAccount-navigation a{
		flex-direction: column-reverse;
		padding: 50px;
		gap: 24px;
		text-align: center;
	}
	.woocommerce-dashboard .woocommerce-MyAccount-navigation a:after{
		width: 40px;
   		height: 40px;
	}
	.woocommerce-dashboard .woocommerce-MyAccount-navigation li{
		border-radius: var(--border-radius);
	}
}

@media screen and (max-width: 768px){
	.woocommerce-account:not(.woocommerce-dashboard) .woocommerce-MyAccount-navigation,
	.woocommerce-account:not(.woocommerce-dashboard) .woocommerce-MyAccount-navigation-link--wishlist{
		display: none;
	}
	.woocommerce-account .woocommerce-MyAccount-content{
		width: 100%;
        margin-bottom: 24px;
	}
	.woocommerce-MyAccount-navigation li + li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a{
		border-top: unset;
	}
	.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{
		margin-top: 24px;
	}
}