/**
 * BlueGam My Account and customer-order presentation.
 *
 * WooCommerce retains ownership of authentication, account endpoints, order
 * queries, authorization, status, totals, customer details, and form actions.
 * Every integration selector is scoped beneath .bg-account__native.
 */

.bg-account-template {
	overflow: clip;
}

.bg-account {
	direction: rtl;
	display: grid;
	gap: clamp(var(--wp--preset--spacing--70), 5vw, var(--wp--preset--spacing--100));
	inline-size: 100%;
	margin: 0;
	max-inline-size: none;
	text-align: start;
}

.bg-account__hero {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--sm);
	display: grid;
	gap: var(--wp--preset--spacing--30);
	overflow: hidden;
	padding-block: clamp(var(--wp--preset--spacing--70), 4vw, var(--wp--preset--spacing--90));
	padding-inline: clamp(var(--wp--preset--spacing--60), 6vw, var(--wp--preset--spacing--100));
	position: relative;
}

.bg-account__hero::after {
	background-color: var(--wp--preset--color--blue-50);
	block-size: 210px;
	border-radius: var(--wp--custom--radius--pill);
	content: "";
	inline-size: 210px;
	inset-block-start: -130px;
	inset-inline-end: -60px;
	pointer-events: none;
	position: absolute;
}

.bg-account__hero > * {
	margin-block: 0;
}

.bg-account__eyebrow {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: var(--wp--custom--typography--line-height--compact);
}

.bg-account__title {
	font-size: var(--wp--preset--font-size--heading-1);
	position: relative;
	z-index: 1;
}

.bg-account__intro {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--typography--line-height--body);
	max-inline-size: 64ch;
}

.bg-account__native,
.bg-account__native .woocommerce,
.bg-account__native .woocommerce-MyAccount-content {
	inline-size: 100%;
	max-inline-size: none;
	min-inline-size: 0;
}

.bg-account__native .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	align-items: start;
	display: grid;
	gap: var(--wp--preset--spacing--70);
	grid-template-columns: minmax(220px, 272px) minmax(0, 1fr);
}

/* Native account navigation */

.bg-account__native .woocommerce-MyAccount-navigation,
.bg-account__native .woocommerce-MyAccount-content {
	float: none;
	margin: 0;
	width: auto;
}

.bg-account__native .woocommerce-MyAccount-navigation {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	box-shadow: var(--wp--preset--shadow--xs);
	overflow: hidden;
	position: sticky;
	top: var(--wp--preset--spacing--40);
}

.bg-account__native .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: var(--wp--preset--spacing--10);
	list-style: none;
	margin: 0;
	padding: var(--wp--preset--spacing--30);
}

.bg-account__native .woocommerce-MyAccount-navigation li {
	border: 0;
	margin: 0;
	padding: 0;
}

.bg-account__native .woocommerce-MyAccount-navigation a {
	align-items: center;
	border-radius: var(--wp--custom--radius--input);
	color: var(--wp--preset--color--text-secondary);
	display: flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	gap: var(--wp--preset--spacing--30);
	inline-size: 100%;
	line-height: var(--wp--custom--typography--line-height--compact);
	min-block-size: var(--wp--custom--control--min-size);
	padding-block: var(--wp--preset--spacing--30);
	padding-inline: var(--wp--preset--spacing--40);
	text-decoration: none;
	transition:
		background-color var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--easing--standard),
		color var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--easing--standard);
}

.bg-account__native .woocommerce-MyAccount-navigation a::before {
	background-color: currentColor;
	block-size: var(--wp--preset--spacing--20);
	border-radius: var(--wp--custom--radius--pill);
	content: "";
	flex: 0 0 auto;
	inline-size: var(--wp--preset--spacing--20);
	opacity: 0.5;
}

.bg-account__native .woocommerce-MyAccount-navigation a:hover {
	background-color: var(--wp--preset--color--blue-50);
	color: var(--wp--preset--color--primary-hover);
}

.bg-account__native .woocommerce-MyAccount-navigation a:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: -2px;
}

.bg-account__native .woocommerce-MyAccount-navigation .is-active > a,
.bg-account__native .woocommerce-MyAccount-navigation a[aria-current="page"] {
	background-color: var(--wp--preset--color--blue-50);
	color: var(--wp--preset--color--primary-active);
}

.bg-account__native .woocommerce-MyAccount-navigation .is-active > a::before,
.bg-account__native .woocommerce-MyAccount-navigation a[aria-current="page"]::before {
	opacity: 1;
}

.bg-account__native .woocommerce-MyAccount-navigation-link--customer-logout {
	border-block-start: 1px solid var(--wp--preset--color--border);
	margin-block-start: var(--wp--preset--spacing--20);
	padding-block-start: var(--wp--preset--spacing--20);
}

.bg-account__native .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--wp--preset--color--error);
}

/* Dashboard */

.bg-account__native .woocommerce-MyAccount-content > p:first-child {
	background-color: var(--wp--preset--color--blue-50);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--card);
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--large);
	margin-block: 0 var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--60);
}

.bg-account__native .woocommerce-MyAccount-content > p:nth-child(2) {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
	margin-block: 0 var(--wp--preset--spacing--70);
}

.bg-account__native .woocommerce-MyAccount-content > p a {
	font-weight: 600;
	text-underline-offset: 0.2em;
}

.bg-account-dashboard-orders {
	border-block-start: 1px solid var(--wp--preset--color--border);
	margin-block-start: var(--wp--preset--spacing--70);
	padding-block-start: var(--wp--preset--spacing--70);
}

.bg-account-dashboard-orders__header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	justify-content: space-between;
	margin-block-end: var(--wp--preset--spacing--50);
}

.bg-account-dashboard-orders__header h2 {
	font-size: var(--wp--preset--font-size--heading-3);
	margin: 0;
}

.bg-account-dashboard-orders__header a {
	align-items: center;
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	min-block-size: var(--wp--custom--control--min-size);
}

/* Orders list */

.bg-account__native .woocommerce-orders-table {
	background: transparent;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 var(--wp--preset--spacing--30);
	inline-size: 100%;
	margin: calc(-1 * var(--wp--preset--spacing--30)) 0 0;
	table-layout: fixed;
}

.bg-account__native .woocommerce-orders-table thead th {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
	padding-block: 0 var(--wp--preset--spacing--20);
	padding-inline: var(--wp--preset--spacing--40);
	text-align: start;
}

.bg-account__native .woocommerce-orders-table tbody tr {
	--bg-account-status: var(--wp--preset--color--primary);

	background-color: var(--wp--preset--color--surface);
	box-shadow: 0 0 0 1px var(--wp--preset--color--border), var(--wp--preset--shadow--xs);
}

.bg-account__native .woocommerce-orders-table tbody :is(th, td) {
	background: transparent;
	border-block: 0;
	border-inline: 0;
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	padding-block: var(--wp--preset--spacing--50);
	padding-inline: var(--wp--preset--spacing--40);
	text-align: start;
	vertical-align: middle;
}

.bg-account__native .woocommerce-orders-table tbody tr > :first-child {
	border-end-start-radius: var(--wp--custom--radius--card);
	border-start-start-radius: var(--wp--custom--radius--card);
}

.bg-account__native .woocommerce-orders-table tbody tr > :last-child {
	border-end-end-radius: var(--wp--custom--radius--card);
	border-start-end-radius: var(--wp--custom--radius--card);
}

.bg-account__native .woocommerce-orders-table__cell-order-number a {
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--body);
	font-weight: 700;
	text-decoration: none;
}

.bg-account__native .woocommerce-orders-table__cell-order-number a:hover {
	color: var(--wp--preset--color--primary-hover);
}

.bg-account__native .woocommerce-orders-table__cell-order-date time,
.bg-account__native .order-date {
	direction: rtl;
	unicode-bidi: isolate;
}

.bg-account__native .woocommerce-orders-table__cell-order-status {
	color: var(--bg-account-status);
	font-weight: 700;
}

.bg-account__native .woocommerce-orders-table__cell-order-status::after {
	background-color: currentColor;
	block-size: var(--wp--preset--spacing--20);
	border-radius: var(--wp--custom--radius--pill);
	content: "";
	display: inline-block;
	inline-size: var(--wp--preset--spacing--20);
	margin-inline-start: var(--wp--preset--spacing--20);
	vertical-align: middle;
}

.bg-account__native .woocommerce-orders-table__row--status-completed {
	--bg-account-status: var(--wp--preset--color--success);
}

.bg-account__native :is(
	.woocommerce-orders-table__row--status-on-hold,
	.woocommerce-orders-table__row--status-pending
) {
	--bg-account-status: var(--wp--preset--color--warning);
}

.bg-account__native :is(
	.woocommerce-orders-table__row--status-cancelled,
	.woocommerce-orders-table__row--status-failed
) {
	--bg-account-status: var(--wp--preset--color--error);
}

.bg-account__native .woocommerce-orders-table__row--status-refunded {
	--bg-account-status: var(--wp--preset--color--text-muted);
}

.bg-account__native :is(.woocommerce-Price-amount, bdi) {
	direction: ltr;
	unicode-bidi: isolate;
}

.bg-account__native .woocommerce-orders-table__cell-order-actions {
	text-align: end;
}

.bg-account__native .woocommerce-orders-table__cell-order-actions .button,
.bg-account__native .woocommerce-Pagination .button,
.bg-account__native .order-actions-button {
	align-items: center;
	background-color: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--input);
	box-shadow: none;
	color: var(--wp--preset--color--surface);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	justify-content: center;
	line-height: var(--wp--custom--typography--line-height--compact);
	margin: var(--wp--preset--spacing--10);
	min-block-size: var(--wp--custom--control--min-size);
	padding-block: var(--wp--preset--spacing--20);
	padding-inline: var(--wp--preset--spacing--40);
	text-decoration: none;
}

.bg-account__native .woocommerce-orders-table__cell-order-actions .button:hover,
.bg-account__native .woocommerce-Pagination .button:hover,
.bg-account__native .order-actions-button:hover {
	background-color: var(--wp--preset--color--primary-hover);
	border-color: var(--wp--preset--color--primary-hover);
	color: var(--wp--preset--color--surface);
}

.bg-account__native .woocommerce-Pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	justify-content: space-between;
	margin-block-start: var(--wp--preset--spacing--50);
}

/* Notices and the native empty-orders CTA */

.bg-account__native :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-inline-start: 4px solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--card);
	box-shadow: var(--wp--preset--shadow--xs);
	color: var(--wp--preset--color--text-secondary);
	display: flow-root;
	inline-size: 100%;
	line-height: var(--wp--custom--typography--line-height--body);
	list-style: none;
	margin-block: 0 var(--wp--preset--spacing--50);
	padding-block: var(--wp--preset--spacing--50);
	padding-inline: var(--wp--preset--spacing--60);
}

.bg-account__native .woocommerce-error {
	border-inline-start-color: var(--wp--preset--color--error);
}

.bg-account__native .woocommerce-message {
	border-inline-start-color: var(--wp--preset--color--success);
}

.bg-account__native :is(.woocommerce-error, .woocommerce-info, .woocommerce-message)::before {
	display: none;
}

.bg-account__native :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) .button {
	align-items: center;
	background-color: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--input);
	color: var(--wp--preset--color--surface);
	display: inline-flex;
	float: inline-end;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	justify-content: center;
	margin-inline-start: var(--wp--preset--spacing--40);
	min-block-size: var(--wp--custom--control--min-size);
	padding-block: var(--wp--preset--spacing--20);
	padding-inline: var(--wp--preset--spacing--40);
	text-decoration: none;
}

/* Order detail */

.bg-account__native .woocommerce-MyAccount-content > p:has(.order-number) {
	background-color: var(--wp--preset--color--blue-50);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--card);
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
	margin-block: 0 var(--wp--preset--spacing--60);
	padding: var(--wp--preset--spacing--60);
}

.bg-account__native :is(mark.order-number, mark.order-date, mark.order-status) {
	background: transparent;
	color: var(--wp--preset--color--text-primary);
	font-weight: 700;
	padding: 0;
}

.bg-account__native mark.order-status {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--primary-active);
	display: inline-block;
	font-size: var(--wp--preset--font-size--small);
	margin-inline: var(--wp--preset--spacing--10);
	padding-block: var(--wp--preset--spacing--10);
	padding-inline: var(--wp--preset--spacing--30);
}

.bg-account__native :is(.woocommerce-order-details, .woocommerce-customer-details) {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	box-shadow: var(--wp--preset--shadow--xs);
	margin-block: 0 var(--wp--preset--spacing--60);
	overflow: hidden;
	padding: var(--wp--preset--spacing--60);
}

.bg-account__native :is(.woocommerce-order-details__title, .woocommerce-column__title) {
	font-size: var(--wp--preset--font-size--heading-3);
	margin-block: 0 var(--wp--preset--spacing--50);
}

.bg-account__native .woocommerce-table--order-details {
	border: 0;
	border-collapse: collapse;
	inline-size: 100%;
	margin: 0;
	table-layout: fixed;
}

.bg-account__native .woocommerce-table--order-details :is(th, td) {
	border-block-end: 1px solid var(--wp--preset--color--border);
	border-inline: 0;
	padding-block: var(--wp--preset--spacing--40);
	padding-inline: var(--wp--preset--spacing--30);
	text-align: start;
	vertical-align: top;
}

.bg-account__native .woocommerce-table--order-details thead th {
	background-color: var(--wp--preset--color--surface-soft);
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
}

.bg-account__native .woocommerce-table--order-details .product-name {
	inline-size: 68%;
}

.bg-account__native .woocommerce-table--order-details .product-total {
	inline-size: 32%;
	text-align: end;
}

.bg-account__native .woocommerce-table--order-details tbody .product-name > a {
	color: var(--wp--preset--color--text-primary);
	font-weight: 700;
}

.bg-account__native .woocommerce-table--order-details .product-quantity {
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	white-space: nowrap;
}

.bg-account__native :is(.wc-item-meta, .woocommerce-table--order-details .variation) {
	color: var(--wp--preset--color--text-muted);
	display: grid;
	font-size: var(--wp--preset--font-size--small);
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
	grid-template-columns: max-content minmax(0, 1fr);
	list-style: none;
	margin-block: var(--wp--preset--spacing--20) 0;
	padding: 0;
}

.bg-account__native .wc-item-meta li {
	display: contents;
}

.bg-account__native :is(.wc-item-meta strong, .woocommerce-table--order-details .variation dt) {
	color: var(--wp--preset--color--text-secondary);
	font-weight: 600;
}

.bg-account__native :is(.wc-item-meta p, .woocommerce-table--order-details .variation dd) {
	margin: 0;
}

.bg-account__native .woocommerce-table--order-details tfoot th {
	color: var(--wp--preset--color--text-secondary);
	font-weight: 600;
}

.bg-account__native .woocommerce-table--order-details tfoot td {
	color: var(--wp--preset--color--text-primary);
	font-weight: 700;
	text-align: end;
}

.bg-account__native .woocommerce-table--order-details tfoot tr:last-child :is(th, td) {
	border-block-end: 0;
}

.bg-account__native .woocommerce-OrderUpdates {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	list-style: none;
	margin-block: 0 var(--wp--preset--spacing--60);
	padding: 0;
}

.bg-account__native .woocommerce-OrderUpdate {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--50);
}

.bg-account__native .woocommerce-OrderUpdate-meta {
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--caption);
	margin-block: 0 var(--wp--preset--spacing--20);
}

.bg-account__native .woocommerce-OrderUpdate-description > :last-child {
	margin-block-end: 0;
}

.bg-account__native .woocommerce-columns--addresses,
.bg-account__native .woocommerce-Addresses {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-account__native :is(.woocommerce-column, .woocommerce-Address) {
	background-color: var(--wp--preset--color--surface-soft);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	float: none;
	inline-size: 100%;
	padding: var(--wp--preset--spacing--50);
	width: auto;
}

.bg-account__native :is(.woocommerce-customer-details, .woocommerce-Address) address {
	color: var(--wp--preset--color--text-secondary);
	font-style: normal;
	line-height: var(--wp--custom--typography--line-height--body);
}

.bg-account__native .woocommerce-Address-title {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	justify-content: space-between;
	margin-block-end: var(--wp--preset--spacing--30);
}

.bg-account__native .woocommerce-Address-title h2 {
	font-size: var(--wp--preset--font-size--heading-4);
	margin: 0;
}

.bg-account__native .woocommerce-Address-title .edit {
	align-items: center;
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	min-block-size: var(--wp--custom--control--min-size);
}

.bg-account__native :is(.woocommerce-customer-details--phone, .woocommerce-customer-details--email) {
	direction: ltr;
	margin-block: var(--wp--preset--spacing--20) 0;
	text-align: start;
	unicode-bidi: isolate;
}

/* Account, address, login, registration, and password forms */

.bg-account__native :is(
	.woocommerce-EditAccountForm,
	.woocommerce-address-fields,
	.woocommerce-form-login,
	.woocommerce-form-register,
	.woocommerce-ResetPassword,
	.woocommerce-form--lost-password
) {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	box-shadow: var(--wp--preset--shadow--xs);
	margin: 0;
	padding: var(--wp--preset--spacing--60);
}

.bg-account__native #customer_login {
	display: grid;
	gap: var(--wp--preset--spacing--60);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-account__native #customer_login > :is(.u-column1, .u-column2) {
	float: none;
	inline-size: 100%;
	width: auto;
}

.bg-account__native #customer_login h2,
.bg-account__native .woocommerce-MyAccount-content > form > h2 {
	font-size: var(--wp--preset--font-size--heading-3);
	margin-block: 0 var(--wp--preset--spacing--40);
}

.bg-account__native :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-account__native .woocommerce-EditAccountForm > :is(.form-row-wide, fieldset, p:last-child),
.bg-account__native .woocommerce-address-fields__field-wrapper > .form-row-wide,
.bg-account__native .woocommerce-address-fields > p:last-child {
	grid-column: 1 / -1;
}

.bg-account__native .woocommerce-EditAccountForm fieldset {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: var(--wp--preset--spacing--50);
}

.bg-account__native .woocommerce-EditAccountForm legend {
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--heading-4);
	font-weight: 700;
	padding-inline: var(--wp--preset--spacing--20);
}

.bg-account__native .form-row {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin-block: 0 var(--wp--preset--spacing--40);
	padding: 0;
}

.bg-account__native .form-row label {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: var(--wp--custom--typography--line-height--compact);
}

.bg-account__native .form-row .required {
	color: var(--wp--preset--color--error);
}

.bg-account__native :is(input.input-text, select, textarea) {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border-strong);
	border-radius: var(--wp--custom--radius--input);
	box-shadow: var(--wp--preset--shadow--xs);
	color: var(--wp--preset--color--text-primary);
	font: inherit;
	inline-size: 100%;
	min-block-size: var(--wp--custom--control--min-size);
	padding-block: var(--wp--preset--spacing--30);
	padding-inline: var(--wp--preset--spacing--40);
}

.bg-account__native textarea {
	min-block-size: 128px;
	resize: vertical;
}

.bg-account__native :is(input.input-text, select, textarea):focus-visible {
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent);
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.bg-account__native .select2-container {
	max-inline-size: 100%;
	min-block-size: var(--wp--custom--control--min-size);
}

.bg-account__native .select2-container .select2-selection--single {
	align-items: center;
	border-color: var(--wp--preset--color--border-strong);
	border-radius: var(--wp--custom--radius--input);
	display: flex;
	min-block-size: var(--wp--custom--control--min-size);
}

.bg-account__native .woocommerce-form__label-for-checkbox {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	gap: var(--wp--preset--spacing--20);
	min-block-size: var(--wp--custom--control--min-size);
}

.bg-account__native input[type="checkbox"] {
	accent-color: var(--wp--preset--color--primary);
	block-size: var(--wp--preset--spacing--50);
	inline-size: var(--wp--preset--spacing--50);
}

.bg-account__native :is(
	.woocommerce-EditAccountForm,
	.woocommerce-address-fields,
	.woocommerce-form-login,
	.woocommerce-form-register,
	.woocommerce-ResetPassword,
	.woocommerce-form--lost-password
) button[type="submit"] {
	align-items: center;
	background-color: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--input);
	box-shadow: none;
	color: var(--wp--preset--color--surface);
	display: inline-flex;
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	justify-content: center;
	min-block-size: var(--wp--custom--control--min-size);
	padding-block: var(--wp--preset--spacing--30);
	padding-inline: var(--wp--preset--spacing--50);
}

.bg-account__native :is(
	.woocommerce-EditAccountForm,
	.woocommerce-address-fields,
	.woocommerce-form-login,
	.woocommerce-form-register,
	.woocommerce-ResetPassword,
	.woocommerce-form--lost-password
) button[type="submit"]:hover {
	background-color: var(--wp--preset--color--primary-hover);
	border-color: var(--wp--preset--color--primary-hover);
}

.bg-account__native .lost_password {
	font-size: var(--wp--preset--font-size--small);
	margin-block: var(--wp--preset--spacing--30) 0;
}

.bg-account__native .woocommerce-password-strength {
	border-radius: var(--wp--custom--radius--small);
	font-size: var(--wp--preset--font-size--caption);
	margin-block-start: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--20);
}

@media (max-width: 900px) {
	.bg-account__native .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		gap: var(--wp--preset--spacing--50);
		grid-template-columns: 1fr;
	}

	.bg-account__native .woocommerce-MyAccount-navigation {
		position: static;
	}

	.bg-account__native .woocommerce-MyAccount-navigation ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bg-account__native .woocommerce-MyAccount-navigation-link--customer-logout {
		border-block-start: 0;
		margin-block-start: 0;
		padding-block-start: 0;
	}
}

@media (max-width: 768px) {
	.bg-account__native .woocommerce-orders-table,
	.bg-account__native .woocommerce-orders-table tbody,
	.bg-account__native .woocommerce-orders-table tr,
	.bg-account__native .woocommerce-orders-table :is(th, td) {
		display: block;
		inline-size: 100%;
	}

	.bg-account__native .woocommerce-orders-table {
		margin: 0;
	}

	.bg-account__native .woocommerce-orders-table thead {
		block-size: 1px;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		inline-size: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
	}

	.bg-account__native .woocommerce-orders-table tbody {
		display: grid;
		gap: var(--wp--preset--spacing--40);
	}

	.bg-account__native .woocommerce-orders-table tbody tr {
		border-radius: var(--wp--custom--radius--card);
		display: grid;
		gap: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		overflow: hidden;
		padding: var(--wp--preset--spacing--30);
	}

	.bg-account__native .woocommerce-orders-table tbody :is(th, td) {
		border-block-end: 1px solid var(--wp--preset--color--border);
		border-radius: 0;
		display: grid;
		gap: var(--wp--preset--spacing--10);
		grid-template-columns: 1fr;
		padding-block: var(--wp--preset--spacing--30);
		padding-inline: var(--wp--preset--spacing--30);
		text-align: start;
	}

	.bg-account__native .woocommerce-orders-table tbody :is(th, td)::before {
		color: var(--wp--preset--color--text-muted);
		content: attr(data-title);
		font-size: var(--wp--preset--font-size--caption);
		font-weight: 600;
	}

	.bg-account__native .woocommerce-orders-table__cell-order-number,
	.bg-account__native .woocommerce-orders-table__cell-order-actions {
		grid-column: 1 / -1;
	}

	.bg-account__native .woocommerce-orders-table__cell-order-status {
		background-color: color-mix(in srgb, var(--bg-account-status) 9%, var(--wp--preset--color--surface));
	}

	.bg-account__native .woocommerce-orders-table__cell-order-status::after {
		display: none;
	}

	.bg-account__native .woocommerce-orders-table__cell-order-total {
		border-block-end: 0;
	}

	.bg-account__native .woocommerce-orders-table__cell-order-actions {
		border-block-end: 0;
		padding-block-end: 0;
	}

	.bg-account__native .woocommerce-orders-table__cell-order-actions .button {
		inline-size: 100%;
		margin: var(--wp--preset--spacing--10) 0;
	}

	.bg-account__native :is(.woocommerce-order-details, .woocommerce-customer-details) {
		padding: var(--wp--preset--spacing--40);
	}

	.bg-account__native .woocommerce-columns--addresses,
	.bg-account__native .woocommerce-Addresses,
	.bg-account__native #customer_login,
	.bg-account__native :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) {
		grid-template-columns: 1fr;
	}

	.bg-account__native .woocommerce-EditAccountForm > :is(.form-row-wide, fieldset, p:last-child),
	.bg-account__native .woocommerce-address-fields__field-wrapper > .form-row-wide,
	.bg-account__native .woocommerce-address-fields > p:last-child {
		grid-column: auto;
	}
}

@media (max-width: 520px) {
	.bg-account__hero {
		padding-block: var(--wp--preset--spacing--60);
		padding-inline: var(--wp--preset--spacing--50);
	}

	.bg-account__intro {
		font-size: var(--wp--preset--font-size--body);
	}

	.bg-account__native .woocommerce-MyAccount-navigation ul {
		grid-template-columns: 1fr;
	}

	.bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: 1fr;
	}

	.bg-account__native .woocommerce-orders-table__cell-order-number,
	.bg-account__native .woocommerce-orders-table__cell-order-actions {
		grid-column: auto;
	}

	.bg-account__native .woocommerce-orders-table tbody :is(th, td) {
		grid-template-columns: minmax(88px, 0.4fr) minmax(0, 1fr);
	}

	.bg-account__native .woocommerce-orders-table__cell-order-actions {
		grid-template-columns: 1fr;
	}

	.bg-account__native :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) .button {
		float: none;
		inline-size: 100%;
		margin-block-end: var(--wp--preset--spacing--30);
		margin-inline-start: 0;
	}

	.bg-account__native .woocommerce-table--order-details :is(th, td) {
		padding-inline: var(--wp--preset--spacing--20);
	}

	.bg-account__native :is(
		.woocommerce-EditAccountForm,
		.woocommerce-address-fields,
		.woocommerce-form-login,
		.woocommerce-form-register,
		.woocommerce-ResetPassword,
		.woocommerce-form--lost-password
	) {
		padding: var(--wp--preset--spacing--40);
	}
}

@media (prefers-reduced-motion: reduce) {
	.bg-account__native .woocommerce-MyAccount-navigation a {
		transition-duration: 0s;
	}
}