.woocommerce-account.logged-in {

	.entry-content > .woocommerce {
		@include media-breakpoint-up (md) {
			display: flex;
			justify-content: space-between;
		}
	}

	.woocommerce-MyAccount-navigation {
		@include media-breakpoint-down (sm) {
			margin-bottom: 40px;
		}

		@include media-breakpoint-up (md) {
			width: 30%;
		}

		ul {
			--listStyleType: none;
			--fontSize: 15px;
			--fontWeight: 500;
			background: #fff;
			border-radius: 5px;
			overflow: hidden;
			padding: 5px 0;
			box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.01);

			li {
				--listItemSpacing: 0;

				&.is-active {
					a {
						color: #fff;
						background: var(--paletteColor1);
					}
				}

				&:not(.is-active) {
					a {
						&:hover {
							color: var(--paletteColor1);
							background: rgba(0, 0, 0, 0.015);
						}
					}
				}

				a {
					display: flex;
					align-items: center;
					height: 50px;
					padding: 0 20px;
				}
			}
		}
	}


	.woocommerce-MyAccount-content {
		@include media-breakpoint-up (md) {
			width: 67%;
		}

		h3 {
			--fontSize: 20px;
		}

		em {
			font-size: 13px;
			opacity: 0.8;
		}

		address {
			font-size: 15px;
			opacity: 0.8;
		}

		form .woocommerce-Button {
			margin-top: 30px;
		}

		.woocommerce-Addresses {
			@include media-breakpoint-up (md) {
				display: flex;
				justify-content: space-between;

				> * {
					width: 49%;
				}
			}

			> * {
				padding: 20px;
				border-radius: 5px;
				border: 1px dashed $border-color;

				&:first-child {
					@include media-breakpoint-down (sm) {
						margin-bottom: 30px;
					}
				}
			}

			.title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 15px;

				h3, a {
					margin: 0;
				}

				h3 {
					--fontSize: 17px;
					--fontWeight: 600;
				}
			}
		}
	}

	.woocommerce-address-fields__field-wrapper {
		margin-bottom: 30px;
	}
}