@use "../../../1-helpers/functions";

.ct-woo-unauthorized {
	> h2 {
		display: none;
	}

	> .woocommerce-form-login,
	> .woocommerce-ResetPassword {
		max-width: 450px;
		margin-inline: auto;

		button[type="submit"] {
			width: 100%;
		}
	}

	label {
		font-size: 14px;
		font-weight: 500;
	}

	.woocommerce-form-login__rememberme {
		margin-bottom: var(--theme-content-spacing);
	}

	.woocommerce-LostPassword {
		font-size: 14px;
		margin: 0;
	}

	.woocommerce-ResetPassword {

		.form-row-first:nth-last-of-type(2) {
			width: 100%;
		}
	}

	// two columns
	.col2-set {
		display: grid;

		@include functions.media-breakpoint-up (md) {
			grid-template-columns: 1fr 1fr;
		}

		h2 {
			font-size: 20px;
			margin-top: 0;
			margin-bottom: 20px;
		}

		> * {
			@include functions.media-breakpoint-down (sm) {
				&:first-child {
					padding-bottom: 30px;
					border-bottom: 1px dashed var(--theme-border-color);
				}

				&:last-child {
					padding-top: 30px;
				}
			}

			@include functions.media-breakpoint-up (md) {
				&:first-child {
					padding-inline-end: 40px;
					border-inline-end: 1px dashed var(--theme-border-color);
				}

				&:last-child {
					padding-inline-start: 40px;
				}
			}
		}
	}
}