:root {
	--wns--my-account--nav--padding: 30px;
	--wns--my-account--nav--border: 1px solid var(--wp--preset--color--secondary);
	--wns--my-account--nav--border-radius: 12px;

	--wns--my-account--orders--table--border-radius: 12px;
	--wns--my-account--orders--table--th--width: 30%;
	--wns--my-account--orders--table--th--font-size: 18px;
	--wns--my-account--orders--table--cell--padding: 20px 10px;
	--wns--my-account--orders--table--row-tint: 20%;
	--wns--my-account--orders--table--row-bg: color-mix(in srgb, var(--wp--preset--color--primary) var(--wns--my-account--orders--table--row-tint), transparent);

	--wns--my-account--layout--gap: 100px;
	--wns--my-account--layout--gap--mid: 15px;
	--wns--my-account--nav--width: 300px;
	--wns--my-account--nav--gap: 15px;
	--wns--my-account--nav--link--font-weight: bold;

	--wns--my-account--addresses--gap: 30px;
	--wns--my-account--addresses--h2--font-size: 24px;

	--wns--my-account--content--letter-spacing: 1px;
	--wns--my-account--content--address--opacity: 0.5;
	--wns--my-account--content--address--line-height: 1.5;

	--wns--my-account--form--submit--margin-top: 30px;

	--wns--my-account--table--td--link--padding: 5px 10px;

	--wns--my-account--em--margin-top: 5px;
	--wns--my-account--em--opacity: 0.5;
	--wns--my-account--em--font-size: 0.75em;

	--wns--my-account--fieldset--border-radius: 12px;
	--wns--my-account--fieldset--margin-top: 60px;

	--wns--my-account--order-details--margin-top: 60px;
	--wns--my-account--order-details--note--font-size: 15px;
	--wns--my-account--order-details--note--margin-bottom: 30px;
	--wns--my-account--order-details--product-name--border: var(--wns--my-account--nav--border);
	--wns--my-account--order-details--product-name--border-radius: 12px;

	--wns--my-account--password-toggle--filter: contrast(0);

	--wns--my-account--mobile--spacer--height: 10px;
	--wns--my-account--mobile--td--padding: 10px 0 0;

	--wns--my-account--guest--max-width: 1200px;
	--wns--my-account--guest--gap: 48px;
	--wns--my-account--guest--panel-padding: 28px;
	--wns--my-account--guest--panel-bg: color-mix(in srgb, var(--wp--preset--color--secondary) 4%, transparent);
	--wns--my-account--reset--max-width: 680px;
}

.woocommerce-account main .wp-block-post-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.woocommerce-account .fragment--my-account {
	max-width: var(--wns--page--max-width) !important;
	padding: var(--wns--page--padding);
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-account .fragment--my-account h1 {
	color: var(--wp--preset--color--secondary);
}

.woocommerce-account .fragment--my-account *,
.woocommerce-account .fragment--my-account *::before,
.woocommerce-account .fragment--my-account *::after {
	box-sizing: border-box;
}

.woocommerce-account .fragment--my-account .woocommerce {
	max-width: unset !important;
	display: flex;
    justify-content: space-between;
    width: 100%;
	min-width: 0;
	gap: var(--wns--my-account--layout--gap);
}

.woocommerce-account .fragment--my-account .woocommerce:before,
.woocommerce-account .fragment--my-account .woocommerce:after {
	display: none !important;
}

.woocommerce-account .fragment--my-account .woocommerce nav,
.woocommerce-account .fragment--my-account .woocommerce nav ul {
	max-width: var(--wns--my-account--nav--width);
	width: var(--wns--my-account--nav--width);
	box-sizing: border-box;
}

.woocommerce-account .fragment--my-account .woocommerce nav ul {
	padding: var(--wns--my-account--nav--padding);
	border: var(--wns--my-account--nav--border);
	border-radius: var(--wns--my-account--nav--border-radius);
	white-space: nowrap;
	margin: 0;
}

.woocommerce-account .fragment--my-account .woocommerce nav,
.woocommerce-account .fragment--my-account .woocommerce nav + * {
	float: unset;
	width: unset;
}

.woocommerce-account .fragment--my-account .woocommerce nav + * {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
}

.woocommerce-account .fragment--my-account .woocommerce nav ul {
	display: flex;
	flex-direction: column;
	gap: var(--wns--my-account--nav--gap);
}

.woocommerce-account .fragment--my-account .woocommerce nav ul li {
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	color: var(--wp--preset--color--white);
	font-weight: var(--wns--my-account--nav--link--font-weight);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li:hover a {
	text-decoration: underline;
    color: var(--wp--preset--color--secondary);
}

.woocommerce-account .woocommerce-MyAccount-content strong,
.woocommerce-account .woocommerce-MyAccount-content mark {
	color: var(--wp--preset--color--tertiary);
}

.woocommerce-account .woocommerce-MyAccount-content p {
	letter-spacing: var(--wns--my-account--content--letter-spacing);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
	display: flex;
	flex-direction: column;
	gap: var(--wns--my-account--addresses--gap);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses:before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses:after,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header:before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header:after {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header {
	float: unset;
	width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header h2,
.woocommerce-account .woocommerce-MyAccount-content form h2,
.woocommerce-account .woocommerce-order-details h2,
.woocommerce-account .woocommerce-customer-details h2 {
	font-size: var(--wns--my-account--addresses--h2--font-size);
	color: var(--wp--preset--color--tertiary);
	font-family: var(--wp--preset--font-family--poltawski-nowy);
	font-style: normal;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header a {
	float: unset;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address {
	line-height: var(--wns--my-account--content--address--line-height);
	opacity: var(--wns--my-account--content--address--opacity);
}

.woocommerce-account .woocommerce-MyAccount-content form h2:first-child {
	margin-top: 0;
}

.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"] {
	margin-top: var(--wns--my-account--form--submit--margin-top);
}

.woocommerce-account .woocommerce-MyAccount-orders,
.woocommerce-account .woocommerce-MyAccount-paymentMethods,
.woocommerce-account .woocommerce-table--order-details {
	border-radius: var(--wns--my-account--orders--table--border-radius) !important;
	border: none !important;
	border-collapse: collapse !important;
	overflow: hidden;
	margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-orders thead,
.woocommerce-account .woocommerce-MyAccount-orders tr:nth-child(even),
.woocommerce-account .woocommerce-MyAccount-paymentMethods thead,
.woocommerce-account .woocommerce-MyAccount-paymentMethods tr:nth-child(even),
.woocommerce-account .woocommerce-table--order-details thead,
.woocommerce-account .woocommerce-table--order-details tr:nth-child(even) {
	background-color: var(--wns--my-account--orders--table--row-bg) !important;
}

.woocommerce-account .woocommerce-MyAccount-orders th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods th,
.woocommerce-account .woocommerce-table--order-details th {
	font-weight: bold !important;
	color: var(--wp--preset--color--secondary) !important;
	width: var(--wns--my-account--orders--table--th--width) !important;
	text-align: right !important;
	font-size: var(--wns--my-account--orders--table--th--font-size);
}

.woocommerce-account .woocommerce-MyAccount-orders th:first-child,
.woocommerce-account .woocommerce-MyAccount-paymentMethods th:first-child,
.woocommerce-account .woocommerce-table--order-details th:first-child {
	text-align: left !important;
}

.woocommerce-account .woocommerce-MyAccount-orders td,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td,
.woocommerce-account .woocommerce-table--order-details td {
	text-align: right !important;
}

.woocommerce-account .woocommerce-MyAccount-orders td:first-child,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td:first-child,
.woocommerce-account .woocommerce-table--order-details td:first-child {
	text-align: left !important;
}

.woocommerce-account .woocommerce-MyAccount-orders td a,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td a,
.woocommerce-account .woocommerce-table--order-details td a {
	margin-bottom: 0 !important;
	padding: var(--wns--my-account--table--td--link--padding) !important;
}

.woocommerce-account .woocommerce-MyAccount-orders th,
.woocommerce-account .woocommerce-MyAccount-orders tr,
.woocommerce-account .woocommerce-MyAccount-orders td,
.woocommerce-account .woocommerce-MyAccount-paymentMethods th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods tr,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td,
.woocommerce-account .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-table--order-details tr,
.woocommerce-account .woocommerce-table--order-details td {
	border: none !important;
	padding: var(--wns--my-account--orders--table--cell--padding) !important;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-MyAccount-orders td p,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td p,
.woocommerce-account .woocommerce-table--order-details td p{
	margin: 0;
}

.woocommerce-account em {
	margin-top: var(--wns--my-account--em--margin-top);
	display: block;
	font-style: italic;
	opacity: var(--wns--my-account--em--opacity);
	font-size: var(--wns--my-account--em--font-size);
}

.woocommerce-account fieldset {
	border-radius: var(--wns--my-account--fieldset--border-radius) !important;
	margin-top: var(--wns--my-account--fieldset--margin-top);
	border-color: var(--wp--preset--color--secondary);
}

.woocommerce-account fieldset p:last-child {
	margin-bottom: 0;
}

.woocommerce-account .show-password-input:before {
	filter: var(--wns--my-account--password-toggle--filter);
}

.woocommerce-account .woocommerce-password-strength {
	margin-top: 10px;
	padding: 9px 12px;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--secondary) 42%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--wp--preset--color--secondary) 8%, var(--wp--preset--color--black));
	color: var(--wp--preset--color--foreground);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
	transition:
		border-color 160ms ease,
		background-color 160ms ease;
}

.woocommerce-account .woocommerce-password-strength.short {
	border-color: #d85b5b;
	background: color-mix(in srgb, #d85b5b 17%, var(--wp--preset--color--black));
}

.woocommerce-account .woocommerce-password-strength.bad {
	border-color: #d9834a;
	background: color-mix(in srgb, #d9834a 17%, var(--wp--preset--color--black));
}

.woocommerce-account .woocommerce-password-strength.good {
	border-color: var(--wp--preset--color--secondary);
	background: color-mix(in srgb, var(--wp--preset--color--secondary) 13%, var(--wp--preset--color--black));
}

.woocommerce-account .woocommerce-password-strength.strong {
	border-color: #4f9a68;
	background: color-mix(in srgb, #4f9a68 18%, var(--wp--preset--color--black));
}

.woocommerce-account .woocommerce-password-hint {
	display: block;
	margin-top: 8px;
	color: color-mix(in srgb, var(--wp--preset--color--foreground) 72%, transparent);
	font-size: 13px;
	line-height: 1.5;
}

.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-order-details .order-again,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
	margin-top: var(--wns--my-account--order-details--margin-top);
}

.woocommerce-account .woocommerce-order-details .order-again {
	display: flex;
}

.woocommerce-account .woocommerce-order-details .woocommerce-table__product-purchase-note p {
	margin-bottom: var(--wns--my-account--order-details--note--margin-bottom);
	font-size: var(--wns--my-account--order-details--note--font-size);
}

.woocommerce-account .woocommerce-order-details .woocommerce-table__product-purchase-note p:not(:last-child) {
	margin-bottom: var(--wns--my-account--order-details--note--margin-bottom);
}

.woocommerce-account .woocommerce-order-details .woocommerce-table__product-name a {
	border: var(--wns--my-account--order-details--product-name--border);
	border-radius: var(--wns--my-account--order-details--product-name--border-radius);
}

.woocommerce-account .woocommerce-MyAccount-content section:last-child {
	margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address {
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method .woocommerce-PaymentBox {
	background-color: var(--wp--preset--color--black) !important;
}

.woocommerce-account:not(.logged-in) .fragment--my-account .woocommerce {
	display: block;
}

.woocommerce-account:not(.logged-in) #customer_login {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wns--my-account--guest--gap);
	width: 100%;
	max-width: var(--wns--my-account--guest--max-width);
	margin-inline: auto;
}

.woocommerce-account:not(.logged-in) #customer_login::before,
.woocommerce-account:not(.logged-in) #customer_login::after {
	display: none;
}

.woocommerce-account:not(.logged-in) #customer_login .u-column1,
.woocommerce-account:not(.logged-in) #customer_login .u-column2 {
	float: none;
	width: 100%;
	min-width: 0;
}

.woocommerce-account:not(.logged-in) #customer_login h2 {
	color: var(--wp--preset--color--secondary);
}

.woocommerce-account:not(.logged-in) #customer_login form,
.woocommerce-account .lost_reset_password {
	width: 100%;
	margin: 0;
	padding: var(--wns--my-account--guest--panel-padding);
	border: var(--wns--my-account--nav--border);
	border-radius: var(--wns--my-account--nav--border-radius);
	background: var(--wns--my-account--guest--panel-bg);
}

.woocommerce-account:not(.logged-in) #customer_login .form-row,
.woocommerce-account .lost_reset_password .form-row {
	width: 100%;
	margin-bottom: 20px;
}

.woocommerce-account:not(.logged-in) #customer_login .input-text,
.woocommerce-account .lost_reset_password .input-text {
	width: 100%;
	max-width: none;
}

.woocommerce-account .lost_reset_password {
	max-width: var(--wns--my-account--reset--max-width);
	margin-inline: auto;
}

.woocommerce-account .lost_reset_password > p:first-child {
	margin-top: 0;
	line-height: 1.6;
}

.woocommerce-account .lost_reset_password > p:last-child {
	margin-bottom: 0;
}

@media (max-width: 1500px) {
	.woocommerce-account .woocommerce-MyAccount-orders th,
	.woocommerce-account .woocommerce-MyAccount-orders tr,
	.woocommerce-account .woocommerce-MyAccount-orders td,
	.woocommerce-account .woocommerce-MyAccount-paymentMethods th,
	.woocommerce-account .woocommerce-MyAccount-paymentMethods tr,
	.woocommerce-account .woocommerce-MyAccount-paymentMethods td,
	.woocommerce-account .woocommerce-table--order-details th,
	.woocommerce-account .woocommerce-table--order-details tr,
	.woocommerce-account .woocommerce-table--order-details td  {
		white-space: normal;
	}
}

@media (max-width: 1200px) {
	.woocommerce-account .woocommerce {
		gap: var(--wns--my-account--layout--gap--mid) !important;
	}

	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
		min-width: unset !important;
		width: auto !important;
	}
}

@media (max-width: 900px) {
	.woocommerce-account header + .wp-block-spacer {
		height: var(--wns--my-account--mobile--spacer--height) !important;
	}

	.woocommerce-account .wp-block-post-title + .wp-block-spacer {
		display: none;
	}

	.woocommerce-account .woocommerce {
		flex-direction: column !important;
		gap: var(--wns--my-account--addresses--gap) !important;
	}

	.woocommerce-account .woocommerce > *,
	.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation ul {
		width: 100% !important;
		max-width: unset !important;
		min-width: 0 !important;
	}

	.woocommerce-account .woocommerce > *:not(:first-child) {
		border-top: var(--wns--my-account--nav--border) !important;
		padding-top: var(--wns--my-account--form--submit--margin-top) !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods tr {
		display: block;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table th,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods thead,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods th {
		display: none;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr td,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods tr td {
		display: block;
		text-align: right !important;
		padding: var(--wns--my-account--mobile--td--padding) !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr td::before,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods tr td::before {
		content: attr(data-title) ": ";
		float: left;
		color: var(--wp--preset--color--secondary);
		font-weight: var(--wns--my-account--nav--link--font-weight);
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions {
		text-align: center !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions:before {
		display: none !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content form .form-row {
		width: 100%;
		float: unset !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content form .form-row input,
	.woocommerce-account .woocommerce-MyAccount-content form .form-row select {
		max-width: unset !important;
		width: 100% !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"] {
		width: 100%;
	}

	.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method button[type="submit"] {
		width: auto !important;
	}

	.woocommerce-account .fragment--my-account {
		width: calc(100vw - 40px);
		max-width: calc(100vw - 40px) !important;
		padding-inline: 0;
		overflow-x: clip;
	}

	.woocommerce-account:not(.logged-in) .fragment--my-account .woocommerce {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.woocommerce-account:not(.logged-in) #customer_login {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
		width: 100%;
		min-width: 0;
	}

	.woocommerce-account:not(.logged-in) #customer_login .u-column1,
	.woocommerce-account:not(.logged-in) #customer_login .u-column2,
	.woocommerce-account:not(.logged-in) #customer_login form,
	.woocommerce-account .lost_reset_password {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.woocommerce-account:not(.logged-in) #customer_login form,
	.woocommerce-account .lost_reset_password {
		padding: 20px;
	}

	.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme {
		display: inline-flex;
		align-items: center;
		margin: 10px 0;
	}

	.woocommerce-account:not(.logged-in) #customer_login button,
	.woocommerce-account .lost_reset_password button {
		width: 100%;
	}
}
