/*
 * LegalProd account surface.
 *
 * WooCommerce keeps ownership of every form, nonce, endpoint and extension
 * action. This file only gives the native account markup the LegalProd visual
 * system and is loaded exclusively on account routes.
 */

body.woocommerce-account.lptia-bridge-active {
	--lptia-account-bg: #f7f6fb;
	--lptia-account-card: #fff;
	--lptia-account-border: #e6e2f0;
	--lptia-account-soft: #f3f0ff;
	--lptia-account-ink: #1e1e1e;
	--lptia-account-muted: #706b7d;
	--lptia-account-primary: #5233ff;
	--lptia-account-primary-dark: #3920c9;
	background: var(--lptia-account-bg);
}

body.woocommerce-account.lptia-bridge-active .lptia-dynamic-section {
	background:
		radial-gradient(circle at 84% 12%, rgba(82, 51, 255, 0.085), transparent 26rem),
		var(--lptia-account-bg);
	padding-bottom: clamp(68px, 8vw, 108px);
}

body.woocommerce-account.lptia-bridge-active .lptia-dynamic-header {
	margin-bottom: clamp(30px, 4vw, 48px);
}

body.woocommerce-account.lptia-bridge-active .lptia-dynamic-header h1 {
	font-size: clamp(44px, 6vw, 72px);
	letter-spacing: -0.055em;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"],
body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"] * {
	box-sizing: border-box;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce {
	min-width: 0;
	width: 100%;
}

/* -------------------------------------------------------------------------
   Connected account shell
   ------------------------------------------------------------------------- */

body.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce {
	align-items: start;
	display: grid;
	gap: clamp(22px, 3vw, 32px);
	grid-template-columns: minmax(238px, 276px) minmax(0, 1fr);
	grid-template-rows: auto max-content minmax(0, 1fr);
}

body.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation {
	background: #111116;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 22px;
	box-shadow: 0 20px 48px rgba(24, 18, 49, 0.13);
	float: none !important;
	overflow: hidden;
	padding: 12px;
	position: sticky;
	top: 24px;
	width: auto !important;
	z-index: 2;
}

body.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation {
	grid-column: 1;
	grid-row: 2;
}

body.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce
	> .lptia-account-sidebar {
	align-self: start;
	display: grid;
	gap: 14px;
	grid-column: 1;
	grid-row: 2 / span 2;
	position: sticky;
	top: 24px;
	z-index: 2;
}

body.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.lptia-account-sidebar
	.woocommerce-MyAccount-navigation {
	grid-column: auto;
	grid-row: auto;
	position: static;
	top: auto;
	width: 100% !important;
}

body.admin-bar.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation {
	top: 56px;
}

body.admin-bar.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce
	> .lptia-account-sidebar {
	top: 56px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: 4px;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation li::before {
	content: none !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation a {
	align-items: center;
	border-radius: 12px;
	color: rgba(255, 255, 255, 0.72);
	display: flex;
	font-size: 14px;
	font-weight: 550;
	gap: 11px;
	justify-content: flex-start;
	line-height: 1.3;
	min-height: 46px;
	padding: 11px 13px;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation a::before {
	background: currentColor;
	border-radius: 50%;
	content: "";
	flex: 0 0 7px;
	height: 7px;
	transform: none;
	width: 7px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation a:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	outline: none;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation .is-active > a {
	background: var(--lptia-account-primary);
	box-shadow: 0 9px 22px rgba(82, 51, 255, 0.3);
	color: #fff;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation-link--customer-logout {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	margin-top: 8px !important;
	padding-top: 8px !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: rgba(255, 255, 255, 0.56);
}

.lptia-account-platform-shortcut {
	align-items: center;
	align-self: start;
	color: var(--lptia-account-primary);
	display: inline-flex;
	font-size: 14px;
	font-weight: 650;
	gap: 8px;
	grid-column: 1;
	grid-row: 3;
	justify-self: start;
	line-height: 1.35;
	margin: -14px 4px 0;
	overflow: visible;
	position: relative;
	text-decoration: none;
}

.lptia-account-sidebar .lptia-account-platform-shortcut {
	grid-column: auto;
	grid-row: auto;
	margin: 0 4px;
}

.lptia-account-platform-shortcut::after {
	background: var(--lptia-primary, #5233ff) !important;
	bottom: -3px !important;
	content: "" !important;
	height: 1px !important;
	left: 0 !important;
	pointer-events: none;
	position: absolute !important;
	top: auto !important;
	transform: scaleX(0) !important;
	transform-origin: left center !important;
	transition: transform 0.5s ease !important;
	width: 100% !important;
}

.lptia-account-platform-shortcut svg {
	flex: 0 0 18px;
	height: 18px;
	transition: transform 220ms ease;
	width: 18px;
}

.lptia-account-platform-shortcut:is(:hover, :focus-visible)::after {
	transform: scaleX(1) !important;
}

.lptia-account-platform-shortcut:hover svg,
.lptia-account-platform-shortcut:focus-visible svg {
	transform: translate(2px, -2px);
}

.lptia-account-platform-shortcut:focus-visible {
	border-radius: 4px;
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content {
	background: var(--lptia-account-card);
	border: 1px solid var(--lptia-account-border);
	border-radius: 24px;
	box-shadow: 0 22px 58px rgba(45, 36, 83, 0.08);
	float: none !important;
	font-size: 15px;
	line-height: 1.7;
	min-height: 390px;
	min-width: 0;
	overflow: hidden;
	padding: clamp(24px, 4vw, 42px);
	width: auto !important;
}

body.logged-in.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content {
	grid-column: 2;
	grid-row: 2 / span 2;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content > :last-child {
	margin-bottom: 0;
}

body.woocommerce-account.lptia-bridge-active:is(.woocommerce-orders, .woocommerce-downloads)
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content
	.woocommerce-info
	.wc-forward {
	display: none !important;
}

body.woocommerce-account.lptia-bridge-active.woocommerce-subscriptions
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content
	.no_subscriptions
	.woocommerce-Button {
	display: none !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content > p:first-of-type {
	color: var(--lptia-account-ink);
	font-size: clamp(18px, 2vw, 21px);
	line-height: 1.55;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content a:not(.button) {
	color: var(--lptia-account-primary);
	text-decoration-color: rgba(82, 51, 255, 0.3);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-MyAccount-content a:not(.button):hover {
	color: var(--lptia-account-primary-dark);
	text-decoration-color: currentColor;
}

/* -------------------------------------------------------------------------
   Native notices, buttons and empty states
   ------------------------------------------------------------------------- */

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	align-items: center;
	background: #f5f2ff;
	border: 1px solid #ded7ff;
	border-radius: 15px;
	color: #3a315f;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: space-between;
	line-height: 1.5;
	list-style: none;
	margin: 0 0 22px !important;
	min-height: 68px;
	padding: 16px 18px 16px 50px !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-error {
	background: #fff5f5;
	border-color: #ffd3d3;
	color: #842d2d;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	color: var(--lptia-account-primary);
	left: 19px;
	top: 21px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-error::before {
	color: #d64545;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(a.button, button.button, input.button, .woocommerce-Button) {
	align-items: center;
	background: var(--lptia-account-primary) !important;
	border: 1px solid var(--lptia-account-primary) !important;
	border-radius: 11px !important;
	box-shadow: none;
	color: #fff !important;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 14px;
	font-weight: 650;
	justify-content: center;
	line-height: 1.2;
	min-height: 46px;
	padding: 12px 19px !important;
	text-decoration: none !important;
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(a.button, button.button, input.button, .woocommerce-Button):hover,
body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(a.button, button.button, input.button, .woocommerce-Button):focus-visible {
	background: var(--lptia-account-primary-dark) !important;
	border-color: var(--lptia-account-primary-dark) !important;
	box-shadow: 0 9px 20px rgba(82, 51, 255, 0.22);
	outline: none;
}

/* -------------------------------------------------------------------------
   Tables, addresses and payment methods
   ------------------------------------------------------------------------- */

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	table.shop_table {
	border: 1px solid var(--lptia-account-border) !important;
	border-collapse: separate;
	border-radius: 16px;
	border-spacing: 0;
	font-size: 14px;
	margin: 0 0 24px;
	overflow: hidden;
	width: 100%;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	table.shop_table :is(th, td) {
	border-color: var(--lptia-account-border) !important;
	padding: 14px 16px !important;
	vertical-align: middle;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	table.shop_table th {
	background: #f8f7fc;
	color: #4a4555;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Addresses {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 24px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Addresses::before,
body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Addresses::after {
	content: none !important;
	display: none !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Address {
	background: #faf9fd;
	border: 1px solid var(--lptia-account-border);
	border-radius: 17px;
	float: none !important;
	min-width: 0;
	padding: 22px;
	width: auto !important;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Address-title {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin-bottom: 14px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Address-title h2 {
	font-size: 19px;
	line-height: 1.3;
	margin: 0;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-Address-title a {
	font-size: 13px;
	font-weight: 650;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	address {
	color: var(--lptia-account-muted);
	font-style: normal;
	line-height: 1.7;
}

/* -------------------------------------------------------------------------
   Native forms: account, login, addresses and password reset
   ------------------------------------------------------------------------- */

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	form {
	margin: 0;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.form-row {
	margin: 0 0 18px;
	padding: 0;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.form-row label {
	color: #3d3946;
	display: block;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.45;
	margin: 0 0 7px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(input.input-text, textarea, select, .select2-selection) {
	background: #fff;
	border: 1px solid #dcd8e6 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	color: var(--lptia-account-ink);
	font: inherit;
	min-height: 52px;
	padding: 12px 14px !important;
	transition: border-color 180ms ease, box-shadow 180ms ease;
	width: 100%;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	:is(input.input-text, textarea, select):focus {
	border-color: var(--lptia-account-primary) !important;
	box-shadow: 0 0 0 4px rgba(82, 51, 255, 0.11) !important;
	outline: none;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.required {
	color: var(--lptia-account-primary);
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-EditAccountForm {
	display: grid;
	gap: 0 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-EditAccountForm :is(.form-row-wide, fieldset, .clear, p:last-child) {
	grid-column: 1 / -1;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-EditAccountForm .clear {
	display: none;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-EditAccountForm fieldset {
	background: #faf9fd;
	border: 1px solid var(--lptia-account-border);
	border-radius: 16px;
	margin: 10px 0 22px;
	padding: 20px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-EditAccountForm legend {
	background: var(--lptia-account-card);
	border-radius: 999px;
	color: var(--lptia-account-ink);
	font-size: 14px;
	font-weight: 700;
	padding: 6px 11px;
}

body.woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-password-strength {
	border-radius: 9px;
	font-size: 12px;
	margin-top: 8px;
	padding: 8px 10px;
}

/* -------------------------------------------------------------------------
   Logged-out login and lost-password experiences
   ------------------------------------------------------------------------- */

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce {
	align-items: stretch;
	display: grid;
	gap: 18px clamp(22px, 3vw, 34px);
	grid-template-columns: minmax(0, 1.04fr) minmax(310px, 0.96fr);
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce > h2 {
	display: none;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	form.login {
	background: var(--lptia-account-card);
	border: 1px solid var(--lptia-account-border) !important;
	border-radius: 22px !important;
	box-shadow: 0 22px 58px rgba(45, 36, 83, 0.08);
	grid-column: 1;
	grid-row: 2;
	margin: 0 !important;
	padding: clamp(24px, 4vw, 38px) !important;
}

.lptia-account-login-intro {
	border-bottom: 1px solid var(--lptia-account-border);
	margin-bottom: 25px;
	padding-bottom: 23px;
}

.lptia-account-login-intro__heading {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 46px minmax(0, 1fr);
	margin-bottom: 14px;
}

.lptia-account-login-intro__icon {
	align-items: center;
	background: rgba(82, 51, 255, 0.09);
	border: 1px solid rgba(82, 51, 255, 0.16);
	border-radius: 13px;
	color: var(--lptia-account-primary);
	display: inline-flex;
	font-size: 20px;
	height: 46px;
	justify-content: center;
	width: 46px;
}

.lptia-account-login-intro h2 {
	color: var(--lptia-account-ink) !important;
	font-size: clamp(20px, 2vw, 24px) !important;
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.15;
	margin: 0 !important;
	text-transform: none;
}

.lptia-account-login-intro h2 strong {
	font-weight: 760;
}

.lptia-account-login-intro p {
	color: var(--lptia-account-muted);
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
	padding-left: 60px;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	form.lost_reset_password {
	background: var(--lptia-account-card);
	border: 1px solid var(--lptia-account-border);
	border-radius: 22px;
	box-shadow: 0 22px 58px rgba(45, 36, 83, 0.08);
	grid-column: 1;
	grid-row: 2 / span 2;
	margin: 0;
	padding: clamp(24px, 4vw, 38px);
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	form.lost_reset_password > p:first-child {
	color: var(--lptia-account-muted);
	font-size: 15px;
	line-height: 1.7;
	margin: 0 0 24px;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-form-login__rememberme {
	align-items: center;
	cursor: pointer;
	display: inline-flex !important;
	font-weight: 500 !important;
	gap: 9px;
	margin: 0 auto 0 0 !important;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	form.login > .form-row:has(.woocommerce-form-login__submit) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-form-login__submit {
	float: none !important;
	margin: 0 0 0 auto !important;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.woocommerce-form-login__rememberme input {
	accent-color: var(--lptia-account-primary);
	height: 17px;
	margin: 0;
	width: 17px;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.lost_password {
	border-top: 1px solid var(--lptia-account-border);
	font-size: 13px;
	margin: 20px 0 0;
	padding-top: 18px;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	.lost_password a {
	color: var(--lptia-account-primary);
	font-weight: 650;
	text-underline-offset: 3px;
}

.lptia-account-app-cta {
	align-content: stretch;
	align-self: stretch;
	background:
		radial-gradient(circle at 82% 18%, rgba(82, 51, 255, 0.72), transparent 15rem),
		#0a0a1c;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 22px;
	box-shadow: 0 24px 58px rgba(13, 10, 35, 0.2);
	color: #fff;
	display: grid;
	grid-column: 2;
	grid-row: 2;
	grid-template-rows: auto auto auto auto 1fr;
	height: auto;
	min-height: 0;
	overflow: hidden;
	padding: clamp(28px, 4vw, 44px);
	position: relative;
}

.lptia-account-app-cta::before {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 50%;
	content: "";
	height: 260px;
	position: absolute;
	right: -105px;
	top: -118px;
	width: 260px;
}

.lptia-account-app-cta__eyebrow {
	color: rgba(255, 255, 255, 0.68);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 26px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

.lptia-account-app-cta__icon {
	align-items: center;
	background: rgba(255, 255, 255, 0.11);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 15px;
	color: #fff;
	display: inline-flex;
	font-size: 20px;
	height: 52px;
	justify-content: center;
	margin-bottom: clamp(28px, 4vw, 46px);
	position: relative;
	width: 52px;
	z-index: 1;
}

.lptia-account-app-cta h2 {
	color: #fff !important;
	font-size: clamp(29px, 3.2vw, 42px) !important;
	letter-spacing: -0.045em;
	line-height: 1.06;
	margin: 0 0 14px;
	max-width: 430px;
	position: relative;
	z-index: 1;
}

.lptia-account-app-cta p {
	color: rgba(255, 255, 255, 0.69);
	font-size: 14px;
	line-height: 1.65;
	margin: 0 0 28px;
	max-width: 430px;
	position: relative;
	z-index: 1;
}

.lptia-account-app-cta__button {
	align-self: end;
	box-sizing: border-box;
	margin-top: 4px;
	max-width: 100%;
	position: relative;
	width: fit-content;
	z-index: 1;
}

body:not(.logged-in).woocommerce-account.lptia-bridge-active
	.lptia-dynamic-content[data-lptia-route="account"]
	> .woocommerce:has(form.lost_reset_password)
	.lptia-account-app-cta {
	grid-row: 2 / span 2;
}

/* -------------------------------------------------------------------------
   Responsive account layouts
   ------------------------------------------------------------------------- */

@media (max-width: 900px) {
	body.logged-in.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		> .woocommerce,
	body:not(.logged-in).woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		> .woocommerce {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-navigation {
		border-radius: 17px;
		grid-column: 1;
		grid-row: auto;
		overflow-x: auto;
		position: static;
		scrollbar-width: none;
	}

	body.logged-in.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		> .woocommerce
		> .lptia-account-sidebar {
		gap: 12px;
		grid-column: 1;
		grid-row: auto;
		position: static;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-navigation::-webkit-scrollbar {
		display: none;
	}

	body.logged-in.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-content {
		grid-column: 1;
		grid-row: auto;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-navigation ul {
		display: flex;
		min-width: max-content;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-navigation-link--customer-logout {
		border-left: 1px solid rgba(255, 255, 255, 0.12);
		border-top: 0;
		margin: 0 0 0 6px !important;
		padding: 0 0 0 6px !important;
	}

	.lptia-account-platform-shortcut {
		grid-column: 1;
		grid-row: auto;
		margin: -10px 4px 0;
	}

	.lptia-account-sidebar .lptia-account-platform-shortcut {
		grid-column: auto;
		margin: 0 4px;
	}

	body:not(.logged-in).woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		> .woocommerce > h2,
	body:not(.logged-in).woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		form.login,
	body:not(.logged-in).woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		form.lost_reset_password,
	.lptia-account-app-cta {
		grid-column: 1;
		grid-row: auto;
	}

	.lptia-account-app-cta {
		height: auto;
		min-height: 0;
	}
}

@media (max-width: 640px) {
	body.woocommerce-account.lptia-bridge-active .lptia-dynamic-section {
		padding-top: 118px;
	}

	body.woocommerce-account.lptia-bridge-active .lptia-dynamic-header h1 {
		font-size: clamp(40px, 13vw, 54px);
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-MyAccount-content {
		border-radius: 18px;
		padding: 22px 18px;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-Addresses,
	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-EditAccountForm {
		grid-template-columns: minmax(0, 1fr);
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		.woocommerce-EditAccountForm > * {
		grid-column: 1;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		:is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
		align-items: flex-start;
		flex-direction: column;
	}

	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"]
		table.shop_table :is(th, td) {
		padding: 12px !important;
	}

	.lptia-account-app-cta {
		min-height: 0;
		padding: 28px 24px;
	}

	.lptia-account-app-cta__icon {
		margin-bottom: 32px;
	}
}

@media (max-width: 420px) {
	.lptia-account-app-cta__button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.woocommerce-account.lptia-bridge-active
		.lptia-dynamic-content[data-lptia-route="account"] * {
		scroll-behavior: auto !important;
	}
}
