@import '_global.scss';

.mlwoo--orders {
	background-color: var( --color-primary-2 );
	min-height: 100vh;

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

	a {
		color: var( --font-color-body );
		text-decoration: none;
	}

	&__order-item-row {
		@include card;

		display: block;
		margin-top: 1rem;
		line-height: 1.5;

		&:first-child {
			margin-top: 0;
		}
	}

	&__item-cell {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	&__order-col-value {
		font-weight: 700;
	}

	&__load-more-orders {
		position: relative;
		display: block;
		margin: 1.5rem auto;
		min-width: 138px;
		min-height: 50px;
	}

	&__add-to-cart-spinner {
		display: none;
		@include absolute-center;

		svg {
			display: block;
		}
	}

	.mlwoo-account__login-form-instructions-text {
		margin-bottom: 1.5rem;
	}

	.mlwoo-account__login-form {
		display: flex;
		width: 100%;
		height: 100vh;
		justify-content: center;
		align-items: center;

		a.mlwoo__button {
			color: var( --color-primary-2 );
		}
	}
}