/* ==========================================================================
   Peplogy — My account
   1. Frame   2. Menu   3. Cards   4. Dashboard   5. Orders
   6. Order details   7. Addresses   8. Forms & buttons   9. Log in
   10. Responsive
   ========================================================================== */

/* 1. Frame ----------------------------------------------------------------- */
.pl-account {
	--ac-line: var(--pl-line);
	--ac-soft: #f7fafe;
	--ac-muted: var(--pl-muted);
	--ac-radius: 20px;
}

.account-page {
	padding: 44px var(--pl-gutter-wide) 96px;
}

.account-page__inner {
	max-width: 1216px;
}

.account-page .woocommerce-notices-wrapper:not(:empty) {
	margin-bottom: 20px;
}

.account-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	align-items: start;
	gap: 32px;
}

/* 2. Menu ------------------------------------------------------------------ */
.account-side {
	position: sticky;
	top: calc(var(--pl-sticky-top) + var(--pl-header-h) + 16px);
	padding: 18px;
	border: 1px solid var(--ac-line);
	border-radius: var(--ac-radius);
	background: var(--pl-white);
}

.account-user {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 4px 4px 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--pl-line-soft);
}

.account-user__avatar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--pl-navy);
	color: var(--pl-white);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.account-user__text {
	display: grid;
	min-width: 0;
}

.account-user__name {
	overflow: hidden;
	font-size: 15px;
	font-weight: 800;
	color: var(--pl-ink);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-user__email {
	overflow: hidden;
	font-size: 13px;
	color: var(--ac-muted);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-nav ul {
	display: grid;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.account-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border-radius: 12px;
	color: var(--pl-ink);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.account-nav a:hover {
	background: #f1f6fc;
}

.account-nav .account-icon {
	flex: none;
	color: var(--ac-muted);
}

.account-nav .is-active a {
	background: var(--pl-tint);
	color: var(--pl-blue);
}

.account-nav .is-active .account-icon {
	color: var(--pl-blue);
}

.account-nav .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--pl-line-soft);
}

.account-nav .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--ac-muted);
}

/* 3. Cards ----------------------------------------------------------------- */
.account-content {
	min-width: 0;
}

.account-content:not(:has(> .account-card)),
.account-card {
	padding: 30px 32px;
	border: 1px solid var(--ac-line);
	border-radius: var(--ac-radius);
	background: var(--pl-white);
}

.account-card + .account-card {
	margin-top: 24px;
}

.account-auth .account-card + .account-card {
	margin-top: 0;
}

.account-card__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.account-card__title,
.account-content > h2,
.account-content form > h2,
.account-content .woocommerce-order-details__title,
.account-content .woocommerce-column__title,
.account-content .woocommerce-order-downloads__title {
	margin: 0 0 6px;
	font-family: var(--pl-serif);
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--pl-ink);
}

.account-card__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--ac-muted);
}

.account-card__text a,
.account-card__link,
.account-content p a:not(.button) {
	color: var(--pl-blue);
	font-weight: 700;
}

.account-card__link {
	font-size: 14px;
	text-decoration: none;
}

.account-card__note {
	margin: 0;
	font-size: 14px;
	color: var(--ac-muted);
}

.account-content > p:first-child {
	margin-top: 0;
	color: var(--ac-muted);
}

/* 4. Dashboard ------------------------------------------------------------- */
.account-quick {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.account-quick__link {
	display: grid;
	gap: 4px;
	height: 100%;
	padding: 18px;
	border: 1px solid var(--ac-line);
	border-radius: 16px;
	background: var(--ac-soft);
	color: var(--pl-ink);
	text-decoration: none;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.account-quick__link:hover {
	border-color: var(--pl-sky);
	box-shadow: 0 10px 24px rgb(11 42 91 / 8%);
	transform: translateY(-2px);
}

.account-quick__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: var(--pl-white);
	color: var(--pl-blue);
	box-shadow: inset 0 0 0 1px var(--ac-line);
}

.account-quick__title {
	font-size: 16px;
	font-weight: 800;
}

.account-quick__text {
	font-size: 13px;
	color: var(--ac-muted);
}

.account-orders-list {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.account-orders-list a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto 110px;
	align-items: center;
	gap: 18px;
	padding: 14px 0;
	border-top: 1px solid var(--pl-line-soft);
	color: var(--pl-ink);
	text-decoration: none;
}

.account-orders-list li:first-child a {
	border-top: 0;
}

.account-orders-list a:hover .account-orders-list__number {
	color: var(--pl-blue);
}

.account-orders-list__number {
	font-weight: 800;
}

.account-orders-list__date {
	font-size: 14px;
	color: var(--ac-muted);
}

.account-orders-list__total {
	font-weight: 700;
	text-align: right;
}

.account-empty {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 16px;
	padding: 20px 22px;
	border: 1px dashed #c6d3e2;
	border-radius: 16px;
	background: var(--ac-soft);
}

.account-empty p {
	margin: 0;
	color: var(--ac-muted);
}

.status-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 11px;
	border-radius: var(--pl-radius-pill);
	background: #eef2f7;
	color: #34445e;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.status-pill--processing {
	background: #e3f0fd;
	color: #0f5bb0;
}

.status-pill--completed {
	background: #e2f5e9;
	color: #17693a;
}

.status-pill--on-hold {
	background: #fff3d6;
	color: #7a4f00;
}

.status-pill--cancelled,
.status-pill--failed,
.status-pill--refunded {
	background: #fdecec;
	color: #9b2323;
}

/* 5. Orders ---------------------------------------------------------------- */
.pl-account .woocommerce-orders-table {
	margin: 0;
	border: 0;
	border-radius: 0;
	font-size: 15px;
}

.pl-account .woocommerce-orders-table thead th {
	padding: 0 12px 12px 0;
	border-bottom: 1px solid var(--ac-line);
	background: none;
}

.pl-account .woocommerce-orders-table tbody :is(th, td) {
	padding: 16px 12px 16px 0;
	border-bottom: 1px solid var(--pl-line-soft);
	font-weight: 400;
}

.pl-account .woocommerce-orders-table tbody tr:last-child > * {
	border-bottom: 0;
}

.pl-account .woocommerce-orders-table__cell-order-number a {
	color: var(--pl-ink);
	font-weight: 800;
	text-decoration: none;
}

.pl-account .woocommerce-orders-table__cell-order-number a:hover {
	color: var(--pl-blue);
}

.pl-account .woocommerce-orders-table__cell-order-actions {
	text-align: right;
}

.pl-account .woocommerce-orders-table .button {
	min-height: 36px;
	margin: 2px 0 2px 6px;
	padding: 0 14px;
	border: 1.5px solid var(--pl-sky);
	background: var(--pl-white);
	color: var(--pl-blue);
	font-size: 13px;
}

.pl-account .woocommerce-orders-table .button:hover {
	border-color: var(--pl-blue);
	background: var(--pl-white);
	color: var(--pl-navy);
}

.pl-account .woocommerce-pagination {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

/* No orders yet (WooCommerce's notice). */
.account-content > .woocommerce-info,
.account-content > .woocommerce-message,
.account-content .woocommerce-Message--info {
	margin: 0 0 12px;
	border-style: dashed;
	background: var(--ac-soft);
	color: var(--pl-ink);
	font-weight: 500;
}

.account-content > :is(.woocommerce-info, .woocommerce-message):last-child {
	margin-bottom: 0;
}

/* 6. Order details --------------------------------------------------------- */
.account-content mark {
	padding: 0;
	background: none;
	color: var(--pl-ink);
	font-weight: 800;
}

.account-content .woocommerce-order-details,
.account-content .woocommerce-customer-details,
.account-content .woocommerce-order-downloads {
	margin-top: 28px;
}

.account-content .woocommerce-table--order-details {
	margin-top: 12px;
}

.account-content .woocommerce-table--order-details tfoot th {
	font-weight: 600;
	color: var(--ac-muted);
}

.account-content .woocommerce-table--order-details tfoot tr:last-child :is(th, td) {
	font-size: 16px;
	font-weight: 800;
	color: var(--pl-ink);
}

.account-content .woocommerce-table--order-details .wc-item-meta {
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: var(--ac-muted);
}

.account-content .woocommerce-table--order-details .wc-item-meta p {
	display: inline;
	margin: 0;
}

.account-content .order-again {
	margin: 0 0 8px;
}

.account-content .woocommerce-OrderUpdates {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.account-content .woocommerce-OrderUpdate {
	padding: 14px 16px;
	border-radius: 12px;
	background: var(--ac-soft);
}

.account-content .woocommerce-OrderUpdate + .woocommerce-OrderUpdate {
	margin-top: 8px;
}

.account-content .woocommerce-OrderUpdate-meta {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 700;
	color: var(--ac-muted);
}

.account-content .woocommerce-OrderUpdate-description p {
	margin: 0;
}

/* Customer details and address cards share one look. */
.account-content .col2-set,
.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 12px;
}

.account-content .col2-set .col-1,
.account-content .col2-set .col-2 {
	min-width: 0;
}

.account-content .woocommerce-customer-details address,
.woocommerce-Address {
	margin: 0;
	padding: 20px 22px;
	border: 1px solid var(--ac-line);
	border-radius: 16px;
	background: var(--ac-soft);
	font-style: normal;
	line-height: 1.7;
	color: #34445e;
}

.account-content .woocommerce-customer-details address p {
	margin: 6px 0 0;
}

/* 7. Addresses ------------------------------------------------------------- */
.account-content > .woocommerce-Address {
	max-width: 520px;
	margin-top: 16px;
}

.woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.woocommerce-Address-title h2 {
	margin: 0;
	font-family: var(--pl-sans);
	font-size: 17px;
	font-weight: 800;
	color: var(--pl-ink);
}

.woocommerce-Address-title .edit {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border: 1.5px solid var(--pl-sky);
	border-radius: var(--pl-radius-pill);
	background: var(--pl-white);
	color: var(--pl-blue);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.woocommerce-Address address {
	font-style: normal;
}

/* 8. Forms & buttons ------------------------------------------------------- */
.pl-account .form-row {
	margin: 0;
	padding: 0;
}

.pl-account .form-row > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--pl-ink);
}

.pl-account .form-row .required {
	color: #b32d2e;
	text-decoration: none;
	border: 0;
}

.pl-account .form-row .optional {
	font-weight: 400;
	color: var(--ac-muted);
}

.pl-account .woocommerce-input-wrapper,
.pl-account .password-input {
	display: block;
}

.pl-account :is(input.input-text, select, textarea) {
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 0 14px;
	border: 1px solid #c6d3e2;
	border-radius: 12px;
	background: var(--pl-white);
	color: var(--pl-ink);
	font-size: 15px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pl-account textarea {
	min-height: 110px;
	padding: 12px 14px;
}

.pl-account select {
	padding-right: 40px;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8.5l4-4' fill='none' stroke='%234a5b75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	cursor: pointer;
}

.pl-account :is(input.input-text, select, textarea):focus {
	outline: none;
	border-color: var(--pl-sky);
	box-shadow: 0 0 0 3px rgb(77 163 245 / 22%);
}

.pl-account .woocommerce-invalid :is(input.input-text, select) {
	border-color: #b32d2e;
}

.pl-account .form-row em,
.pl-account .form-row .description {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	font-style: normal;
	color: var(--ac-muted);
}

.pl-account label.woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.pl-account input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--pl-blue);
}

.pl-account .password-input {
	position: relative;
}

.pl-account .password-input input.input-text {
	padding-right: 52px;
}

.pl-account .show-password-input {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234a5b75' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 18px no-repeat;
	transform: translateY(-50%);
	cursor: pointer;
}

.pl-account .show-password-input.display-password {
	background-color: #eef4fb;
}

.pl-account .woocommerce-password-strength {
	margin-top: 8px;
	padding: 6px 12px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 700;
	background: #fdecec;
	color: #9b2323;
}

.pl-account .woocommerce-password-strength.good,
.pl-account .woocommerce-password-strength.strong {
	background: #e2f5e9;
	color: #17693a;
}

.pl-account .woocommerce-password-hint {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	color: var(--ac-muted);
}

/* Two-column field grids: address and account-details forms. */
.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.woocommerce-address-fields__field-wrapper > *,
.woocommerce-EditAccountForm > * {
	grid-column: 1 / -1;
	margin: 0;
}

.woocommerce-address-fields__field-wrapper > .form-row-first,
.woocommerce-address-fields__field-wrapper > .form-row-last,
.woocommerce-EditAccountForm > .form-row-first,
.woocommerce-EditAccountForm > .form-row-last {
	grid-column: span 1;
}

.woocommerce-EditAccountForm > .clear,
.woocommerce-address-fields .clear {
	display: none;
}

.woocommerce-address-fields > p:last-child {
	margin: 24px 0 0;
}

.woocommerce-EditAccountForm fieldset {
	display: grid;
	gap: 16px;
	margin: 8px 0 0;
	padding: 20px 22px 22px;
	border: 1px solid var(--ac-line);
	border-radius: 16px;
	background: var(--ac-soft);
}

.woocommerce-EditAccountForm legend {
	padding: 0 8px;
	font-size: 15px;
	font-weight: 800;
	color: var(--pl-ink);
}

.woocommerce-EditAccountForm > p:last-of-type {
	margin-top: 8px;
}

.pl-account .button,
.pl-account button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 26px;
	border: 0;
	border-radius: var(--pl-radius-pill);
	background: var(--pl-navy);
	color: var(--pl-white);
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pl-account .button:hover {
	background: var(--pl-blue);
	color: var(--pl-white);
}

.pl-account .button:disabled,
.pl-account .button.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* 9. Log in ---------------------------------------------------------------- */
.pl-account--out .account-page__inner {
	max-width: 1000px;
	margin: 0 auto;
}

.pl-account--out .page-hero__inner {
	max-width: 1000px;
	margin-inline: auto;
}

.account-auth {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: 24px;
}

.account-auth__card {
	padding: 36px;
}

.account-auth__card form {
	display: grid;
	gap: 16px;
	margin-top: 22px;
}

.account-auth__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	font-size: 14px;
}

.account-auth__row .lost_password {
	color: var(--pl-blue);
	font-weight: 700;
	text-decoration: none;
}

.account-auth__row .lost_password:hover {
	text-decoration: underline;
}

.account-auth__submit .button {
	width: 100%;
	min-height: 52px;
}

.account-auth__card--info {
	display: flex;
	flex-direction: column;
	background: linear-gradient(160deg, #f5f9fe 0%, #e4f0fd 100%);
}

.account-perks {
	display: grid;
	gap: 12px;
	margin: 24px 0 28px;
	padding: 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	color: var(--pl-ink);
}

.account-perks li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.account-perks svg {
	flex: none;
	color: var(--pl-blue);
}

.account-auth__shop {
	align-self: flex-start;
	height: 46px;
	margin-top: auto;
	padding: 0 22px;
	background: var(--pl-white);
}

/* Lost / reset password. */
.pl-account .woocommerce-ResetPassword {
	display: grid;
	gap: 16px;
	max-width: 520px;
	margin: 0 auto;
	padding: 36px;
	border: 1px solid var(--ac-line);
	border-radius: var(--ac-radius);
	background: var(--pl-white);
}

.pl-account .woocommerce-ResetPassword > p:first-child {
	margin: 0;
	color: var(--ac-muted);
	line-height: 1.6;
}

.pl-account .woocommerce-ResetPassword .clear {
	display: none;
}

.pl-account .woocommerce-ResetPassword .button {
	width: 100%;
	min-height: 52px;
}

.pl-account--out .woocommerce-message,
.pl-account--out .woocommerce-error,
.pl-account--out .woocommerce-info {
	max-width: 1000px;
}

/* 10. Responsive ----------------------------------------------------------- */
@media (max-width: 1024px) {
	.account-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.account-side {
		position: static;
		padding: 14px;
	}

	.account-user {
		padding: 2px 2px 14px;
	}

	.account-nav ul {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding-bottom: 2px;
		scrollbar-width: none;
	}

	.account-nav ul::-webkit-scrollbar {
		display: none;
	}

	.account-nav a {
		padding: 9px 14px;
		border: 1px solid var(--ac-line);
		border-radius: var(--pl-radius-pill);
		font-size: 14px;
		white-space: nowrap;
	}

	.account-nav .is-active a {
		border-color: var(--pl-sky);
	}

	.account-nav .woocommerce-MyAccount-navigation-link--customer-logout {
		margin: 0;
		padding: 0;
		border: 0;
	}
}

@media (max-width: 760px) {
	.account-page {
		padding-top: 28px;
		padding-bottom: 64px;
	}

	.account-content:not(:has(> .account-card)),
	.account-card,
	.account-auth__card,
	.pl-account .woocommerce-ResetPassword {
		padding: 22px 20px;
	}

	.account-card__title,
	.account-content > h2,
	.account-content form > h2,
	.account-content .woocommerce-order-details__title,
	.account-content .woocommerce-column__title {
		font-size: 21px;
	}

	.account-quick,
	.account-auth,
	.account-content .col2-set,
	.woocommerce-Addresses,
	.woocommerce-address-fields__field-wrapper,
	.woocommerce-EditAccountForm {
		grid-template-columns: minmax(0, 1fr);
	}

	.woocommerce-address-fields__field-wrapper > .form-row-first,
	.woocommerce-address-fields__field-wrapper > .form-row-last,
	.woocommerce-EditAccountForm > .form-row-first,
	.woocommerce-EditAccountForm > .form-row-last {
		grid-column: 1 / -1;
	}

	.account-quick__link {
		grid-template-columns: auto 1fr;
		column-gap: 14px;
		align-items: center;
	}

	.account-quick__icon {
		grid-row: span 2;
		margin: 0;
	}

	.account-orders-list a {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 6px 12px;
	}

	.account-orders-list .status-pill {
		justify-self: end;
	}

	/* Orders table as stacked cards. */
	.pl-account .woocommerce-orders-table thead {
		display: none;
	}

	.pl-account .woocommerce-orders-table,
	.pl-account .woocommerce-orders-table tbody,
	.pl-account .woocommerce-orders-table tr,
	.pl-account .woocommerce-orders-table tbody :is(th, td) {
		display: block;
		width: 100%;
	}

	.pl-account .woocommerce-orders-table tr {
		padding: 12px 0;
		border-bottom: 1px solid var(--pl-line-soft);
	}

	.pl-account .woocommerce-orders-table tbody tr:last-child {
		border-bottom: 0;
	}

	.pl-account .woocommerce-orders-table tbody :is(th, td) {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 6px 0;
		border: 0;
		text-align: right;
	}

	.pl-account .woocommerce-orders-table tbody :is(th, td)::before {
		content: attr(data-title);
		font-size: 13px;
		font-weight: 700;
		color: var(--ac-muted);
		text-align: left;
	}

	.pl-account .woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}

	.pl-account .woocommerce-orders-table__cell-order-actions {
		justify-content: flex-start !important;
		flex-wrap: wrap;
	}

	.pl-account .woocommerce-orders-table .button {
		margin: 4px 6px 0 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.account-quick__link {
		transition: none;
	}

	.account-quick__link:hover {
		transform: none;
	}
}