/* Account: login and registration side by side from 782 px, 48 px fields and buttons in the ui font, square frames;
   signed in, a vertical list on the left and the content on the right. WooCommerce's rules reach 0,3,1. */
body.woocommerce-account .woocommerce {
	font-family: var(--wp--preset--font-family--ui);
	& form:is(.login, .register) {
		margin: 0;
		padding: var(--wp--preset--spacing--l);
		border: 1px solid var(--wp--preset--color--stroke);
		border-radius: 0;
	}
	& .input-text {
		box-sizing: border-box;
		min-height: 3rem;
		padding: 0 0.75rem;
		border: 1px solid var(--wp--preset--color--ink-muted);
		border-radius: var(--wp--preset--border-radius--s);
		background-color: var(--wp--preset--color--surface);
		color: var(--wp--preset--color--ink);
		font: inherit;
	}
	& .button {
		min-height: 3rem;
		padding: 0.875rem 1.5rem;
		border: 1px solid var(--wp--preset--color--ink);
		border-radius: var(--wp--preset--border-radius--s);
		background-color: var(--wp--preset--color--ink);
		color: var(--wp--preset--color--surface);
		font: 500 0.9375rem/1.2 var(--wp--preset--font-family--ui);
	}
	& .button:hover {
		border-color: var(--wp--preset--color--accent);
		background-color: var(--wp--preset--color--accent);
		color: var(--wp--preset--color--on-accent);
	}
	& .woocommerce-MyAccount-navigation ul {
		margin: 0;
		padding: 0;
		border-top: 1px solid var(--wp--preset--color--stroke);
		list-style: none;
	}
	& .woocommerce-MyAccount-navigation a {
		display: block;
		padding: 0.75rem 0;
		border-bottom: 1px solid var(--wp--preset--color--stroke);
		color: var(--wp--preset--color--ink);
		text-decoration: none;
	}
	& .woocommerce-MyAccount-navigation .is-active a {
		font-weight: 600;
	}
	& :is(a, button, input):focus-visible {
		outline: 2px solid var(--wp--preset--color--focus);
		outline-offset: 2px;
		box-shadow: 0 0 0 2px var(--wp--preset--color--surface);
	}
}
@media (min-width: 782px) {
	body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation),
	body.woocommerce-account .woocommerce .col2-set {
		display: grid;
		grid-template-columns: 14rem minmax(0, 1fr);
		gap: var(--wp--preset--spacing--xl);
		& > * {
			width: auto;
		}
		&::before,
		&::after {
			display: none;
		}
	}
	body.woocommerce-account .woocommerce .col2-set {
		grid-template-columns: 1fr 1fr;
	}
}