/**
 * 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);
}

/* One-time WhatsApp identity completion */

body.bg-account-phone-required .bg-account__native .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: block;
}

body.bg-account-phone-required .bg-account__native .woocommerce-MyAccount-navigation,
body.bg-account-phone-required .bg-account__native .woocommerce-MyAccount-content > p {
	display: none;
}

.bg-account-phone-completion {
	background: linear-gradient(145deg, var(--wp--preset--color--surface), var(--wp--preset--color--blue-50));
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--sm);
	display: grid;
	gap: var(--wp--preset--spacing--40);
	inline-size: min(100%, 720px);
	margin-inline: auto;
	padding: clamp(var(--wp--preset--spacing--50), 5vw, var(--wp--preset--spacing--80));
}

.bg-account-phone-completion__header {
	align-items: center;
	display: flex;
	gap: var(--wp--preset--spacing--40);
}

.bg-account-phone-completion__header :is(p, h2),
.bg-account-phone-completion__lead,
.bg-account-phone-completion__form,
.bg-phone-reason p {
	margin: 0;
}

.bg-account-phone-completion__header p {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 700;
}

.bg-account-phone-completion__header h2 {
	font-size: var(--wp--preset--font-size--heading-2);
}

.bg-account-phone-completion__icon {
	align-items: center;
	background: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--surface);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 800;
	block-size: 48px;
	inline-size: 48px;
	justify-content: center;
}

.bg-account-phone-completion__lead {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
}

.bg-account-phone-completion__form {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

.bg-account-phone-completion__form .form-row {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
}

.bg-account-phone-completion__form button[type="submit"] {
	background: linear-gradient(90deg, #099df4, #0864c8);
	border: 0;
	border-radius: var(--wp--custom--radius--input);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	inline-size: 100%;
	min-block-size: 52px;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
}

.bg-account-phone-completion__form button[type="submit"]:hover {
	background: linear-gradient(90deg, #078fe1, #0757ad);
}

.bg-account__native .bg-account-phone-completion__code {
	direction: ltr;
	font-size: clamp(24px, 5vw, 34px);
	font-weight: 800;
	letter-spacing: 0.35em;
	text-align: center;
	unicode-bidi: isolate;
}

.bg-account-phone-completion__secondary-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	justify-content: center;
}

.bg-account-phone-completion__secondary-actions form {
	margin: 0;
}

.bg-account-phone-completion__secondary-actions button {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--primary);
	cursor: pointer;
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	padding: var(--wp--preset--spacing--20);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.bg-phone-reason {
	color: var(--wp--preset--color--text-secondary);
	font-size: 12px;
	position: relative;
}

.bg-phone-reason summary {
	align-items: center;
	color: var(--wp--preset--color--primary);
	cursor: pointer;
	display: inline-flex;
	font-weight: 700;
	gap: 7px;
	list-style: none;
}

.bg-phone-reason summary::-webkit-details-marker {
	display: none;
}

.bg-phone-reason summary > span {
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	block-size: 18px;
	inline-size: 18px;
	justify-content: center;
}

.bg-phone-reason p {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--small);
	box-shadow: var(--wp--preset--shadow--xs);
	line-height: 1.8;
	margin-block-start: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--30);
}

@media (hover: hover) {
	details.bg-phone-reason:not([open]):hover > p {
		display: block;
		inline-size: min(420px, calc(100vw - 32px));
		inset-block-start: 100%;
		inset-inline-start: 0;
		position: absolute;
		z-index: 5;
	}
}

/* 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 {
	inline-size: 38%;
	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-orders-table__cell-order-actions .button.view {
	background: var(--wp--preset--color--blue-50);
	border-color: var(--wp--preset--color--blue-200);
	color: var(--wp--preset--color--primary);
}

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

.bg-account__native :is(
	.woocommerce-orders-table__cell-order-actions .button.support,
	.order-actions-button.support
) {
	background: color-mix(in srgb, #25d366 10%, white);
	border-color: color-mix(in srgb, #25d366 48%, white);
	color: #08783f;
}

.bg-account__native :is(
	.woocommerce-orders-table__cell-order-actions .button.support,
	.order-actions-button.support
):hover {
	background: #128c4a;
	border-color: #128c4a;
	color: white;
}

.bg-account__native :is(
	.woocommerce-orders-table__cell-order-actions .button.cancel,
	.order-actions-button.cancel
) {
	background: color-mix(in srgb, var(--wp--preset--color--error) 7%, white);
	border-color: color-mix(in srgb, var(--wp--preset--color--error) 35%, white);
	color: var(--wp--preset--color--error);
}

.bg-account__native :is(
	.woocommerce-orders-table__cell-order-actions .button.cancel,
	.order-actions-button.cancel
):hover {
	background: var(--wp--preset--color--error);
	border-color: var(--wp--preset--color--error);
	color: white;
}

.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__form-hint {
	background-color: var(--wp--preset--color--blue-50);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--input);
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--typography--line-height--body);
	margin-block: 0 var(--wp--preset--spacing--40);
	padding: 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 input[type="tel"] {
	direction: ltr;
	text-align: start;
	unicode-bidi: isolate;
}

.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 .bg-phone-recovery {
	background: var(--wp--preset--color--blue-50);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--input);
	margin-block-end: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--50);
}

.bg-account__native .bg-phone-recovery h2 {
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--heading-4);
	margin-block: 0 var(--wp--preset--spacing--20);
}

.bg-account__native .bg-phone-recovery p {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
	margin-block: 0 var(--wp--preset--spacing--30);
}

.bg-account__native .bg-phone-recovery .bg-phone-recovery__button {
	align-items: center;
	background: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--input);
	color: var(--wp--preset--color--surface);
	display: inline-flex;
	font-weight: 700;
	justify-content: center;
	min-block-size: var(--wp--custom--control--min-size);
	padding-inline: var(--wp--preset--spacing--50);
	text-decoration: none;
}

.bg-account__native .bg-phone-recovery .bg-phone-recovery__button:hover {
	background: var(--wp--preset--color--primary-hover);
	color: var(--wp--preset--color--surface);
}

.bg-account__native .bg-phone-recovery .bg-phone-recovery__hint {
	font-size: var(--wp--preset--font-size--caption);
	margin-block: var(--wp--preset--spacing--30) 0;
}

.bg-account__native .bg-phone-recovery__separator {
	align-items: center;
	color: var(--wp--preset--color--text-secondary);
	display: flex;
	font-size: var(--wp--preset--font-size--caption);
	gap: var(--wp--preset--spacing--30);
	margin-block: var(--wp--preset--spacing--40);
}

.bg-account__native .bg-phone-recovery__separator::before,
.bg-account__native .bg-phone-recovery__separator::after {
	background: var(--wp--preset--color--border);
	block-size: 1px;
	content: "";
	flex: 1;
}

.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;
		inline-size: 100%;
		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);
	}
}

/* Redesigned customer orders overview and native WooCommerce order rows. */

body.bg-account-orders-page .bg-account-context-heading h1 {
	align-items: center;
	display: flex;
	gap: 14px;
}

body.bg-account-orders-page .bg-account-context-heading h1::after {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 7 8-4 8 4-8 4-8-4Zm0 0v10l8 4 8-4V7M12 11v10' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	background: currentColor;
	block-size: 46px;
	content: "";
	display: inline-block;
	inline-size: 46px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 7 8-4 8 4-8 4-8-4Zm0 0v10l8 4 8-4V7M12 11v10' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bg-orders-overview,
.bg-orders-overview * {
	box-sizing: border-box;
}

.bg-orders-overview {
	--bg-orders-navy: var(--wp--preset--color--text-primary, #0b2d5b);
	--bg-orders-blue: var(--wp--preset--color--primary, #1688d4);
	--bg-orders-muted: var(--wp--preset--color--text-muted, #5b7187);
	--bg-orders-border: var(--wp--preset--color--border, #d8eaf6);
	direction: rtl;
	display: grid;
	gap: 16px;
	margin-block-end: 16px;
}

.bg-orders-overview svg,
.bg-orders-order svg {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.bg-orders-overview__intro {
	align-items: center;
	background:
		radial-gradient(circle at 14% 50%, rgb(75 169 240 / 13%), transparent 22%),
		linear-gradient(118deg, #fafeff, #f1f8ff);
	border: 1px solid var(--bg-orders-border);
	border-radius: 20px;
	display: grid;
	gap: 20px;
	grid-template-columns: 106px minmax(0, 1fr);
	min-block-size: 132px;
	overflow: hidden;
	padding: 18px clamp(22px, 3vw, 36px);
	position: relative;
}

.bg-orders-overview__intro::after {
	background: rgb(255 255 255 / 60%);
	block-size: 110px;
	border-radius: 999px;
	content: "";
	inline-size: 110px;
	inset-block-start: -48px;
	inset-inline-end: 46%;
	position: absolute;
}

.bg-orders-overview__intro-icon {
	align-items: center;
	background: #dff1ff;
	block-size: 92px;
	border-radius: 26px;
	color: #4a9fe3;
	display: flex;
	inline-size: 92px;
	justify-content: center;
	position: relative;
	transform: rotate(-3deg);
	z-index: 1;
}

.bg-orders-overview__intro-icon svg {
	block-size: 68px;
	inline-size: 68px;
	stroke-width: 2.2;
}

.bg-orders-overview__intro > div {
	display: grid;
	gap: 5px;
	position: relative;
	z-index: 1;
}

.bg-orders-overview__intro strong {
	color: var(--bg-orders-navy);
	font-size: clamp(1.08rem, 2vw, 1.42rem);
}

.bg-orders-overview__intro > div > span {
	color: #477192;
	font-size: 0.9rem;
	line-height: 1.75;
}

.bg-orders-stats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bg-orders-stat {
	align-items: center;
	background: #fff;
	border: 1px solid var(--bg-orders-border);
	border-radius: 16px;
	box-shadow: 0 8px 26px rgb(11 45 91 / 5%);
	display: grid;
	gap: 12px;
	grid-template-columns: 46px minmax(0, 1fr);
	min-block-size: 86px;
	min-inline-size: 0;
	padding: 14px 16px;
}

.bg-orders-stat__icon {
	align-items: center;
	background: #e5f3ff;
	block-size: 46px;
	border-radius: 15px;
	color: #147dce;
	display: flex;
	inline-size: 46px;
	justify-content: center;
}

.bg-orders-stat__icon svg {
	block-size: 24px;
	inline-size: 24px;
}

.bg-orders-stat > div {
	display: grid;
	gap: 1px;
	min-inline-size: 0;
}

.bg-orders-stat strong {
	color: var(--bg-orders-navy);
	font-size: 1.25rem;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
}

.bg-orders-stat > div > span {
	color: var(--bg-orders-muted);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.5;
}

.bg-orders-stat--active .bg-orders-stat__icon {
	background: #fff4de;
	color: #da8600;
}

.bg-orders-stat--failed .bg-orders-stat__icon {
	background: #ffeded;
	color: #e14646;
}

.bg-orders-stat--cancelled .bg-orders-stat__icon {
	background: #fff0f0;
	color: #ef5350;
}

.bg-orders-toolbar {
	align-items: center;
	background: #fff;
	border: 1px solid var(--bg-orders-border);
	border-radius: 16px;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(260px, 1fr) auto;
	padding: 12px;
}

.bg-orders-toolbar__search {
	align-items: center;
	background: #fbfdff;
	border: 1px solid #cfe2ef;
	border-radius: 11px;
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	min-block-size: 46px;
	min-inline-size: 0;
	padding-inline: 13px;
}

.bg-orders-toolbar__search:focus-within {
	border-color: #1688d4;
	box-shadow: 0 0 0 3px rgb(22 136 212 / 12%);
}

.bg-orders-toolbar__search svg {
	block-size: 21px;
	color: #47789c;
	inline-size: 21px;
}

.bg-orders-toolbar__search input[type="search"] {
	background: transparent;
	border: 0;
	box-shadow: none;
	font-size: 0.82rem;
	inline-size: 100%;
	min-block-size: 42px;
	min-inline-size: 0;
	outline: 0;
	padding: 7px 10px;
}

.bg-orders-toolbar__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.bg-orders-toolbar__filters a {
	align-items: center;
	background: #f4f8fb;
	border: 1px solid transparent;
	border-radius: 999px;
	color: #4d6c86;
	display: inline-flex;
	font-size: 0.76rem;
	font-weight: 800;
	justify-content: center;
	min-block-size: 38px;
	min-inline-size: 72px;
	padding: 7px 14px;
	text-decoration: none;
}

.bg-orders-toolbar__filters a:hover {
	background: #e9f4fc;
	color: #086cb9;
}

.bg-orders-toolbar__filters a.is-active {
	background: linear-gradient(135deg, #1688d4, #0871c7);
	box-shadow: 0 8px 18px rgb(8 113 199 / 18%);
	color: #fff;
}

.bg-orders-search-empty {
	background: #f4faff;
	border: 1px dashed #9ed0f2;
	border-radius: 13px;
	color: #365f80;
	font-size: 0.85rem;
	margin: 0;
	padding: 16px;
	text-align: center;
}

.bg-orders-search-empty[hidden],
body.bg-account-orders-page .woocommerce-orders-table tbody tr[hidden] {
	display: none !important;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table {
	background: transparent;
	border: 0;
	border-collapse: separate;
	display: grid;
	inline-size: 100%;
	margin: 0;
	table-layout: auto;
}

body.bg-account-orders-page .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;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody {
	display: grid;
	gap: 12px;
	inline-size: 100%;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
	--bg-account-status: #1688d4;
	align-items: center;
	background: #fff;
	border: 1px solid #d8eaf6;
	border-radius: 17px;
	box-shadow: 0 8px 28px rgb(11 45 91 / 5%);
	display: grid;
	gap: 0;
	grid-template-columns: minmax(230px, 1.35fr) minmax(130px, 0.82fr) minmax(120px, 0.7fr) minmax(130px, 0.78fr) minmax(190px, 1fr);
	inline-size: 100%;
	overflow: visible;
	padding: 12px;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr:hover {
	border-color: #b9dcf4;
	box-shadow: 0 13px 34px rgb(11 45 91 / 9%);
	transform: translateY(-1px);
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody :is(th, td) {
	background: transparent;
	border: 0;
	border-inline-start: 1px solid #e3eef6;
	color: #244d70;
	display: block;
	font-size: 0.82rem;
	inline-size: auto;
	min-inline-size: 0;
	padding: 6px 16px;
	text-align: start;
	vertical-align: middle;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody :is(th, td)::before {
	display: none;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr > :first-child {
	border-inline-start: 0;
	border-radius: 0;
	padding-inline-start: 6px;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr > :last-child {
	border-radius: 0;
	padding-inline-end: 8px;
}

.bg-orders-order {
	align-items: center;
	color: inherit;
	display: grid;
	gap: 13px;
	grid-template-columns: 70px minmax(0, 1fr);
	min-inline-size: 0;
	text-decoration: none;
}

.bg-orders-order:hover {
	color: inherit;
}

.bg-orders-order__image {
	align-items: center;
	background: #eff7fd;
	block-size: 70px;
	border: 1px solid #d7e9f6;
	border-radius: 12px;
	display: flex;
	inline-size: 70px;
	justify-content: center;
	overflow: hidden;
}

.bg-orders-order__image img {
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
}

.bg-orders-order__copy,
.bg-orders-date,
.bg-orders-total {
	display: grid;
	gap: 2px;
	min-inline-size: 0;
}

.bg-orders-order__copy small,
.bg-orders-date small,
.bg-orders-total small {
	color: #68829a;
	font-size: 0.68rem;
	font-weight: 700;
}

.bg-orders-order__copy strong {
	color: #093c74;
	font-size: 1.02rem;
	font-variant-numeric: tabular-nums;
}

.bg-orders-order__copy > span {
	color: #4b6b86;
	display: block;
	font-size: 0.72rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bg-orders-order__copy b {
	background: #eaf5fd;
	border-radius: 999px;
	color: #1373bb;
	font-size: 0.64rem;
	margin-inline-start: 4px;
	padding: 2px 6px;
}

.bg-orders-date time {
	color: #173f65;
	display: grid;
	font-weight: 750;
	gap: 2px;
	line-height: 1.5;
}

.bg-orders-date time span {
	color: #7890a5;
	direction: rtl;
	font-size: 0.68rem;
	font-weight: 600;
}

.bg-orders-status {
	--bg-orders-status-color: #1688d4;
	--bg-orders-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v5m0 4h.01' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
	align-items: center;
	background: var(--bg-orders-status-color);
	block-size: 42px;
	border: 0;
	border-radius: 50%;
	color: #fff;
	cursor: help;
	display: inline-flex;
	inline-size: 42px;
	justify-content: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
}

.bg-orders-status i {
	-webkit-mask: var(--bg-orders-status-icon) center / contain no-repeat;
	background: #fff;
	block-size: 21px;
	display: inline-block;
	inline-size: 21px;
	mask: var(--bg-orders-status-icon) center / contain no-repeat;
}

:is(.bg-orders-status--pending, .bg-orders-status--processing, .bg-orders-status--on-hold) {
	--bg-orders-status-color: #e59512;
	--bg-orders-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7.5V12l3 2' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bg-orders-status--completed {
	--bg-orders-status-color: #13a361;
	--bg-orders-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bg-orders-status--failed {
	--bg-orders-status-color: #e3484f;
	--bg-orders-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.5v7M12 17.5h.01' fill='none' stroke='black' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bg-orders-status--cancelled {
	--bg-orders-status-color: #e3484f;
	--bg-orders-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7.5 7.5 9 9m0-9-9 9' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bg-orders-status--refunded {
	--bg-orders-status-color: #667f95;
	--bg-orders-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 8H4v-4M4.5 8a8 8 0 1 1-1 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bg-orders-total strong {
	color: #0b2d5b;
	direction: ltr;
	display: inline-block;
	font-size: 0.96rem;
	font-weight: 900;
	justify-self: start;
	unicode-bidi: isolate;
}

.bg-orders-total > span {
	color: #7890a5;
	font-size: 0.68rem;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions {
	inline-size: auto;
	text-align: start;
}

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

.bg-orders-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-start;
	min-inline-size: 0;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action {
	--bg-orders-action-bg: #f7fbfe;
	--bg-orders-action-border: #b8daf1;
	--bg-orders-action-color: #086cb9;
	--bg-orders-action-hover: #086cb9;
	--bg-orders-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	align-items: center;
	background: var(--bg-orders-action-bg);
	block-size: 42px;
	border: 1px solid var(--bg-orders-action-border);
	border-radius: 12px;
	box-shadow: none;
	color: var(--bg-orders-action-color);
	display: inline-flex;
	flex: 0 0 42px;
	inline-size: 42px;
	justify-content: center;
	margin: 0;
	min-block-size: 42px;
	min-inline-size: 42px;
	padding: 0;
	position: relative;
	text-align: center;
	touch-action: manipulation;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.bg-orders-action i {
	-webkit-mask: var(--bg-orders-action-icon) center / contain no-repeat;
	background: currentColor;
	block-size: 20px;
	flex: 0 0 20px;
	inline-size: 20px;
	mask: var(--bg-orders-action-icon) center / contain no-repeat;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action--pay {
	--bg-orders-action-bg: #1688d4;
	--bg-orders-action-border: #1688d4;
	--bg-orders-action-color: #fff;
	--bg-orders-action-hover: #0868ba;
	--bg-orders-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 10h18M7 15h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bg-orders-action--view {
	--bg-orders-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action--support {
	--bg-orders-action-bg: #edfbf4;
	--bg-orders-action-border: #aae3c3;
	--bg-orders-action-color: #087b45;
	--bg-orders-action-hover: #128c4a;
	--bg-orders-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 12H2v5h4v-5H4Zm16 0h2v5h-4v-5h2ZM18 18c-1 2-3 3-6 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action--cancel {
	--bg-orders-action-bg: #fff1f1;
	--bg-orders-action-border: #f4c5c5;
	--bg-orders-action-color: #d83f45;
	--bg-orders-action-hover: #d83f45;
	--bg-orders-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m9 9 6 6m0-6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bg-orders-action--order-again {
	--bg-orders-action-bg: #f2efff;
	--bg-orders-action-border: #d8cdfb;
	--bg-orders-action-color: #6847bd;
	--bg-orders-action-hover: #6847bd;
	--bg-orders-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h11l-1 7H8L7 7Zm0 0L6 4H3M9 19h.01M16 19h.01M17 4l3 3-3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action:hover {
	background: var(--bg-orders-action-hover);
	border-color: var(--bg-orders-action-hover);
	color: #fff;
	transform: translateY(-1px);
}

:is(.bg-orders-action, .bg-orders-status)[data-tooltip]::after {
	background: #092f59;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgb(5 31 59 / 20%);
	color: #fff;
	content: attr(data-tooltip);
	font-size: 0.72rem;
	font-weight: 750;
	inline-size: max-content;
	inset-block-end: calc(100% + 10px);
	left: 50%;
	line-height: 1.4;
	max-inline-size: min(220px, 78vw);
	opacity: 0;
	padding: 7px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	transform: translate(-50%, 5px);
	transition: opacity 140ms ease, transform 140ms ease;
	visibility: hidden;
	white-space: nowrap;
	z-index: 30;
}

:is(.bg-orders-action, .bg-orders-status)[data-tooltip]::before {
	border-inline: 5px solid transparent;
	border-block-start: 6px solid #092f59;
	content: "";
	inset-block-end: calc(100% + 4px);
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%);
	transition: opacity 140ms ease;
	visibility: hidden;
	z-index: 31;
}

:is(.bg-orders-action, .bg-orders-status)[data-tooltip]:is(:hover, :focus, :focus-visible, :active)::after {
	opacity: 1;
	transform: translate(-50%, 0);
	visibility: visible;
}

:is(.bg-orders-action, .bg-orders-status)[data-tooltip]:is(:hover, :focus, :focus-visible, :active)::before {
	opacity: 1;
	visibility: visible;
}

:is(.bg-orders-action, .bg-orders-status):focus-visible {
	outline: 3px solid rgb(22 136 212 / 28%);
	outline-offset: 3px;
}

body.bg-account-orders-page .bg-account__native .woocommerce-info {
	background: linear-gradient(120deg, #fbfdff, #f3f9fe);
	border: 1px dashed #a6d8ff;
	border-radius: 18px;
	box-shadow: none;
	color: #365f80;
	margin-block-start: 16px;
	min-block-size: 120px;
	padding: 32px;
}

body.bg-account-orders-page .bg-account__native .woocommerce-Pagination {
	margin-block-start: 18px;
}

@media (max-width: 1420px) {
	.bg-orders-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: minmax(210px, 1.3fr) minmax(120px, 0.8fr) minmax(110px, 0.7fr) minmax(120px, 0.8fr) minmax(170px, 1fr);
	}
}

@media (max-width: 1120px) {
	.bg-orders-toolbar {
		grid-template-columns: minmax(0, 1fr);
	}

	.bg-orders-toolbar__filters {
		justify-content: stretch;
	}

	.bg-orders-toolbar__filters a {
		flex: 1 1 90px;
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 14px;
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody :is(th, td) {
		border-block-end: 1px solid #e3eef6;
		border-inline-start: 0;
		padding: 13px;
	}

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

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-total,
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions {
		border-block-end: 0;
	}

}

@media (max-width: 760px) {
	body.bg-account-orders-page .bg-account-context-heading h1::after {
		block-size: 36px;
		inline-size: 36px;
	}

	.bg-orders-overview__intro {
		grid-template-columns: 76px minmax(0, 1fr);
		min-block-size: 0;
		padding: 16px;
	}

	.bg-orders-overview__intro-icon {
		block-size: 68px;
		border-radius: 20px;
		inline-size: 68px;
	}

	.bg-orders-overview__intro-icon svg {
		block-size: 50px;
		inline-size: 50px;
	}

	.bg-orders-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bg-orders-stat {
		grid-template-columns: 40px minmax(0, 1fr);
		min-block-size: 78px;
		padding: 12px;
	}

	.bg-orders-stat__icon {
		block-size: 40px;
		inline-size: 40px;
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table,
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody,
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tr,
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table :is(th, td) {
		display: grid;
		inline-size: 100%;
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@media (max-width: 520px) {
	.bg-orders-stats {
		gap: 9px;
	}

	.bg-orders-stat {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		text-align: center;
	}

	.bg-orders-stat > div {
		justify-items: center;
	}

	.bg-orders-toolbar__filters {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: minmax(0, 1fr);
	}

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

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody :is(th, td) {
		border-block-end: 1px solid #e3eef6;
		grid-template-columns: minmax(0, 1fr);
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr > :last-child {
		border-block-end: 0;
	}

	.bg-orders-order {
		grid-template-columns: 62px minmax(0, 1fr);
	}

	.bg-orders-order__image {
		block-size: 62px;
		inline-size: 62px;
	}

}

@media (prefers-reduced-motion: reduce) {
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		transition: none;
	}
}

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

/* Full-screen logged-out authentication experience */

body.bg-account-auth-page {
	background: #f8fbff;
	overflow-x: hidden;
}

body.bg-account-auth-page .wp-site-blocks > header,
body.bg-account-auth-page .wp-site-blocks > footer,
body.bg-account-auth-page .bg-account-template > .bluegam-breadcrumbs,
body.bg-account-auth-page .bg-account__hero {
	display: none;
}

body.bg-account-auth-page .bluegam-main,
body.bg-account-auth-page .bg-account-template,
body.bg-account-auth-page .bg-account,
body.bg-account-auth-page .bg-account__native,
body.bg-account-auth-page .wp-block-post-content,
body.bg-account-auth-page .woocommerce {
	inline-size: 100%;
	margin: 0;
	max-inline-size: none;
	max-width: none;
	padding: 0;
}

body.bg-account-auth-page .bluegam-main {
	min-block-size: 100svh;
}

body.bg-account-auth-page .woocommerce-notices-wrapper:not(:empty) {
	inline-size: min(560px, calc(100% - 32px));
	inset-block-start: 16px;
	inset-inline-end: 16px;
	position: fixed;
	z-index: 20;
}

body.bg-account-auth-page .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-info, .woocommerce-message),
body.bg-account-phone-required .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
	box-shadow: 0 18px 50px rgba(11, 45, 91, 0.18);
	margin: 0;
	opacity: 1;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

body.bg-account-auth-page .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-info, .woocommerce-message).is-dismissing,
body.bg-account-phone-required .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-info, .woocommerce-message).is-dismissing {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-8px);
}

body.bg-account-auth-page .bg-account__native #customer_login,
.bg-auth {
	background: #f8fcff;
	direction: ltr;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(360px, 0.86fr) minmax(520px, 1.14fr);
	inline-size: 100%;
	min-block-size: 100svh;
}

.bg-auth__visual,
.bg-auth__panel {
	direction: rtl;
}

.bg-auth__visual {
	align-content: space-between;
	background-color: #075cb0;
	background-image:
		linear-gradient(180deg, rgba(2, 32, 79, 0.04), rgba(2, 32, 79, 0.14)),
		url("../images/account-auth-hero-mobile.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: none;
	color: #fff;
	display: grid;
	isolation: isolate;
	min-block-size: 100svh;
	overflow: hidden;
	padding: clamp(28px, 4vw, 56px);
	position: relative;
}

.bg-auth__visual::before,
.bg-auth__visual::after {
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 44% 56% 65% 35%;
	content: none;
	inset: auto;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.bg-auth__visual::before {
	background: rgba(0, 27, 77, 0.18);
	block-size: 58%;
	inline-size: 72%;
	inset-block-start: 13%;
	inset-inline-end: -18%;
	transform: rotate(-10deg);
}

.bg-auth__visual::after {
	background: rgba(0, 174, 255, 0.12);
	block-size: 44%;
	inline-size: 50%;
	inset-block-end: -18%;
	inset-inline-start: -8%;
	transform: rotate(15deg);
}

.bg-auth__visual-glow {
	background: rgba(0, 224, 255, 0.16);
	border-radius: 50%;
	filter: blur(50px);
	inset-block-start: 38%;
	inset-inline-start: 20%;
	block-size: 280px;
	inline-size: 280px;
	pointer-events: none;
	display: none;
	position: absolute;
}

.bg-auth__brand {
	align-items: center;
	direction: ltr;
	display: flex;
	justify-content: flex-start;
	min-block-size: 76px;
	position: relative;
	z-index: 2;
}

.bg-auth__brand .custom-logo-link {
	display: inline-flex;
}

.bg-auth__brand .custom-logo {
	block-size: auto;
	filter: drop-shadow(0 8px 18px rgba(0, 24, 64, 0.18));
	inline-size: clamp(210px, 18vw, 285px);
}

.bg-auth__brand > a:not(.custom-logo-link) {
	color: #fff;
	font-size: 34px;
	font-weight: 800;
}

.bg-auth__visual-content {
	display: none;
	margin-block: clamp(40px, 7vh, 88px);
	max-inline-size: 680px;
	position: relative;
	z-index: 2;
}

.bg-auth__visual-kicker {
	color: #9fe8ff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 12px;
}

.bg-auth__visual-content > h2 {
	color: #fff;
	font-size: clamp(32px, 3.2vw, 58px);
	font-weight: 800;
	line-height: 1.25;
	margin: 0;
	max-inline-size: 640px;
}

.bg-auth__visual-content > p:not(.bg-auth__visual-kicker) {
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(16px, 1.35vw, 21px);
	margin-block: 18px 0;
	max-inline-size: 570px;
}

.bg-auth__visual-board {
	align-items: center;
	backdrop-filter: blur(16px);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(3, 46, 108, 0.3));
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 24px;
	box-shadow: 0 26px 80px rgba(1, 23, 58, 0.28);
	display: grid;
	gap: clamp(20px, 3vw, 44px);
	grid-template-columns: minmax(130px, 0.7fr) minmax(190px, 1fr);
	margin-block-start: clamp(34px, 5vh, 64px);
	max-inline-size: 590px;
	padding: clamp(22px, 3vw, 36px);
}

.bg-auth__visual-monogram {
	align-items: center;
	background: linear-gradient(145deg, rgba(0, 224, 255, 0.34), rgba(255, 255, 255, 0.08));
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 24px;
	color: #fff;
	display: flex;
	font-size: clamp(42px, 5vw, 74px);
	font-weight: 900;
	justify-content: center;
	min-block-size: 156px;
	text-shadow: 0 10px 30px rgba(0, 224, 255, 0.4);
}

.bg-auth__visual-board ul,
.bg-auth__trust {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bg-auth__visual-board ul {
	display: grid;
	gap: 10px;
}

.bg-auth__visual-board li {
	align-items: center;
	display: flex;
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	padding-block: 9px;
}

.bg-auth__visual-board li span {
	background: #66e2ff;
	border: 4px solid rgba(102, 226, 255, 0.2);
	border-radius: 50%;
	block-size: 12px;
	box-sizing: content-box;
	inline-size: 12px;
}

.bg-auth__trust {
	border-block-start: 1px solid rgba(255, 255, 255, 0.18);
	display: grid;
	font-size: 13px;
	font-weight: 600;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding-block-start: 24px;
	position: relative;
	text-align: center;
	z-index: 2;
}

.bg-auth__trust li + li {
	border-inline-start: 1px solid rgba(255, 255, 255, 0.18);
}

.bg-auth__panel {
	align-items: center;
	background: #fff;
	display: flex;
	justify-content: center;
	min-block-size: 100svh;
	padding: clamp(48px, 5vh, 60px) clamp(28px, 5vw, 72px) clamp(24px, 3vh, 32px);
	position: relative;
}

.bg-auth__back {
	align-items: center;
	color: #285b93;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 9px;
	inset-block-start: 20px;
	inset-inline-end: clamp(28px, 5vw, 72px);
	position: absolute;
}

.bg-auth__back:hover {
	color: #0877d7;
}

.bg-auth__form-shell {
	inline-size: min(100%, 600px);
}

.bg-auth__heading {
	margin-block-end: 12px;
	text-align: center;
}

.bg-auth__mobile-brand {
	color: #0877d7;
	display: none;
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 12px;
}

.bg-auth__heading h1 {
	color: #08265b;
	font-size: clamp(28px, 2.35vw, 36px);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.25;
	margin: 0;
}

.bg-auth__heading h1 span {
	color: #0877d7;
}

.bg-auth__heading > p:last-child,
.bg-auth__register-heading p {
	color: #60718e;
	font-size: 15px;
	margin-block: 6px 0;
}

.bg-auth__panel-content[hidden] {
	display: none;
}

.bg-auth__login-methods {
	background: #edf6ff;
	border: 1px solid #cfe3f5;
	border-radius: 14px;
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block-end: 6px;
	padding: 5px;
}

.bg-auth__login-methods button {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 10px;
	color: #546b8b;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	min-block-size: 42px;
	padding: 7px 12px;
}

.bg-auth__login-methods button[aria-selected="true"] {
	background: #fff;
	box-shadow: 0 6px 16px rgba(8, 82, 153, 0.12);
	color: #0877d7;
}

.bg-auth__login-methods button[data-auth-login-method="otp"][aria-selected="true"] {
	background: linear-gradient(90deg, #0aa2f5, #0872d4);
	color: #fff;
}

.bg-auth__login-method-note {
	color: #627692;
	font-size: 12px;
	line-height: 1.55;
	margin: 0 4px 6px;
	text-align: center;
}

[data-auth-method-panel][hidden] {
	display: none;
}

.bg-auth__identity-tabs {
	border-block-end: 1px solid #d9e5f2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block-end: 14px;
}

.bg-auth__identity-tabs button {
	background: transparent;
	border: 0;
	color: #64748f;
	cursor: pointer;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	min-block-size: 44px;
	padding: 8px 12px;
	position: relative;
}

.bg-auth__identity-tabs button[aria-selected="true"] {
	color: #0877d7;
}

.bg-auth__identity-tabs button[aria-selected="true"]::after {
	background: #0797ef;
	border-radius: 999px 999px 0 0;
	block-size: 4px;
	content: "";
	inset-block-end: -1px;
	inset-inline: 0;
	position: absolute;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form .form-row {
	gap: 8px;
	margin-block-end: 12px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form .form-row label {
	color: #102a56;
	font-size: 14px;
	font-weight: 700;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form :is(input.input-text, input[type="tel"], input[type="email"]) {
	background: #fff;
	border: 1px solid #c9d9eb;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(12, 53, 104, 0.04);
	color: #102a56;
	min-block-size: 50px;
	padding: 11px 16px;
}

.bg-auth__phone-composite {
	direction: rtl;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(165px, 0.62fr) minmax(0, 1fr);
}

.bg-auth__phone-composite > input {
	min-inline-size: 0;
}

body.bg-account-auth-page .bg-account__native .bg-auth__phone-composite > select {
	appearance: auto;
	background: #f7fbff;
	border: 1px solid #c9d9eb;
	border-radius: 12px;
	color: #102a56;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	inline-size: 100%;
	min-block-size: 50px;
	min-inline-size: 0;
	padding: 9px 10px;
}

.bg-auth__phone-composite.is-email {
	grid-template-columns: 1fr;
}

.bg-auth__phone-composite.is-email > select {
	display: none;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form :is(input.input-text, input[type="tel"], input[type="email"]):focus-visible {
	border-color: #168ef0;
	box-shadow: 0 0 0 4px rgba(22, 142, 240, 0.12);
}

body.bg-account-auth-page .bg-account__native .bg-auth__phone-composite > select:focus-visible {
	border-color: #168ef0;
	box-shadow: 0 0 0 4px rgba(22, 142, 240, 0.12);
	outline: 0;
}

.bg-auth__password-control {
	display: block;
	position: relative;
}

.bg-auth__password-control > input {
	padding-inline-end: 76px;
}

.bg-auth__password-control > button {
	background: transparent;
	border: 0;
	color: #60718e;
	cursor: pointer;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	inset-block: 0;
	inset-inline-end: 8px;
	padding-inline: 10px;
	position: absolute;
}

.bg-auth__form-meta {
	align-items: center;
	display: flex;
	font-size: 13px;
	gap: 16px;
	justify-content: space-between;
	margin-block: -2px 12px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form-meta .woocommerce-form-login__rememberme {
	color: #536682;
	font-size: 13px;
	font-weight: 500;
	gap: 7px;
	min-block-size: 32px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form-meta input[type="checkbox"] {
	block-size: 18px;
	inline-size: 18px;
}

.bg-auth__form-meta > a {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bg-auth__passwordless-explainer {
	background: #f1f8ff;
	border: 1px solid #d7e9f8;
	border-radius: 11px;
	color: #526984;
	display: grid;
	font-size: 12px;
	gap: 2px;
	line-height: 1.55;
	margin-block: -2px 10px;
	padding: 9px 12px;
}

.bg-auth__passwordless-explainer strong {
	color: #0b57ad;
	font-size: 13px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__passwordless-remember {
	align-items: center;
	color: #536682;
	display: flex;
	font-size: 13px;
	font-weight: 500;
	gap: 7px;
	margin-block-end: 10px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__passwordless-remember input[type="checkbox"] {
	block-size: 18px;
	inline-size: 18px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__submit-row {
	margin: 0;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form button[type="submit"] {
	background: linear-gradient(90deg, #099df4, #0864c8);
	border: 0;
	border-radius: 12px;
	box-shadow: 0 12px 25px rgba(8, 119, 215, 0.2);
	font-size: 16px;
	font-weight: 700;
	gap: 14px;
	inline-size: 100%;
	min-block-size: 52px;
}

body.bg-account-auth-page .bg-account__native .bg-auth__form button[type="submit"]:hover {
	background: linear-gradient(90deg, #078fe1, #0757ad);
}

.bg-auth__switch {
	align-items: center;
	display: grid;
	font-size: 13px;
	gap: 8px;
	grid-template-columns: 1fr;
	margin-block-start: 14px;
	text-align: center;
}

.bg-auth__switch > span {
	align-items: center;
	color: #6c7d96;
	display: flex;
	gap: 14px;
}

.bg-auth__switch > span::before,
.bg-auth__switch > span::after {
	background: #d9e5f2;
	block-size: 1px;
	content: "";
	flex: 1;
}

.bg-auth__switch button {
	background: #fff;
	border: 1px solid #168ef0;
	border-radius: 12px;
	color: #0b57ad;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	min-block-size: 48px;
	padding: 10px 20px;
}

.bg-auth__switch button:hover {
	background: #f1f8ff;
}

.bg-auth__register-heading {
	margin-block-end: 14px;
	text-align: center;
}

.bg-auth__register-heading h2 {
	color: #08265b;
	font-size: 25px;
	margin: 0;
}

.bg-auth__divider {
	align-items: center;
	color: #718199;
	display: flex;
	font-size: 13px;
	gap: 14px;
	margin-block: 12px;
	text-align: center;
}

.bg-auth__divider::before,
.bg-auth__divider::after {
	background: #d9e5f2;
	block-size: 1px;
	content: "";
	flex: 1;
}

.bg-auth__divider > span {
	flex: 0 1 auto;
}

.bg-auth__social {
	background: #fff;
	border: 1px solid #d4e7fa;
	border-radius: 14px;
	box-shadow: none;
	padding: 10px;
}

.bg-auth__social-heading {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-block-end: 10px;
}

.bg-auth__social-heading h2,
.bg-auth__social-heading p {
	margin: 0;
}

.bg-auth__social-heading h2 {
	color: #08265b;
	font-size: 16px;
	font-weight: 800;
}

.bg-auth__social-heading p {
	display: none;
}

.bg-auth__social-heading > span {
	background: #e5f3ff;
	border-radius: 999px;
	color: #0877d7;
	font-size: 11px;
	font-weight: 800;
	padding: 5px 10px;
	display: none;
	white-space: nowrap;
}

.bg-auth__social .nsl-container {
	inline-size: 100%;
	margin: 0;
	padding: 0;
}

.bg-auth__social-providers {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	inline-size: 100%;
}

.bg-auth__social-providers > .nsl-container:only-child {
	grid-column: 1 / -1;
}

.bg-auth__social .nsl-container .nsl-container-buttons {
	display: block;
	inline-size: 100%;
}

.bg-auth__social .nsl-container .nsl-container-buttons a[data-plugin="nsl"] {
	inline-size: 100%;
	margin: 0;
}

.bg-auth__social .nsl-container .nsl-button {
	border: 1px solid #c9d9eb;
	border-radius: 11px;
	box-shadow: 0 4px 12px rgba(8, 55, 111, 0.06);
	min-block-size: 50px;
	overflow: hidden;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.bg-auth__social .nsl-container a[data-provider="google"] .nsl-button {
	border-color: #cdd7e3;
}

.bg-auth__social .nsl-container a[data-provider="facebook"] .nsl-button {
	border-color: #9cc7ff;
}

.bg-auth__social .nsl-container .nsl-button-svg-container {
	padding: 10px;
}

.bg-auth__social .nsl-container .nsl-button-default div.nsl-button-label-container {
	align-items: center;
	color: #102a56;
	direction: rtl;
	display: flex;
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	justify-content: center;
	line-height: 1.25;
	margin: 0;
	padding: 0 10px;
}

.bg-auth__social .nsl-container a[data-plugin="nsl"]:hover .nsl-button {
	border-color: #168ef0;
	box-shadow: 0 8px 18px rgba(8, 119, 215, 0.14);
	transform: translateY(-1px);
}

.bg-auth__social .nsl-container a[data-plugin="nsl"]:focus-visible {
	border-radius: 11px;
	box-shadow: 0 0 0 4px rgba(22, 142, 240, 0.16);
	outline: 2px solid #0877d7;
	outline-offset: 2px;
}

.bg-auth__otp-challenge {
	background: linear-gradient(145deg, #f2faff, #fff);
	border: 1px solid #c7e3f8;
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(8, 82, 153, 0.1);
	display: grid;
	gap: 16px;
	padding: clamp(20px, 4vw, 30px);
}

.bg-auth__otp-icon {
	align-items: center;
	background: linear-gradient(135deg, #25d366, #149954);
	block-size: 52px;
	border-radius: 999px;
	box-shadow: 0 10px 22px rgba(20, 153, 84, 0.2);
	color: white;
	display: inline-flex;
	font-size: 24px;
	font-weight: 800;
	inline-size: 52px;
	justify-content: center;
}

.bg-auth__otp-copy :is(h2, p) {
	margin: 0;
}

.bg-auth__otp-copy h2 {
	color: #08265b;
	font-size: 23px;
}

.bg-auth__otp-copy p {
	color: #60718e;
	font-size: 14px;
	line-height: 1.8;
	margin-block-start: 6px;
}

.bg-auth__otp-form {
	display: grid;
	gap: 12px;
}

.bg-auth__otp-form label {
	color: #102a56;
	font-size: 14px;
	font-weight: 750;
}

body.bg-account-auth-page .bg-account__native .bg-auth__otp-form input {
	background: white;
	border: 1px solid #bbd8ee;
	border-radius: 12px;
	direction: ltr;
	font-size: 26px;
	font-weight: 800;
	inline-size: 100%;
	letter-spacing: 0.34em;
	min-block-size: 58px;
	padding: 10px 16px;
	text-align: center;
}

.bg-auth__otp-submit {
	background: linear-gradient(90deg, #099df4, #0864c8);
	border: 0;
	border-radius: 12px;
	box-shadow: 0 12px 25px rgba(8, 119, 215, 0.2);
	color: white;
	cursor: pointer;
	font: inherit;
	font-weight: 750;
	min-block-size: 52px;
}

.bg-auth__otp-actions {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-auth__otp-actions button {
	background: white;
	border: 1px solid #bfd8eb;
	border-radius: 10px;
	color: #0b57ad;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	min-block-size: 44px;
	padding: 8px 12px;
}

.bg-auth__otp-actions button:hover {
	background: #f1f8ff;
}

.bg-auth__otp-actions button[data-otp-resend]:disabled,
.bg-account-phone-completion button[data-otp-resend]:disabled {
	background: #eef3f7;
	border-color: #d7e0e9;
	box-shadow: none;
	color: #78889c;
	cursor: not-allowed;
	opacity: 0.78;
}

[data-resend-countdown] {
	display: inline-block;
	font-variant-numeric: tabular-nums;
	margin-inline-start: 4px;
	min-inline-size: 46px;
}

@media (prefers-reduced-motion: reduce) {
	body.bg-account-auth-page .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-info, .woocommerce-message),
	body.bg-account-phone-required .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
		transition: none;
	}
}

.bg-auth__method-form {
	display: grid;
	gap: 14px;
}

.bg-auth__method-options {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-auth__method-options > button {
	align-items: center;
	background: white;
	border: 1px solid #b9d8ef;
	border-radius: 14px;
	color: #08265b;
	cursor: pointer;
	display: flex;
	font: inherit;
	gap: 12px;
	min-block-size: 86px;
	padding: 14px;
	text-align: start;
}

.bg-auth__method-options > button:hover:not(:disabled),
.bg-auth__method-options > button:focus-visible {
	background: #f2f9ff;
	border-color: #158ee5;
	box-shadow: 0 8px 22px rgba(8, 119, 215, 0.12);
}

.bg-auth__method-options > button:disabled {
	cursor: not-allowed;
	opacity: 0.48;
}

.bg-auth__method-options > button > span:last-child {
	display: grid;
	gap: 4px;
}

.bg-auth__method-options strong {
	font-size: 14px;
}

.bg-auth__method-options small {
	color: #6b7b96;
	font-size: 11px;
}

.bg-auth__method-icon {
	align-items: center;
	background: #eaf4ff;
	block-size: 38px;
	border-radius: 11px;
	color: #0864c8;
	display: inline-flex;
	flex: 0 0 38px;
	font-size: 18px;
	font-weight: 850;
	justify-content: center;
}

.bg-auth__method-icon--whatsapp {
	background: #e9fbf1;
	color: #138f50;
}

.bg-auth__method-icon svg {
	block-size: 22px;
	fill: none;
	inline-size: 22px;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.bg-auth__method-cancel {
	background: transparent;
	border: 0;
	color: #5d6f8c;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	justify-self: center;
	padding: 8px 12px;
}

.bg-auth__promise {
	color: #0877d7;
	font-size: 12px;
	font-weight: 600;
	margin-block: 12px 0;
	text-align: center;
}

@media (min-width: 861px) {
	body.bg-account-auth-page {
		overflow-x: hidden;
		overflow-y: auto;
	}

	body.bg-account-auth-page .bluegam-main,
	body.bg-account-auth-page .bg-account-template,
	body.bg-account-auth-page .bg-account,
	body.bg-account-auth-page .bg-account__native,
	body.bg-account-auth-page .wp-block-post-content,
	body.bg-account-auth-page .woocommerce,
	body.bg-account-auth-page .bg-auth,
	.bg-auth__panel {
		block-size: auto;
		min-block-size: 100svh;
	}

	.bg-auth__visual {
		align-self: start;
		block-size: 100svh;
		min-block-size: 100svh;
		position: sticky;
		inset-block-start: 0;
	}

	.bg-auth__panel {
		overflow: visible;
		overscroll-behavior: auto;
	}
}

@media (min-width: 861px) and (max-height: 800px) {
	.bg-auth__panel {
		padding-block: 46px 12px;
	}

	.bg-auth__heading {
		margin-block-end: 10px;
	}

	.bg-auth__heading h1 {
		font-size: 32px;
	}

	.bg-auth__heading > p:last-child {
		font-size: 13px;
		margin-block-start: 3px;
	}

	.bg-auth__social {
		padding: 8px;
	}

	.bg-auth__social-heading {
		margin-block-end: 6px;
	}

	.bg-auth__social-heading p {
		display: none;
	}

	.bg-auth__otp-actions {
		grid-template-columns: 1fr;
	}

	.bg-auth__method-options {
		grid-template-columns: 1fr;
	}

	.bg-auth__social .nsl-container .nsl-button {
		min-block-size: 46px;
	}

	.bg-auth__divider {
		margin-block: 8px;
	}

	.bg-auth__identity-tabs {
		margin-block-end: 10px;
	}

	.bg-auth__identity-tabs button {
		min-block-size: 40px;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__form .form-row {
		gap: 5px;
		margin-block-end: 8px;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__form :is(input.input-text, input[type="tel"], input[type="email"]) {
		min-block-size: 46px;
		padding-block: 9px;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__phone-composite > select {
		min-block-size: 46px;
	}

	.bg-auth__form-meta {
		margin-block-end: 6px;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__form button[type="submit"] {
		min-block-size: 48px;
	}

	.bg-auth__switch {
		gap: 6px;
		margin-block-start: 10px;
	}

	.bg-auth__switch button {
		min-block-size: 44px;
		padding-block: 8px;
	}

	.bg-auth__register-heading {
		margin-block-end: 8px;
	}

	.bg-auth__register-heading h2 {
		font-size: 21px;
	}

	.bg-auth__register-heading p {
		font-size: 12px;
		margin-block-start: 2px;
	}

	.bg-auth__promise {
		font-size: 11px;
		margin-block-start: 8px;
	}
}

@media (max-width: 1120px) {
	body.bg-account-auth-page .bg-account__native #customer_login,
	.bg-auth {
		grid-template-columns: minmax(340px, 0.72fr) minmax(480px, 1.28fr);
	}

	.bg-auth__visual {
		clip-path: none;
		padding: 32px;
	}

	.bg-auth__visual-content > h2 {
		font-size: 38px;
	}

	.bg-auth__visual-board {
		grid-template-columns: 1fr;
	}

	.bg-auth__visual-monogram {
		min-block-size: 110px;
	}
}

@media (max-width: 860px) {
	body.bg-account-auth-page .bg-account__native #customer_login,
	.bg-auth {
		align-items: stretch;
		background: #f3f8fc;
		display: flex;
		justify-content: center;
		min-block-size: 100svh;
		padding: 0;
	}

	.bg-auth__visual {
		clip-path: none;
		display: none;
	}

	.bg-auth__panel {
		backdrop-filter: none;
		background: #fff;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		inline-size: min(100%, 640px);
		min-block-size: 100svh;
		padding: 72px 20px 28px;
	}

	.bg-auth__mobile-brand {
		display: block;
	}
}

@media (max-width: 520px) {
	body.bg-account-auth-page .wp-site-blocks {
		padding-block-end: 0 !important;
	}

	body.bg-account-auth-page .bg-account__native #customer_login,
	.bg-auth {
		padding: 0;
	}

	.bg-auth__panel {
		align-items: flex-start;
		border-radius: 0;
		min-block-size: 100svh;
		padding: 56px 14px 24px;
	}

	.bg-auth__back {
		inset-block-start: 16px;
		inset-inline-end: 16px;
	}

	.bg-auth__heading {
		margin-block-end: 8px;
	}

	.bg-auth__mobile-brand {
		margin-block-end: 3px;
	}

	.bg-auth__heading h1 {
		font-size: 28px;
	}

	.bg-auth__heading > p:last-child {
		font-size: 13px;
		margin-block-start: 2px;
	}

	.bg-auth__social {
		padding: 8px;
	}

	.bg-auth__social-heading {
		margin-block-end: 6px;
	}

	.bg-auth__social .nsl-container .nsl-button {
		min-block-size: 44px;
	}

	.bg-auth__divider {
		margin-block: 6px;
	}

	.bg-auth__login-methods {
		margin-block-end: 4px;
		padding: 4px;
	}

	.bg-auth__login-methods button {
		min-block-size: 38px;
		padding-block: 5px;
	}

	.bg-auth__login-method-note {
		margin-block-end: 4px;
	}

	.bg-auth__identity-tabs {
		margin-block-end: 6px;
	}

	.bg-auth__identity-tabs button {
		min-block-size: 40px;
		padding-block: 6px;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__form .form-row {
		gap: 4px;
		margin-block-end: 8px;
		padding: 0;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__form .form-row label {
		margin: 0;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__submit-row {
		margin: 0;
	}

	.bg-auth__form-meta {
		align-items: center;
		flex-direction: row;
		gap: 10px;
		margin-block: -2px 6px;
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__form-meta .woocommerce-form-login__rememberme {
		margin: 0;
	}

	.bg-auth__phone-composite {
		grid-template-columns: minmax(128px, 0.72fr) minmax(0, 1fr);
	}

	body.bg-account-auth-page .bg-account__native .bg-auth__phone-composite > select {
		font-size: 12px;
		padding-inline: 7px;
	}

	.bg-auth__social-heading p {
		display: none;
	}

	.bg-auth__switch {
		gap: 4px;
		margin-block-start: 8px;
	}

	.bg-auth__switch button {
		min-block-size: 44px;
		padding-block: 8px;
	}

	.bg-auth__promise {
		margin-block-start: 6px;
	}

	body.bg-account-auth-page .woocommerce-notices-wrapper:not(:empty) {
		inset-inline: 12px;
		inline-size: auto;
	}
}

@media (max-width: 380px) {
	.bg-auth__social-providers {
		grid-template-columns: 1fr;
	}

	.bg-auth__social-heading > span {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bg-auth :is(button, a, input) {
		scroll-behavior: auto;
		transition-duration: 0s;
	}
}

/* Compact order-list rhythm; color is reserved for meaningful status only. */

body.bg-account-orders-page .bg-account-context-heading h1 {
	gap: 10px;
}

body.bg-account-orders-page .bg-account-context-heading h1::after {
	block-size: 27px;
	inline-size: 27px;
}

.bg-orders-overview {
	gap: 12px;
	margin-block-end: 14px;
}

.bg-orders-stat {
	border-radius: 14px;
	box-shadow: 0 6px 18px rgb(11 45 91 / 4%);
	gap: 10px;
	grid-template-columns: 30px minmax(0, 1fr);
	min-block-size: 62px;
	padding: 9px 11px;
}

.bg-orders-stat__icon,
.bg-orders-stat--active .bg-orders-stat__icon,
.bg-orders-stat--failed .bg-orders-stat__icon,
.bg-orders-stat--cancelled .bg-orders-stat__icon {
	background: #eef6fc;
	block-size: 30px;
	border-radius: 9px;
	color: #3c7198;
	inline-size: 30px;
}

.bg-orders-stat__icon svg {
	block-size: 16px;
	inline-size: 16px;
}

.bg-orders-stat strong {
	font-size: 1.05rem;
}

.bg-orders-stat > div > span {
	font-size: 0.7rem;
}

.bg-orders-toolbar {
	border-radius: 14px;
	gap: 12px;
	padding: 9px;
}

.bg-orders-toolbar__search {
	grid-template-columns: 18px minmax(0, 1fr);
	min-block-size: 40px;
	padding-inline: 11px;
}

.bg-orders-toolbar__search svg {
	block-size: 18px;
	inline-size: 18px;
}

.bg-orders-toolbar__search input[type="search"] {
	font-size: 0.78rem;
	min-block-size: 36px;
}

.bg-orders-toolbar__filters a {
	font-size: 0.72rem;
	min-block-size: 34px;
	min-inline-size: 64px;
	padding: 6px 11px;
}

.bg-orders-toolbar__filters a.is-active {
	background: #1688d4;
	box-shadow: none;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody {
	gap: 10px;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
	border-radius: 15px;
	box-shadow: 0 6px 20px rgb(11 45 91 / 4%);
	grid-template-columns: minmax(210px, 1.3fr) minmax(120px, 0.78fr) minmax(100px, 0.64fr) minmax(118px, 0.75fr) minmax(156px, 0.9fr);
	padding: 8px 10px;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody :is(th, td) {
	font-size: 0.78rem;
	padding: 5px 12px;
}

.bg-orders-order {
	gap: 11px;
	grid-template-columns: 50px minmax(0, 1fr);
}

.bg-orders-order__image {
	block-size: 50px;
	inline-size: 50px;
}

.bg-orders-order__copy strong {
	font-size: 0.94rem;
}

.bg-orders-status,
body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action {
	block-size: 32px;
	border-radius: 9px;
	flex-basis: 32px;
	inline-size: 32px;
	min-block-size: 32px;
	min-inline-size: 32px;
}

.bg-orders-status {
	border-radius: 50%;
}

.bg-orders-status i,
.bg-orders-action i {
	block-size: 16px;
	flex-basis: 16px;
	inline-size: 16px;
}

.bg-orders-actions {
	gap: 5px;
}

body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action--support,
body.bg-account-orders-page .bg-account__native .woocommerce-orders-table__cell-order-actions .bg-orders-action--cancel,
.bg-orders-action--order-again {
	--bg-orders-action-bg: #f7fbfe;
	--bg-orders-action-border: #c8ddea;
	--bg-orders-action-color: #315f80;
}

@media (max-width: 1120px) {
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody :is(th, td) {
		border-block-end: 1px solid #e3eef6;
		border-inline-start: 0;
		padding: 11px;
	}

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

@media (max-width: 760px) {
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		padding: 12px;
	}
}

@media (max-width: 520px) {
	body.bg-account-orders-page .bg-account__native .woocommerce-orders-table tbody tr {
		grid-template-columns: minmax(0, 1fr);
	}

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