.billow {
	.woocommerce {
		.blw-MyAccount {
			display: grid;
			grid-template-columns: minmax(12.5rem, 20%) 1fr;
			grid-column-gap: 1.8rem;

			.woocommerce-MyAccount-navigation {
				.wc-MyAccount-navigation-heading {
					h5 {
						text-transform: uppercase;
						font-weight: 700;
						display: flex;
						justify-content: space-between;

						a {
							display: none;

							&::before {
								content: '\f141';
								font-family: 'Font Awesome 5 Free';
								font-weight: 700;
								display: inline-block;
								font-size: 1.2rem;
							}
						}
					}
				}

				ul {
					font-size: 0.9rem;
					background: $color_white;
					border-radius: 0.3rem;
					overflow: hidden;
					box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);

					li {
						&.is-active,
						&:hover {
							a {
								color: $color_white;
								background-color: $color_main;
							}
						}

						&:not(:last-child) {
							a {
								border-bottom: 1px solid $color_light_grey;
							}
						}

						a {
							display: flex;
							align-items: center;
							color: $color_text_main;
							height: 3.4rem;
							padding: 0 1.25rem;

							&:before {
								font-family: 'Font Awesome 5 Free';
								font-size: 1rem;
								font-weight: 700;
								content: '\e902';
								width: 1.25rem;
								margin-right: 0.9rem;
							}
						}
					}
				}
			}
		}

		.woocommerce-MyAccount-content {
			-webkit-box-flex: 1;
					-ms-flex: 1;
						flex: 1;
			width: auto;
			padding: 1.8rem;

			.wc-MyAccount-sub-heading {
				padding: 0 0 0.625rem;
				border-bottom: 1px solid $color_light_grey;

				h2 {
					margin-top: 0;
					margin-bottom: 0.625rem;
				}

				p {
					margin: 0;
				}
			}

			.wc-MyAccount-inner-content {
				padding: 1.25rem 0;

				.woocommerce-info.wc-MyAccount-fix-center {
					border: 0;
					padding: 0;
					width: 60%;
					margin: 2em auto;
					flex-direction: column;
					background-color: transparent;

					.wc-MyAccount-sub-icon {
						margin-bottom: 1.5rem;

						img {
							height: auto;
							max-width: 60px;
						}
					}

					.wc-MyAccount-sub-tagline {
						font-size: 1.3rem;
						margin-bottom: 1.5rem;
					}

					.button {
						float: none;
						padding: 1rem 3rem;
						font-weight: 500;
						margin: 0 auto;
					}

					&::before {
						content: none;
					}
				}

				.order_item {
					.wc-item-meta {
						display: flex;
						padding-top: 0.5rem;

						li:not(:last-child) {
							padding-right: 0.5rem;
						}

						p {
							margin: 0;
						}
					}
				}

				.woocommerce-orders-table {
					thead {
						th {
							text-align: left !important;
						}
					}

					td.woocommerce-orders-table__cell-order-actions,
					.order-actions {
						display: table-cell;
						text-align: center;
						width: 10rem;
						min-width: fit-content;

						a.button {
							display: inline-block;
							color: $color_white;
							background-color: $color_main;
							text-align: center;
							font-size: 0.8rem;
							font-weight: 700;
							line-height: 1.5rem;
							text-transform: uppercase;
							border-radius: 0.2rem;
							padding: 0.5rem 1.5rem;
							margin: 0.1rem;
							width: 100%;
							outline: none;
							cursor: pointer;
							@include transition;

							&:hover {
								transform: translateY(-2px);
								box-shadow: 0 2px 4px rgba(0,0,0,.1);
								@include transition;
							}
						}
					}
				}

				.woocommerce-Addresses {
					font-size: 0.9rem;
					padding: 0;

					.woocommerce-Address {
						.woocommerce-Address-title {
							display: block;

							h3 {
								text-transform: uppercase;
								font-size: 0.8rem;
								font-weight: 600;
								margin-top: 0;
								margin-bottom: 0.2rem;
							}
						}

						address {
							line-height: 21px;
							margin-bottom: 1em;
						}
					}
				}
			}

			.woocommerce-account-fields {
				fieldset {
					border: 0;
					padding: 1.5rem 0 1rem;
					margin-top: 3rem;
					margin-bottom: 0;
				}
			}

			p.woocommerce-form-row {
				margin-top: 0;

				label {
					display: block;
					font-size: 0.9rem;
					line-height: 1.1;
					margin-bottom: 0.6rem;
				}

				&.form-row-first {
					width: 49%;
					float: left;
				}

				&.form-row-last {
					width: 49%;
					float: right;
				}

				span {
					& > em {
						font-size: 0.8rem;
						color: $color_text_input;
					}
				}
			}
		}
	}
}

// icons
.woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--dashboard a:before {
	content: '\f550' !important;
}

.woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--orders a:before {
	content: '\f07c' !important;
}

.woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--downloads a:before {
	content: '\f019' !important;
}

.woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--edit-address a:before {
	content: '\f3c5' !important;
}

.woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--edit-account a:before {
	content: '\f007' !important;
}

.woocommerce .blw-MyAccount .woocommerce-MyAccount-navigation-link--customer-logout a:before {
	content: '\f2f5' !important;
}

@media ( max-width: 62rem ) {
	.billow {
		.woocommerce {
			.wc-MyAccount-inner-content {
				.woocommerce-account-fields {
					p.woocommerce-form-row {
						float: none !important;
						width: 100% !important;
					}
				}
			}
		}
	}
}

@media ( max-width: 56rem ) {
	.billow {
		.woocommerce {
			.blw-MyAccount {
				table.shop_table_responsive {
					thead {
						display: none;
					}

					tbody {
						tr {
							&:not(:first-child) {
								border-top: 1px solid $color_border_input;
							}
						}

						td {
							display: block;
							text-align: right;
							border: none;

							&::before {
								content: attr(data-title) ": ";
								font-weight: 600;
								float: left;
							}

							&.order-actions,
							&.woocommerce-orders-table__cell-order-actions {
								display: block !important;
								text-align: right !important;
								width: auto !important;

								a {
									width: 100%;
								}

								&::before {
									content: none;
								}
							}
						}
					}
				}
			}
		}
	}
}

@media ( max-width: 48rem ) {
	.billow {
		.woocommerce {
			.blw-MyAccount {
				grid-template-columns: none;
				grid-row-gap: 1.8rem;

				.woocommerce-MyAccount-navigation {
					.wc-MyAccount-navigation-heading {
						padding: 0 1.25rem;

						a.push-my-account-nav {
							display: block;
						}
					}

					.woocommerce-MyAccount-menu {
						display: none;
					}
				}

				.woocommerce-MyAccount-content {
					padding-top: 0;
				}
			}
		}
	}
}