/**
 * Auto Navix WooCommerce My Account.
 *
 * All rules are isolated to My Account. WooCommerce continues to own forms,
 * notices, endpoint routing, tables, actions, nonces, and validation.
 */

body.autonavix-site.an-account-experience .site-content > .ast-container {
	display: block;
	width: 100%;
	max-width: 75rem;
	padding-top: var(--an-space-5);
	padding-bottom: var(--an-space-10);
}

body.autonavix-site.an-account-experience :where(#primary, .content-area, .site-main) {
	width: 100%;
	margin: 0;
}

body.autonavix-site.an-account-experience .entry-header,
body.autonavix-site.an-account-experience #secondary {
	display: none;
}

body.autonavix-site.an-account-experience :where(.ast-article-single, .entry-content) {
	margin: 0;
	padding: 0;
	background: transparent;
}

.autonavix-site.an-account-experience .entry-content > .woocommerce {
	display: flow-root;
	width: 100%;
	max-width: 70rem;
	margin: 0 auto;
}

.autonavix-site.an-account-experience :where(a, button, input, select, textarea) {
	box-sizing: border-box;
}

.autonavix-site.an-account-experience :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--an-color-focus);
	outline-offset: 2px;
}

/* Page headings and WooCommerce notices. */
.autonavix-site .an-account-page-heading,
.autonavix-site .an-account-content-heading,
.autonavix-site .an-account-section-heading {
	margin-bottom: var(--an-space-4);
}

.autonavix-site .an-account-page-heading h1,
.autonavix-site .an-account-intro h1,
.autonavix-site .an-account-content-heading h2,
.autonavix-site .an-account-section-heading h2 {
	margin: 0;
	color: var(--an-color-text);
	font-weight: var(--an-font-weight-bold);
	letter-spacing: -0.025em;
}

.autonavix-site .an-account-page-heading h1,
.autonavix-site .an-account-intro h1 {
	font-size: var(--an-font-size-2xl);
}

.autonavix-site .an-account-content-heading h2,
.autonavix-site .an-account-section-heading h2 {
	font-size: var(--an-font-size-xl);
}

.autonavix-site .an-account-page-heading p,
.autonavix-site .an-account-content-heading p,
.autonavix-site .an-account-section-heading p {
	margin: var(--an-space-1) 0 0;
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-sm);
	line-height: 1.5;
}

.autonavix-site.an-account-experience :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	position: relative;
	min-height: var(--an-touch-target);
	margin: 0 0 var(--an-space-4);
	border: var(--an-border-width) solid var(--an-color-border-strong);
	border-left-width: 0.25rem;
	border-radius: var(--an-button-radius);
	padding: var(--an-space-3) var(--an-space-4) var(--an-space-3) 3rem;
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
	color: var(--an-color-text-secondary);
	font-size: var(--an-font-size-sm);
	line-height: 1.5;
}

.autonavix-site.an-account-experience .woocommerce-error {
	border-color: #f0a6a0;
	border-left-color: var(--an-color-error);
	background: var(--an-color-error-surface);
	color: #7a271a;
}

.autonavix-site.an-account-experience .woocommerce-message {
	border-color: #8bd5af;
	border-left-color: var(--an-color-success);
	background: var(--an-color-success-surface);
	color: #05603a;
}

.autonavix-site.an-account-experience .woocommerce-info {
	border-color: #9cc5ff;
	border-left-color: var(--an-color-brand-blue);
	background: #f3f7ff;
}

.autonavix-site.an-account-experience :where(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	top: 50%;
	left: var(--an-space-4);
	transform: translateY(-50%);
}

.autonavix-site.an-account-experience .woocommerce-error li {
	margin: 0;
}

/* Logged-in profile identity. */
.autonavix-site .an-account-intro {
	width: 100%;
	margin-bottom: var(--an-space-4);
}

.autonavix-site .an-account-intro h1 {
	margin-bottom: var(--an-space-4);
}

.autonavix-site .an-account-profile {
	position: relative;
	display: grid;
	min-width: 0;
	align-items: center;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--an-space-3);
	padding: var(--an-card-padding);
	border: var(--an-border-width) solid transparent;
	border-radius: var(--an-card-radius);
	background:
		linear-gradient(var(--an-color-surface), var(--an-color-surface)) padding-box,
		var(--an-gradient-primary) border-box;
	box-shadow: var(--an-shadow-card);
}

.autonavix-site .an-account-profile__avatar {
	display: grid;
	width: 4.5rem;
	height: 4.5rem;
	place-items: center;
	padding: 0.1875rem;
	border-radius: 50%;
	background: var(--an-gradient-primary);
}

.autonavix-site .an-account-profile__avatar-image {
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid var(--an-color-surface);
	border-radius: 50%;
	background: #eef4ff;
	object-fit: cover;
}

.autonavix-site .an-account-profile__identity {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 0.125rem;
}

.autonavix-site .an-account-profile__greeting {
	margin: 0;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-xs);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site .an-account-profile__identity strong {
	overflow: hidden;
	color: var(--an-color-text);
	font-size: var(--an-font-size-lg);
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.autonavix-site .an-account-profile__identity > span {
	overflow: hidden;
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-sm);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.autonavix-site .an-account-profile__edit {
	display: inline-flex;
	min-width: var(--an-touch-target);
	height: var(--an-touch-target);
	align-items: center;
	justify-content: center;
	gap: var(--an-space-1);
	border-radius: var(--an-button-radius);
	padding: 0 var(--an-space-2);
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-xs);
	font-weight: var(--an-font-weight-semibold);
	text-decoration: none;
}

.autonavix-site .an-account-profile__edit:hover {
	background: #eef4ff;
	color: var(--an-color-brand-violet);
}

.autonavix-site .an-account-profile__edit svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

/* Native registered account navigation, shown once on endpoint pages. */
.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	margin: 0 0 var(--an-space-4);
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation ul {
	display: grid;
	margin: 0;
	padding: var(--an-space-2);
	border: var(--an-border-width) solid var(--an-color-border);
	border-radius: var(--an-card-radius);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--an-space-1);
	list-style: none;
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation li {
	margin: 0;
	border: 0;
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation a {
	position: relative;
	display: flex;
	min-height: var(--an-touch-target);
	align-items: center;
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2) var(--an-space-3);
	color: var(--an-color-text-secondary);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-medium);
	line-height: 1.3;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation a:hover {
	background: #f2f4f7;
	color: var(--an-color-brand-blue);
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation .is-active a {
	padding-left: calc(var(--an-space-3) + 0.25rem);
	background: var(--an-gradient-primary);
	box-shadow: 0 0.25rem 0.75rem rgba(73, 42, 203, 0.2);
	color: #ffffff;
	font-weight: var(--an-font-weight-bold);
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation .is-active a::before {
	position: absolute;
	top: 0.5rem;
	bottom: 0.5rem;
	left: 0.375rem;
	width: 0.1875rem;
	border-radius: var(--an-chip-radius);
	background: #ffffff;
	content: "";
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--an-color-error);
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation-link--customer-logout.is-active a {
	color: #ffffff;
}

.autonavix-site.an-account-experience .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	min-width: 0;
}

/* Dashboard cards. */
.autonavix-site .an-account-dashboard-content {
	display: grid;
	gap: var(--an-space-5);
}

.autonavix-site .an-account-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--an-space-3);
}

.autonavix-site .an-account-card {
	display: grid;
	min-width: 0;
	min-height: 6.75rem;
	align-items: center;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--an-space-2);
	border: var(--an-border-width) solid var(--an-color-border);
	border-radius: var(--an-card-radius);
	padding: var(--an-space-3);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
	color: var(--an-color-text);
	text-decoration: none;
}

.autonavix-site .an-account-card:hover {
	border-color: #a8c7fa;
	box-shadow: var(--an-shadow-card-hover);
	color: var(--an-color-brand-blue);
	transform: translateY(-1px);
}

.autonavix-site .an-account-card__icon {
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border-radius: 0.75rem;
	background: #eef4ff;
	color: var(--an-color-brand-blue);
}

.autonavix-site .an-account-card__icon svg,
.autonavix-site .an-account-empty-orders__icon svg,
.autonavix-site .an-account-support__icon svg {
	width: 1.625rem;
	height: 1.625rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.autonavix-site .an-account-card__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 0.1875rem;
	overflow-wrap: anywhere;
}

.autonavix-site .an-account-card__copy strong {
	color: inherit;
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-bold);
	line-height: 1.3;
}

.autonavix-site .an-account-card__copy small {
	display: -webkit-box;
	overflow: hidden;
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-xs);
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.autonavix-site .an-account-card__arrow {
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: var(--an-color-text-muted);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.autonavix-site .an-account-section-heading--row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--an-space-3);
}

.autonavix-site .an-account-section-heading--row > a {
	min-height: var(--an-touch-target);
	flex: 0 0 auto;
	align-content: center;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site .an-account-recent__list {
	display: grid;
	gap: var(--an-space-3);
}

.autonavix-site .an-account-order-card {
	padding: var(--an-card-padding);
	border: var(--an-border-width) solid var(--an-color-border);
	border-radius: var(--an-card-radius);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
}

.autonavix-site .an-account-order-card__topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--an-space-2);
	margin-bottom: var(--an-space-3);
}

.autonavix-site .an-account-order-card h3 {
	margin: 0;
	color: var(--an-color-text);
	font-size: var(--an-font-size-md);
}

.autonavix-site .an-account-status {
	display: inline-flex;
	min-height: 1.75rem;
	align-items: center;
	border: var(--an-border-width) solid #9cc5ff;
	border-radius: var(--an-chip-radius);
	padding: 0.25rem 0.625rem;
	background: #eef4ff;
	color: #1849a9;
	font-size: var(--an-font-size-xs);
	font-weight: var(--an-font-weight-semibold);
	line-height: 1.2;
}

.autonavix-site .an-account-status::before {
	width: 0.375rem;
	height: 0.375rem;
	margin-right: 0.375rem;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

.autonavix-site .an-account-status--completed,
.autonavix-site .an-account-status--processing {
	border-color: #8bd5af;
	background: var(--an-color-success-surface);
	color: #05603a;
}

.autonavix-site .an-account-status--cancelled,
.autonavix-site .an-account-status--failed {
	border-color: #f0a6a0;
	background: var(--an-color-error-surface);
	color: #912018;
}

.autonavix-site .an-account-order-card dl {
	display: grid;
	margin: 0 0 var(--an-space-3);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--an-space-3);
}

.autonavix-site .an-account-order-card dl div {
	min-width: 0;
}

.autonavix-site .an-account-order-card dt,
.autonavix-site .an-account-order-card dd {
	margin: 0;
}

.autonavix-site .an-account-order-card dt {
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-xs);
}

.autonavix-site .an-account-order-card dd {
	margin-top: 0.125rem;
	color: var(--an-color-text);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-semibold);
	font-variant-numeric: tabular-nums;
}

.autonavix-site .an-account-order-card__action {
	display: inline-flex;
	min-height: var(--an-touch-target);
	align-items: center;
	justify-content: center;
	border: var(--an-border-width) solid #a8c7fa;
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2) var(--an-space-4);
	background: #f3f7ff;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-semibold);
	text-decoration: none;
}

.autonavix-site .an-account-empty-orders {
	display: flex;
	align-items: center;
	border: var(--an-border-width) dashed var(--an-color-border-strong);
	border-radius: var(--an-card-radius);
	padding: var(--an-space-6) var(--an-space-4);
	background: #fbfcfe;
	text-align: center;
	flex-direction: column;
}

.autonavix-site .an-account-empty-orders__icon {
	display: grid;
	width: 3.5rem;
	height: 3.5rem;
	place-items: center;
	border-radius: 50%;
	background: #eef4ff;
	color: var(--an-color-brand-blue);
}

.autonavix-site .an-account-empty-orders h3 {
	margin: var(--an-space-3) 0 var(--an-space-1);
	font-size: var(--an-font-size-lg);
}

.autonavix-site .an-account-empty-orders p {
	margin: 0 0 var(--an-space-4);
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-sm);
}

.autonavix-site .an-account-primary-action,
.autonavix-site.an-account-experience :where(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button, .woocommerce-EditAccountForm button[name="save_account_details"], .woocommerce-address-fields button[name="save_address"]) {
	display: inline-flex;
	min-height: 3rem;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2) var(--an-space-5);
	background: var(--an-gradient-primary);
	box-shadow: 0 0.5rem 1.25rem rgba(73, 42, 203, 0.22);
	color: #ffffff;
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-bold);
	text-decoration: none;
}

.autonavix-site.an-account-experience :where(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button, .woocommerce-EditAccountForm button[name="save_account_details"], .woocommerce-address-fields button[name="save_address"]) {
	width: 100%;
}

.autonavix-site .an-account-primary-action:hover,
.autonavix-site.an-account-experience :where(.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword button, .woocommerce-EditAccountForm button[name="save_account_details"], .woocommerce-address-fields button[name="save_address"]):hover {
	color: #ffffff;
	filter: brightness(1.04);
}

.autonavix-site .an-account-support {
	display: grid;
	min-width: 0;
	align-items: center;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--an-space-3);
	border-radius: var(--an-card-radius);
	padding: var(--an-space-4);
	background: var(--an-gradient-primary);
	box-shadow: 0 0.625rem 1.5rem rgba(73, 42, 203, 0.2);
	color: #ffffff;
}

.autonavix-site .an-account-support__icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
}

.autonavix-site .an-account-support h2,
.autonavix-site .an-account-support p {
	margin: 0;
	color: inherit;
}

.autonavix-site .an-account-support h2 {
	font-size: var(--an-font-size-lg);
}

.autonavix-site .an-account-support p {
	margin-top: var(--an-space-1);
	font-size: var(--an-font-size-sm);
	line-height: 1.45;
}

.autonavix-site .an-account-support__actions {
	display: flex;
	grid-column: 1 / -1;
	gap: var(--an-space-2);
	flex-wrap: wrap;
}

.autonavix-site .an-account-support__actions a {
	display: inline-flex;
	min-height: var(--an-touch-target);
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2) var(--an-space-4);
	background: #ffffff;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-bold);
	text-decoration: none;
}

.autonavix-site .an-account-logout {
	display: flex;
	min-height: 3.25rem;
	align-items: center;
	justify-content: center;
	gap: var(--an-space-2);
	border: var(--an-border-width) solid #f0a6a0;
	border-radius: var(--an-card-radius);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
	color: var(--an-color-error);
	font-weight: var(--an-font-weight-bold);
	text-decoration: none;
}

.autonavix-site .an-account-logout:hover {
	background: var(--an-color-error-surface);
	color: #912018;
}

.autonavix-site .an-account-logout svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

/* Native login, registration, password, account, and address forms. */
.autonavix-site.an-account-experience #customer_login {
	display: grid;
	gap: var(--an-space-4);
}

.autonavix-site.an-account-experience #customer_login > :where(.u-column1, .u-column2),
.autonavix-site.an-account-experience :where(.woocommerce-ResetPassword, .woocommerce-EditAccountForm, .woocommerce-address-fields) {
	float: none;
	width: 100%;
	min-width: 0;
	border: var(--an-border-width) solid var(--an-color-border);
	border-radius: var(--an-card-radius);
	padding: var(--an-card-padding);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
}

.autonavix-site.an-account-experience .woocommerce-ResetPassword {
	max-width: 36rem;
	margin-right: auto;
	margin-left: auto;
}

.autonavix-site.an-account-experience #customer_login h2 {
	margin: 0 0 var(--an-space-3);
	font-size: var(--an-font-size-xl);
}

.autonavix-site.an-account-experience :where(form.login, form.register) {
	margin: 0;
	border: 0;
	padding: 0;
}

.autonavix-site.an-account-experience :where(.form-row, .woocommerce-form-row) {
	float: none;
	width: 100%;
	margin: 0 0 var(--an-space-3);
	padding: 0;
}

.autonavix-site.an-account-experience :where(.form-row, .woocommerce-form-row) label {
	display: inline-block;
	margin-bottom: var(--an-space-1);
	color: var(--an-color-text-secondary);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site.an-account-experience :where(input.input-text, select, textarea) {
	width: 100%;
	min-height: 3rem;
	border: var(--an-border-width) solid var(--an-color-border-strong);
	border-radius: var(--an-input-radius);
	padding: 0.6875rem 0.875rem;
	background: #fbfcfe;
	box-shadow: none;
	color: var(--an-color-text);
	font-size: 1rem;
}

.autonavix-site.an-account-experience textarea {
	min-height: 7rem;
	resize: vertical;
}

.autonavix-site.an-account-experience :where(input.input-text, select, textarea):focus {
	border-color: var(--an-color-focus);
	box-shadow: 0 0 0 3px rgba(21, 94, 239, 0.14);
	outline: 0;
}

.autonavix-site.an-account-experience .woocommerce-invalid :where(input.input-text, select, textarea) {
	border-color: var(--an-color-error);
	box-shadow: 0 0 0 2px rgba(180, 35, 24, 0.1);
}

.autonavix-site.an-account-experience .required {
	color: var(--an-color-error);
}

.autonavix-site.an-account-experience .woocommerce-form-login__rememberme {
	display: inline-flex;
	min-height: var(--an-touch-target);
	align-items: center;
	gap: var(--an-space-2);
	margin: 0 var(--an-space-3) var(--an-space-2) 0;
}

.autonavix-site.an-account-experience :where(input[type="checkbox"], input[type="radio"]) {
	width: 1.25rem;
	height: 1.25rem;
	min-height: 1.25rem;
	accent-color: var(--an-color-brand-blue);
}

.autonavix-site.an-account-experience .lost_password {
	margin: var(--an-space-3) 0 0;
}

.autonavix-site.an-account-experience .lost_password a {
	display: inline-flex;
	min-height: var(--an-touch-target);
	align-items: center;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site.an-account-experience .woocommerce-password-strength {
	margin-top: var(--an-space-2);
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2);
	font-size: var(--an-font-size-xs);
}

.autonavix-site.an-account-experience .show-password-input {
	top: 50%;
	min-width: var(--an-touch-target);
	min-height: var(--an-touch-target);
	align-content: center;
	transform: translateY(-50%);
}

.autonavix-site.an-account-experience .woocommerce-EditAccountForm fieldset {
	margin: var(--an-space-5) 0 var(--an-space-3);
	border: 0;
	border-top: var(--an-border-width) solid var(--an-color-border);
	padding: var(--an-space-4) 0 0;
}

.autonavix-site.an-account-experience .woocommerce-EditAccountForm legend {
	padding-right: var(--an-space-3);
	color: var(--an-color-text);
	font-size: var(--an-font-size-lg);
	font-weight: var(--an-font-weight-bold);
}

.autonavix-site.an-account-experience #account_display_name_description {
	display: block;
	margin-top: var(--an-space-1);
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-xs);
	line-height: 1.4;
}

/* Address overview cards. */
.autonavix-site.an-account-experience .woocommerce-MyAccount-content > p:first-child {
	color: var(--an-color-text-muted);
	font-size: var(--an-font-size-sm);
	line-height: 1.5;
}

.autonavix-site.an-account-experience .woocommerce-Addresses,
.autonavix-site.an-account-experience .woocommerce-columns--addresses {
	display: grid;
	gap: var(--an-space-4);
}

.autonavix-site.an-account-experience .woocommerce-Address,
.autonavix-site.an-account-experience .woocommerce-customer-details .woocommerce-column {
	float: none;
	width: 100%;
	min-width: 0;
	border: var(--an-border-width) solid var(--an-color-border);
	border-radius: var(--an-card-radius);
	padding: var(--an-card-padding);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
}

.autonavix-site.an-account-experience .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--an-space-3);
	margin-bottom: var(--an-space-3);
	border-bottom: var(--an-border-width) solid var(--an-color-border);
	padding-bottom: var(--an-space-3);
}

.autonavix-site.an-account-experience .woocommerce-Address-title h2,
.autonavix-site.an-account-experience .woocommerce-customer-details h2 {
	margin: 0;
	font-size: var(--an-font-size-lg);
}

.autonavix-site.an-account-experience .woocommerce-Address-title .edit {
	display: inline-flex;
	float: none;
	min-height: var(--an-touch-target);
	align-items: center;
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2) var(--an-space-3);
	background: #eef4ff;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-sm);
	font-weight: var(--an-font-weight-semibold);
	text-decoration: none;
}

.autonavix-site.an-account-experience :where(.woocommerce-Address address, .woocommerce-customer-details address) {
	margin: 0;
	border: 0;
	padding: 0;
	color: var(--an-color-text-secondary);
	font-size: var(--an-font-size-sm);
	font-style: normal;
	line-height: 1.7;
}

.autonavix-site.an-account-experience .woocommerce-address-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--an-space-3);
}

.autonavix-site.an-account-experience .woocommerce-address-fields__field-wrapper > :not(.form-row-first):not(.form-row-last) {
	grid-column: 1 / -1;
}

/* Native order list becomes readable cards on mobile. */
.autonavix-site.an-account-experience .woocommerce-orders-table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 var(--an-space-3);
}

.autonavix-site.an-account-experience .woocommerce-orders-table tbody tr {
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
}

.autonavix-site.an-account-experience .woocommerce-orders-table th,
.autonavix-site.an-account-experience .woocommerce-orders-table td {
	border-color: var(--an-color-border);
	font-size: var(--an-font-size-sm);
}

.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-number a {
	color: var(--an-color-text);
	font-size: var(--an-font-size-md);
	font-weight: var(--an-font-weight-bold);
}

.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-actions {
	display: flex;
	gap: var(--an-space-2);
	flex-wrap: wrap;
}

.autonavix-site.an-account-experience :where(.woocommerce-orders-table__cell-order-actions, .order-actions--heading + td) .button,
.autonavix-site.an-account-experience .woocommerce-pagination .button,
.autonavix-site.an-account-experience .woocommerce-order-details .order-again .button {
	display: inline-flex;
	min-height: var(--an-touch-target);
	align-items: center;
	justify-content: center;
	border: var(--an-border-width) solid #a8c7fa;
	border-radius: var(--an-button-radius);
	padding: var(--an-space-2) var(--an-space-3);
	background: #f3f7ff;
	color: var(--an-color-brand-blue);
	font-size: var(--an-font-size-xs);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site.an-account-experience .woocommerce-pagination {
	display: flex;
	justify-content: space-between;
	gap: var(--an-space-3);
	margin-top: var(--an-space-4);
}

/* Single order, downloads, and payment tables. */
.autonavix-site.an-account-experience.an-account-view-order .woocommerce-MyAccount-content > p:first-child,
.autonavix-site.an-account-experience .woocommerce-order-details,
.autonavix-site.an-account-experience .woocommerce-customer-details,
.autonavix-site.an-account-experience .woocommerce-OrderUpdates {
	margin: 0 0 var(--an-space-4);
}

.autonavix-site.an-account-experience.an-account-view-order .woocommerce-MyAccount-content > p:first-child {
	border: var(--an-border-width) solid #a8c7fa;
	border-radius: var(--an-card-radius);
	padding: var(--an-card-padding);
	background: #f3f7ff;
	color: var(--an-color-text-secondary);
}

.autonavix-site.an-account-experience mark {
	border-radius: 0.25rem;
	padding: 0.0625rem 0.25rem;
	background: #ffffff;
	color: var(--an-color-text);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site.an-account-experience .woocommerce-order-details {
	border: var(--an-border-width) solid var(--an-color-border);
	border-radius: var(--an-card-radius);
	padding: var(--an-card-padding);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
}

.autonavix-site.an-account-experience .woocommerce-order-details__title,
.autonavix-site.an-account-experience .woocommerce-MyAccount-content > h2 {
	margin: 0 0 var(--an-space-3);
	font-size: var(--an-font-size-xl);
}

.autonavix-site.an-account-experience .woocommerce-table--order-details {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.autonavix-site.an-account-experience .woocommerce-table--order-details :where(th, td) {
	padding: var(--an-space-3) var(--an-space-2);
	border-color: var(--an-color-border);
	font-size: var(--an-font-size-sm);
	vertical-align: top;
}

.autonavix-site.an-account-experience .woocommerce-table--order-details .product-name a {
	color: var(--an-color-text);
	font-weight: var(--an-font-weight-semibold);
}

.autonavix-site.an-account-experience .woocommerce-table--order-details .product-total,
.autonavix-site.an-account-experience .woocommerce-table--order-details tfoot td {
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.autonavix-site.an-account-experience .woocommerce-table--order-details tfoot tr:last-child {
	border-top: 2px solid var(--an-color-border-strong);
	font-size: var(--an-font-size-md);
}

.autonavix-site.an-account-experience .woocommerce-OrderUpdates {
	padding: 0;
	list-style: none;
}

.autonavix-site.an-account-experience .woocommerce-OrderUpdate {
	margin-bottom: var(--an-space-3);
	border-left: 0.25rem solid var(--an-color-brand-blue);
	border-radius: 0 var(--an-button-radius) var(--an-button-radius) 0;
	padding: var(--an-space-3);
	background: #f3f7ff;
}

.autonavix-site.an-account-experience .woocommerce-OrderUpdate p {
	margin: 0;
}

.autonavix-site.an-account-experience :where(.woocommerce-table--order-downloads, .woocommerce-MyAccount-paymentMethods) {
	width: 100%;
	border-radius: var(--an-card-radius);
	background: var(--an-color-surface);
	box-shadow: var(--an-shadow-card);
}

@media (max-width: 23.374rem) {
	.autonavix-site .an-account-profile {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.autonavix-site .an-account-profile__edit {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}

	.autonavix-site .an-account-card-grid,
	.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation ul,
	.autonavix-site.an-account-experience .woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	.autonavix-site.an-account-experience .woocommerce-address-fields__field-wrapper > * {
		grid-column: 1;
	}

	.autonavix-site .an-account-support__actions a,
	.autonavix-site .an-account-primary-action {
		width: 100%;
	}
}

@media (max-width: 47.999rem) {
	.autonavix-site.an-account-experience .woocommerce-orders-table thead {
		display: none;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table,
	.autonavix-site.an-account-experience .woocommerce-orders-table tbody {
		display: block;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table tbody tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: var(--an-space-2) var(--an-space-3);
		margin-bottom: var(--an-space-3);
		border: var(--an-border-width) solid var(--an-color-border);
		border-radius: var(--an-card-radius);
		padding: var(--an-card-padding);
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table tbody :where(th, td) {
		display: block;
		width: auto;
		border: 0;
		padding: 0;
		text-align: left !important;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table tbody :where(th, td)::before {
		display: none;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-number {
		grid-column: 1;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-status {
		display: inline-flex !important;
		min-height: 1.75rem;
		align-items: center;
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
		border: var(--an-border-width) solid #9cc5ff !important;
		border-radius: var(--an-chip-radius);
		padding: 0.25rem 0.625rem !important;
		background: #eef4ff;
		color: #1849a9;
		font-size: var(--an-font-size-xs);
		font-weight: var(--an-font-weight-semibold);
		line-height: 1.2;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-status::before {
		display: block;
		width: 0.375rem;
		height: 0.375rem;
		margin-right: 0.375rem;
		border-radius: 50%;
		background: currentColor;
		content: "";
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-date {
		grid-column: 1 / -1;
		color: var(--an-color-text-muted);
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-total,
	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-actions {
		grid-column: 1 / -1;
	}

	.autonavix-site.an-account-experience .woocommerce-orders-table__cell-order-total {
		border-top: var(--an-border-width) solid var(--an-color-border);
		padding-top: var(--an-space-3);
		font-weight: var(--an-font-weight-semibold);
	}

	.autonavix-site.an-account-experience :where(.woocommerce-table--order-downloads, .woocommerce-MyAccount-paymentMethods) thead {
		display: none;
	}

	.autonavix-site.an-account-experience :where(.woocommerce-table--order-downloads, .woocommerce-MyAccount-paymentMethods) tr {
		display: block;
		margin-bottom: var(--an-space-3);
		border: var(--an-border-width) solid var(--an-color-border);
		border-radius: var(--an-card-radius);
		padding: var(--an-space-3);
	}

	.autonavix-site.an-account-experience :where(.woocommerce-table--order-downloads, .woocommerce-MyAccount-paymentMethods) td {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: var(--an-space-3);
		border: 0;
		padding: var(--an-space-2) 0;
		text-align: right;
	}
}

@media (min-width: 48rem) {
	body.autonavix-site.an-account-experience .site-content > .ast-container {
		padding-top: var(--an-space-8);
	}

	.autonavix-site .an-account-profile {
		padding: var(--an-space-5);
	}

	.autonavix-site .an-account-profile__avatar {
		width: 5.5rem;
		height: 5.5rem;
	}

	.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation {
		float: left;
		width: 17rem;
		margin-right: var(--an-space-6);
	}

	.autonavix-site.an-account-experience .woocommerce-MyAccount-navigation ul {
		grid-template-columns: 1fr;
	}

	.autonavix-site.an-account-experience .woocommerce-MyAccount-content {
		float: right;
		width: calc(100% - 17rem - var(--an-space-6));
	}

	.autonavix-site.an-account-dashboard .woocommerce-MyAccount-content {
		float: none;
		width: 100%;
	}

	.autonavix-site .an-account-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.autonavix-site .an-account-recent__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.autonavix-site .an-account-support {
		grid-template-columns: auto minmax(0, 1fr) auto;
		padding: var(--an-space-5);
	}

	.autonavix-site .an-account-support__actions {
		grid-column: auto;
		justify-content: flex-end;
	}

	.autonavix-site.an-account-experience #customer_login {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.autonavix-site.an-account-experience .woocommerce-Addresses,
	.autonavix-site.an-account-experience .woocommerce-columns--addresses {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.autonavix-site.an-account-experience .woocommerce-EditAccountForm {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 var(--an-space-4);
	}

	.autonavix-site.an-account-experience .woocommerce-EditAccountForm > :where(.form-row-wide, fieldset, .clear, p:last-of-type) {
		grid-column: 1 / -1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.autonavix-site .an-account-card,
	.autonavix-site .an-account-primary-action,
	.autonavix-site .an-account-support__actions a,
	.autonavix-site.an-account-experience :where(a, button, input, select, textarea) {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}
