/* =============================================================================
LUMI — Account / auth UI v1.0.81 (21 Aug 2026)
Inner endpoints: ← My account back link (icon cards stay hidden).
Mobile orders/subscriptions: one card per row, not a mashed table.
View subscription: compact 2-col meta, green/red auto-renew, ← Subscriptions.
Toolbox: ship-now-and-reschedule on (Renew now); keep-date + skip-next + add-product off; 24h edit lock.
Checkout tokens (LV-31). UK login + my-account + lost-password only.
Do not merge into custom-style.css. Not enqueued from functions.php.
Land via docs/rebuild-handoff-2026-08-16/account-blog-ui/.
Live pages this sheet is written against (logged-out HTML 17 Aug):
/uk/login/ page-id-1126 EAEL login (not FluentAuth)
/uk/my-account/ page-id-8 Woo login/register + icon boxes
/uk/lost-password/ page-id-1485 EAEL reset
/uk/my-account/lost-password/ Woo reset on page-id-8
v1.0.2 vs v1.0.1 (live screenshots after the v1.0.1 drag):
- /uk/login/ 5789953 is the full-width charcoal band — force white
- Centre the 440px card inside that 1461px box
- Guest my-account: Login | Register as a centred flex pair (not stacked)
- Mobile guest cards: 100% of viewport, not a 440px card that overflows 375
- Hide icon-card rows on inner Woo endpoints only
Do not fight Joonas's guest-card hide
(body:not(.logged-in) .elementor-element-1802091c / 47cef15f).
Do not invent Payment. Do not enqueue from functions.php.
Rocket RUCSS on /uk/login/ can strip this sheet — exclude account-ui.css.
============================================================================= */
body.woocommerce-account,
body.page-id-1126,
body.page-id-1485,
body.lumi-change-card {
--lumi-ink: #101828;
--lumi-ink-2: #344054;
--lumi-muted: #667085;
--lumi-line: #E4E7EC;
--lumi-line-strong: #D0D5DD;
--lumi-surface: #FFFFFF;
--lumi-surface-2: #F9FAFB;
--lumi-green: #17DE81;
--lumi-green-hover: #10C06E;
--lumi-green-border: #15CB76;
--lumi-red: #F04438;
--lumi-ring: rgba(23, 222, 129, 0.18);
--lumi-r-sm: 10px;
--lumi-r-btn: 8px;
--lumi-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);
--lumi-shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 16px rgba(16, 24, 40, 0.06);
}
body.page-id-1126,
body.page-id-1485,
body.page-id-8 {
overflow-x: hidden;
}
body.page-id-1126 .site-content,
body.page-id-1485 .site-content,
body.page-id-8 .site-content {
background: var(--lumi-surface);
}
/* ===========================================================================
1. /uk/login/ (page-id-1126) — EAEL.
Live node Joonas selected: 5789953 (e-con-boxed, 1461×561 charcoal band).
Charcoal is also on parent c426110 (#292A2A). v1.0.1 did not win.
=========================================================================== */
html body.page-id-1126 .elementor-element-5789953,
html body.page-id-1126 .elementor-element-5789953.e-con,
html body.page-id-1126 .elementor-element-5789953.e-con-boxed,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-5789953,
html body.page-id-1126 .elementor-element-c426110,
html body.page-id-1126 .elementor-element-c426110.e-con,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-c426110,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-c426110:not(.elementor-motion-effects-element-type-background),
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-c426110 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
html body.page-id-1126 .elementor-element-3d887b0,
html body.page-id-1126 .elementor-element-3d887b0.e-con,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-3d887b0 {
background: #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
--background-color: #ffffff !important;
--background-overlay: none !important;
--overlay-opacity: 0 !important;
min-height: 0 !important;
--min-height: 0 !important;
}
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-c426110 {
padding: 48px 16px 64px !important;
--padding-top: 48px !important;
--padding-bottom: 64px !important;
--justify-content: center !important;
--align-items: center !important;
justify-content: center !important;
align-items: center !important;
}
html body.page-id-1126 .elementor-element-3d887b0,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-3d887b0 {
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
--justify-content: center !important;
--align-items: center !important;
justify-content: center !important;
align-items: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Boxed stage: keep it full-width, centre the card inside (not a 12% column). */
html body.page-id-1126 .elementor-element-5789953,
html body.page-id-1126 .elementor-element-5789953.e-con,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-5789953 {
display: flex !important;
--display: flex !important;
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
--content-width: 100% !important;
--justify-content: center !important;
--align-items: center !important;
justify-content: center !important;
align-items: center !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
html body.page-id-1126 .elementor-element-5789953 > .e-con-inner {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-fe6dd29,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-fe6dd29:not(.elementor-motion-effects-element-type-background) {
background: #ffffff !important;
background-color: #ffffff !important;
--background-color: #ffffff !important;
border: 1px solid var(--lumi-line) !important;
border-radius: var(--lumi-r-sm) !important;
box-shadow: var(--lumi-shadow-card) !important;
padding: 28px 24px 20px !important;
width: 100% !important;
max-width: 440px !important;
--width: 440px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-inline: auto !important;
box-sizing: border-box !important;
}
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-d93e5c4 .eael-lr-form-wrapper,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-d93e5c4 .lr-form-wrapper,
html body.page-id-1126 .eael-lr-form-wrapper,
html body.page-id-1126 .lr-form-wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.page-id-1126 .eael-login-form-wrapper::before {
content: "Log in";
display: block;
font-family: "Inter", sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
letter-spacing: -0.02em;
line-height: 1.2 !important;
color: var(--lumi-ink) !important;
margin: 0 0 20px !important;
text-align: left;
}
body.page-id-1126 .eael-lr-form-group {
margin: 0 0 16px !important;
width: 100% !important;
}
body.page-id-1126 .eael-field-label {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: var(--lumi-ink) !important;
margin: 0 0 6px !important;
}
body.page-id-1126 .eael-lr-form-control,
body.page-id-1126 .eael-login-form input[type="text"],
body.page-id-1126 .eael-login-form input[type="email"],
body.page-id-1126 .eael-login-form input[type="password"] {
width: 100% !important;
min-height: 48px !important;
height: 48px !important;
padding: 12px 14px !important;
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
color: var(--lumi-ink) !important;
background: var(--lumi-surface) !important;
background-color: var(--lumi-surface) !important;
border: 1px solid var(--lumi-line-strong) !important;
border-radius: var(--lumi-r-sm) !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.page-id-1126 .eael-lr-form-control:focus,
body.page-id-1126 .eael-login-form input:focus {
border-color: var(--lumi-green) !important;
box-shadow: 0 0 0 4px var(--lumi-ring) !important;
outline: none !important;
}
body.page-id-1126 .eael-forever-forget,
body.page-id-1126 .forget-menot,
body.page-id-1126 .eael-checkbox-label,
body.page-id-1126 .rememberme {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--lumi-ink-2) !important;
background: transparent !important;
}
body.page-id-1126 .eael-forever-forget input[type="checkbox"]:checked,
body.page-id-1126 .lr-form-wrapper .eael-forever-forget .forget-menot input[type="checkbox"]:checked {
border-color: var(--lumi-green) !important;
background: var(--lumi-green) !important;
}
body.page-id-1126 .eael-login-form .eael-lr-btn,
body.page-id-1126 #eael-login-submit,
body.page-id-1126 .elementor-1126 .elementor-element-d93e5c4 .eael-login-form .eael-lr-btn {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 48px !important;
margin: 8px 0 16px !important;
padding: 12px 20px !important;
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.01em !important;
line-height: 1.25 !important;
text-transform: none !important;
text-align: center !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green) !important;
background-color: var(--lumi-green) !important;
background-image: none !important;
border: 1px solid var(--lumi-green-border) !important;
border-radius: var(--lumi-r-btn) !important;
box-shadow: var(--lumi-shadow) !important;
box-sizing: border-box !important;
}
body.page-id-1126 .eael-login-form .eael-lr-btn:hover,
body.page-id-1126 #eael-login-submit:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green-hover) !important;
background-color: var(--lumi-green-hover) !important;
border-color: var(--lumi-green-hover) !important;
}
body.page-id-1126 .lr-social-login-container,
body.page-id-1126 .lr-social-buttons-container {
width: 100% !important;
display: flex !important;
justify-content: center !important;
margin: 0 0 8px !important;
}
body.page-id-1126 .lr-social-login-container .lr-social-login-btn,
body.page-id-1126 .lr-social-buttons-container a,
body.page-id-1126 .lr-social-buttons-container button {
min-height: 48px;
border-radius: var(--lumi-r-btn) !important;
background: var(--lumi-surface) !important;
color: var(--lumi-ink) !important;
}
/* Forgot password is a leftover H1 heading widget — demote to a quiet link. */
body.page-id-1126 .elementor-element-705f3cf {
text-align: center !important;
margin: 4px 0 0 !important;
}
body.page-id-1126 .elementor-element-705f3cf .elementor-heading-title,
body.page-id-1126 .elementor-element-705f3cf .elementor-heading-title a {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: var(--lumi-ink-2) !important;
text-decoration: underline !important;
text-underline-offset: 0.15em;
}
@media (max-width: 767px) {
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-c426110 {
padding: 24px 12px 48px !important;
}
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-fe6dd29 {
padding: 22px 16px 16px !important;
max-width: 100% !important;
--width: 100% !important;
}
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-d93e5c4 .eael-lr-form-wrapper,
html body.page-id-1126 .elementor-1126 .elementor-element.elementor-element-d93e5c4 .lr-form-wrapper {
width: 100% !important;
max-width: 100% !important;
}
body.page-id-1126 .eael-login-form-wrapper::before {
font-size: 22px !important;
}
}
/* ===========================================================================
2. /uk/lost-password/ (page-id-1485) — same charcoal + mint/black as login
=========================================================================== */
body.page-id-1485 .elementor-1485 .elementor-element-b0dd93a,
body.page-id-1485 .elementor-1485 .elementor-element-b0dd93a:not(.elementor-motion-effects-element-type-background),
body.page-id-1485 .elementor-1485 .elementor-element-b0dd93a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background: var(--lumi-surface-2) !important;
background-color: var(--lumi-surface-2) !important;
background-image: none !important;
min-height: 0 !important;
padding: 48px 16px 64px !important;
}
body.page-id-1485 .elementor-1485 .elementor-element-b7e2da5,
body.page-id-1485 .elementor-1485 .elementor-element-b7e2da5:not(.elementor-motion-effects-element-type-background) {
background: var(--lumi-surface) !important;
border: 1px solid var(--lumi-line) !important;
border-radius: var(--lumi-r-sm) !important;
box-shadow: var(--lumi-shadow-card) !important;
padding: 28px 24px 24px !important;
width: 100% !important;
max-width: 440px !important;
--width: 440px !important;
--align-items: stretch !important;
align-items: stretch !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
/* Elementor centres children; the input then shrink-wraps to ~217px (size=20). */
body.page-id-1485 .elementor-1485 .elementor-element-c7b3619,
body.page-id-1485 .elementor-1485 .elementor-element-c7b3619 .elementor-widget-container,
body.page-id-1485 .eael-login-registration-wrapper,
body.page-id-1485 #eael-lostpassword-form-wrapper,
body.page-id-1485 .eael-lostpassword-form-wrapper,
body.page-id-1485 #eael-lostpassword-form,
body.page-id-1485 .eael-resetpassword-form,
body.page-id-1485 .eael-lr-form-group {
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
align-self: stretch !important;
box-sizing: border-box !important;
}
body.page-id-1485 .elementor-heading-title {
font-family: "Inter", sans-serif !important;
font-size: 24px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
letter-spacing: -0.02em;
}
body.page-id-1485 .elementor-1485 .elementor-element-c7b3619 .eael-lr-form-wrapper,
body.page-id-1485 .elementor-1485 .elementor-element-c7b3619 .lr-form-wrapper,
body.page-id-1485 .eael-lr-form-wrapper,
body.page-id-1485 .lr-form-wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.page-id-1485 .eael-field-label {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
margin: 0 0 6px !important;
}
body.page-id-1485 .eael-lr-form-control,
body.page-id-1485 #eael-user-lostpassword,
body.page-id-1485 .eael-lostpassword-form input[type="text"],
body.page-id-1485 .eael-lostpassword-form input[type="email"],
body.page-id-1485 .eael-resetpassword-form input[type="text"],
body.page-id-1485 .eael-resetpassword-form input[type="password"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 48px !important;
height: 48px !important;
padding: 12px 14px !important;
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
color: var(--lumi-ink) !important;
background: var(--lumi-surface) !important;
border: 1px solid var(--lumi-line-strong) !important;
border-radius: var(--lumi-r-sm) !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.page-id-1485 .eael-lr-form-control:focus,
body.page-id-1485 .eael-lostpassword-form input:focus {
border-color: var(--lumi-green) !important;
box-shadow: 0 0 0 4px var(--lumi-ring) !important;
outline: none !important;
}
body.page-id-1485 .eael-lostpassword-form .eael-lr-btn,
body.page-id-1485 #eael-lostpassword-submit,
body.page-id-1485 .eael-resetpassword-form .eael-lr-btn {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 48px !important;
margin: 8px 0 0 !important;
padding: 12px 20px !important;
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green) !important;
background-color: var(--lumi-green) !important;
background-image: none !important;
border: 1px solid var(--lumi-green-border) !important;
border-radius: var(--lumi-r-btn) !important;
box-sizing: border-box !important;
}
body.page-id-1485 .eael-lostpassword-form .eael-lr-btn:hover,
body.page-id-1485 #eael-lostpassword-submit:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green-hover) !important;
background-color: var(--lumi-green-hover) !important;
}
@media (max-width: 767px) {
body.page-id-1485 .elementor-1485 .elementor-element-b0dd93a {
padding: 24px 12px 48px !important;
}
body.page-id-1485 .elementor-1485 .elementor-element-b7e2da5 {
padding: 22px 16px 16px !important;
max-width: 100% !important;
--width: 100% !important;
}
}
/* ===========================================================================
3. My account wave — Elementor container 17a75356 on page-id-8.
Image: vecteezy liquid-wave jpg. Overlay blob: 180-sites-bg-0.jpg.
CSS kills both so live is clean before the Elementor click.
=========================================================================== */
body.page-id-8 .elementor-8 .elementor-element-17a75356,
body.woocommerce-account .elementor-8 > .e-con.e-parent:first-child,
body.page-id-8 .elementor-8 .elementor-element-17a75356:not(.elementor-motion-effects-element-type-background),
body.page-id-8 .elementor-8 .elementor-element-17a75356 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background: var(--lumi-surface) !important;
background-color: var(--lumi-surface) !important;
background-image: none !important;
min-height: 0 !important;
padding-top: 28px !important;
padding-bottom: 8px !important;
--min-height: 0 !important;
--padding-top: 28px !important;
--padding-bottom: 8px !important;
--overlay-opacity: 0 !important;
}
body.page-id-8 .elementor-8 .elementor-element-17a75356::before,
body.page-id-8 .elementor-8 .elementor-element-17a75356 > .elementor-background-video-container::before,
body.page-id-8 .elementor-8 .elementor-element-17a75356 > .e-con-inner > .elementor-background-video-container::before,
body.page-id-8 .elementor-8 .elementor-element-17a75356 > .elementor-background-slideshow::before,
body.page-id-8 .elementor-8 .elementor-element-17a75356 > .e-con-inner > .elementor-background-slideshow::before,
body.page-id-8 .elementor-8 .elementor-element-17a75356 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
content: none !important;
display: none !important;
background: none !important;
background-image: none !important;
opacity: 0 !important;
}
body.page-id-8 .elementor-8 .elementor-element-570a10fc .elementor-heading-title {
font-family: "Inter", sans-serif !important;
font-size: 28px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: -0.02em;
color: var(--lumi-ink) !important;
}
body.page-id-8 .elementor-8 .elementor-element-798ffc49 {
--spacer-size: 0px !important;
display: none !important;
}
/* Negative margins were for overlapping the wave hero (−8% / −22% / −34% / −25%). */
body.page-id-8 .elementor-8 .elementor-element-1802091c,
body.page-id-8 .elementor-8 .elementor-element-47cef15f {
margin-top: 0 !important;
margin-bottom: 16px !important;
--margin-top: 0 !important;
--margin-bottom: 16px !important;
--margin-left: 0 !important;
--margin-right: 0 !important;
}
body.page-id-8 .elementor-8 .elementor-element-5258b97e {
padding-top: 8px !important;
padding-bottom: 8px !important;
--padding-top: 8px !important;
--padding-bottom: 8px !important;
background: var(--lumi-surface) !important;
}
@media (max-width: 1024px) {
body.page-id-8 .elementor-8 .elementor-element-1802091c,
body.page-id-8 .elementor-8 .elementor-element-47cef15f {
margin-top: 0 !important;
--margin-top: 0 !important;
}
}
@media (max-width: 767px) {
body.page-id-8 .elementor-8 .elementor-element-570a10fc .elementor-heading-title {
font-size: 22px !important;
}
body.page-id-8 .elementor-8 .elementor-element-1802091c,
body.page-id-8 .elementor-8 .elementor-element-47cef15f {
margin-top: 0 !important;
--margin-top: 0 !important;
}
}
body.woocommerce-account .lumi-account-back {
position: relative !important;
z-index: 2 !important;
margin: 0 0 20px !important;
padding: 4px 0 !important;
background: var(--lumi-surface) !important;
isolation: isolate;
}
html body.woocommerce-account table.my_account_subscriptions.woocommerce-orders-table,
html body.woocommerce-account table.my_account_subscriptions.my_account_orders {
margin-top: 0 !important;
position: relative !important;
z-index: 0 !important;
}
html body.woocommerce-account .subscription-id::before,
html body.woocommerce-account td.subscription-id::before {
position: static !important;
top: auto !important;
left: auto !important;
float: none !important;
}
body.woocommerce-account .lumi-account-back a {
font-family: "Inter", sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: var(--lumi-ink) !important;
text-decoration: none !important;
}
body.woocommerce-account .lumi-account-back a:hover {
color: var(--lumi-green-hover) !important;
}
/* Inner Woo endpoints: hide the icon-card rows. Dashboard stays
body.woocommerce-account without these classes. Do NOT set display
on 1802091c / 47cef15f for guests — Joonas already hides those. */
body.woocommerce-account.woocommerce-orders .elementor-element-1802091c,
body.woocommerce-account.woocommerce-orders .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-view-order .elementor-element-1802091c,
body.woocommerce-account.woocommerce-view-order .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-subscriptions .elementor-element-1802091c,
body.woocommerce-account.woocommerce-subscriptions .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-view-subscription .elementor-element-1802091c,
body.woocommerce-account.woocommerce-view-subscription .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-edit-subscription .elementor-element-1802091c,
body.woocommerce-account.woocommerce-edit-subscription .elementor-element-47cef15f,
body.woocommerce-account:has([name="edit-subscription-button"]) .elementor-element-1802091c,
body.woocommerce-account:has([name="edit-subscription-button"]) .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-edit-address .elementor-element-1802091c,
body.woocommerce-account.woocommerce-edit-address .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-edit-account .elementor-element-1802091c,
body.woocommerce-account.woocommerce-edit-account .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-payment-methods .elementor-element-1802091c,
body.woocommerce-account.woocommerce-payment-methods .elementor-element-47cef15f,
body.woocommerce-account.woocommerce-lost-password .elementor-element-1802091c,
body.woocommerce-account.woocommerce-lost-password .elementor-element-47cef15f {
display: none !important;
}
/* Logged-in icon cards: quiet chrome. Do not set display on 1802091c / 47cef15f
— Joonas hides those for guests in Elementor Custom CSS. */
body.page-id-8.logged-in .elementor-widget-icon-box .elementor-icon-box-title,
body.page-id-8.logged-in .elementor-widget-icon-box .elementor-icon-box-title span {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
}
body.page-id-8.logged-in .elementor-widget-icon-box .elementor-icon {
color: var(--lumi-ink) !important;
fill: var(--lumi-ink) !important;
}
body.page-id-8.logged-in .elementor-8 .elementor-element-4b51dacf,
body.page-id-8.logged-in .elementor-8 .elementor-element-5ddfb535,
body.page-id-8.logged-in .elementor-8 .elementor-element-77b695c,
body.page-id-8.logged-in .elementor-8 .elementor-element-54ae349a,
body.page-id-8.logged-in .elementor-8 .elementor-element-7e6225f4,
body.page-id-8.logged-in .elementor-8 .elementor-element-5867c38a,
body.page-id-8.logged-in .elementor-8 .elementor-element-c78f45c,
body.page-id-8.logged-in .elementor-8 .elementor-element-9f12c27,
body.page-id-8.logged-in .elementor-8 .elementor-element-53f9e798,
body.page-id-8.logged-in .elementor-8 .elementor-element-50150e2e {
box-shadow: var(--lumi-shadow) !important;
border: 1px solid var(--lumi-line) !important;
}
/* Desktop hover / keyboard: ring outside the card, not on the EAEL overlay. */
@media (min-width: 1025px) {
html body.page-id-8.logged-in .elementor-element-1802091c,
html body.page-id-8.logged-in .elementor-element-1802091c > .e-con-inner,
html body.page-id-8.logged-in .elementor-element-1802091c > .e-con-inner > .e-con {
overflow: visible !important;
}
html body.page-id-8.logged-in .elementor-element-1802091c > .e-con-inner > .e-con {
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
html body.page-id-8.logged-in .elementor-element-1802091c > .e-con-inner > .e-con:hover,
html body.page-id-8.logged-in .elementor-element-1802091c > .e-con-inner > .e-con:has(a:focus-visible) {
border-color: var(--lumi-green) !important;
box-shadow: 0 0 0 4px var(--lumi-ring) !important;
}
html body.page-id-8.logged-in .elementor-element-1802091c a[class*="eael-wrapper-link"]:focus {
outline: none !important;
}
}
/* Mobile/tablet card row (47cef15f is elementor-hidden-desktop).
Do not set display on 47cef15f — guest hide is Joonas's Custom CSS. */
html body.page-id-8.logged-in .elementor-element-47cef15f > .e-con-inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
--flex-direction: column !important;
}
html body.page-id-8.logged-in .elementor-element-47cef15f > .e-con-inner > .e-con {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
--width: 100% !important;
--flex-grow: 0 !important;
}
/* Duplicate page H2 on inner Woo endpoints — keep cards, drop the extra title. */
body.woocommerce-orders .elementor-element-570a10fc,
body.woocommerce-view-order .elementor-element-570a10fc,
body.woocommerce-subscriptions .elementor-element-570a10fc,
body.woocommerce-view-subscription .elementor-element-570a10fc,
body.woocommerce-edit-subscription .elementor-element-570a10fc,
body.woocommerce-account:has([name="edit-subscription-button"]) .elementor-element-570a10fc,
body.woocommerce-edit-address .elementor-element-570a10fc,
body.woocommerce-edit-account .elementor-element-570a10fc,
body.woocommerce-payment-methods .elementor-element-570a10fc,
body.woocommerce-lost-password .elementor-element-570a10fc {
display: none !important;
}
/* ===========================================================================
4. Guest Woo Login / Register on page-id-8
Live: #customer_login > .u-column1.col-1 + .u-column2.col-2.
Woo floats col-2 right (48%) so Register stacks under a right-hug Login.
=========================================================================== */
html body.woocommerce-account #customer_login,
html body.page-id-8 #customer_login,
html body.woocommerce-account .u-columns.col2-set#customer_login,
html body.page-id-8 .u-columns.col2-set#customer_login {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: stretch !important;
gap: 24px !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 920px !important;
margin: 8px auto 48px !important;
box-sizing: border-box !important;
}
html body.woocommerce-account #customer_login::before,
html body.woocommerce-account #customer_login::after,
html body.page-id-8 #customer_login::before,
html body.page-id-8 #customer_login::after {
content: none !important;
display: none !important;
}
html body.woocommerce-account #customer_login .u-column1,
html body.woocommerce-account #customer_login .u-column2,
html body.woocommerce-account #customer_login .col-1,
html body.woocommerce-account #customer_login .col-2,
html body.page-id-8 #customer_login .u-column1,
html body.page-id-8 #customer_login .u-column2,
html body.page-id-8 #customer_login .col-1,
html body.page-id-8 #customer_login .col-2 {
float: none !important;
clear: none !important;
flex: 1 1 320px !important;
width: min(440px, 100%) !important;
max-width: 440px !important;
margin: 0 !important;
padding: 24px 24px 20px !important;
background: var(--lumi-surface) !important;
border: 1px solid var(--lumi-line) !important;
border-radius: var(--lumi-r-sm) !important;
box-shadow: var(--lumi-shadow) !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
display: flex !important;
flex-direction: column !important;
}
@media (min-width: 782px) {
html body.woocommerce-account #customer_login form.login,
html body.woocommerce-account #customer_login form.register,
html body.page-id-8 #customer_login form.login,
html body.page-id-8 #customer_login form.register {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
}
html body.woocommerce-account #customer_login form.login .form-row:has(.woocommerce-form-login__submit),
html body.woocommerce-account #customer_login form.register .form-row:has(.woocommerce-form-register__submit),
html body.page-id-8 #customer_login form.login .form-row:has(.woocommerce-form-login__submit),
html body.page-id-8 #customer_login form.register .form-row:has(.woocommerce-form-register__submit) {
margin-top: auto !important;
margin-bottom: 0 !important;
}
html body.woocommerce-account #customer_login .lost_password,
html body.page-id-8 #customer_login .lost_password {
margin-top: 12px !important;
margin-bottom: 0 !important;
min-height: 1.4em;
}
html body.woocommerce-account #customer_login form.register::after,
html body.page-id-8 #customer_login form.register::after {
content: "" !important;
display: block !important;
min-height: calc(1.4em + 12px) !important;
}
}
@media (max-width: 781px) {
html body.woocommerce-account #customer_login,
html body.page-id-8 #customer_login,
html body.woocommerce-account .u-columns.col2-set#customer_login,
html body.page-id-8 .u-columns.col2-set#customer_login {
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
html body.woocommerce-account #customer_login .u-column1,
html body.woocommerce-account #customer_login .u-column2,
html body.woocommerce-account #customer_login .col-1,
html body.woocommerce-account #customer_login .col-2,
html body.page-id-8 #customer_login .u-column1,
html body.page-id-8 #customer_login .u-column2,
html body.page-id-8 #customer_login .col-1,
html body.page-id-8 #customer_login .col-2 {
float: none !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 20px 16px 16px !important;
box-sizing: border-box !important;
}
html body.woocommerce-account #customer_login .u-column2,
html body.woocommerce-account #customer_login .col-2,
html body.page-id-8 #customer_login .u-column2,
html body.page-id-8 #customer_login .col-2 {
order: 1 !important;
}
html body.woocommerce-account #customer_login .u-column1,
html body.woocommerce-account #customer_login .col-1,
html body.page-id-8 #customer_login .u-column1,
html body.page-id-8 #customer_login .col-1 {
order: 2 !important;
}
html body.woocommerce-account #customer_login input.input-text,
html body.woocommerce-account #customer_login input[type="text"],
html body.woocommerce-account #customer_login input[type="email"],
html body.woocommerce-account #customer_login input[type="password"],
html body.woocommerce-account #customer_login .woocommerce-Input,
html body.woocommerce-account #customer_login .woocommerce-button,
html body.woocommerce-account #customer_login button[type="submit"],
html body.woocommerce-account #customer_login .woocommerce-form-login__submit,
html body.woocommerce-account #customer_login .woocommerce-form-register__submit,
html body.page-id-8 #customer_login input.input-text,
html body.page-id-8 #customer_login .woocommerce-button,
html body.page-id-8 #customer_login button[type="submit"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
}
body.woocommerce-account #customer_login h2 {
font-family: "Inter", sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
letter-spacing: -0.02em;
color: var(--lumi-ink) !important;
margin: 0 0 16px !important;
}
body.woocommerce-account #customer_login .lost_password a {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
color: var(--lumi-ink-2) !important;
text-underline-offset: 0.15em;
}
body.woocommerce-account #customer_login .woocommerce-form-login__submit,
body.woocommerce-account #customer_login .woocommerce-form-register__submit {
width: 100%;
margin-top: 8px !important;
}
html body.woocommerce-account #customer_login .woocommerce-form-login__submit,
html body.page-id-8 #customer_login .woocommerce-form-login__submit {
margin-top: 10px !important;
}
/* Woo paints form.login / form.register as a second bordered box inside
the column card (h2 sits outside it). One card only. */
html body.woocommerce-account #customer_login form.login,
html body.woocommerce-account #customer_login form.register,
html body.woocommerce-account #customer_login form.woocommerce-form-login,
html body.woocommerce-account #customer_login form.woocommerce-form-register,
html body.page-id-8 #customer_login form.login,
html body.page-id-8 #customer_login form.register,
html body.page-id-8 #customer_login form.woocommerce-form-login,
html body.page-id-8 #customer_login form.woocommerce-form-register {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html body.woocommerce-account #customer_login .form-row,
html body.page-id-8 #customer_login .form-row,
html body.woocommerce-account .lost_reset_password .form-row {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 4px !important;
margin: 0 0 14px !important;
padding: 0 !important;
}
html body.woocommerce-account #customer_login .form-row label,
html body.page-id-8 #customer_login .form-row label,
html body.woocommerce-account .lost_reset_password .form-row label {
display: block !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.3 !important;
}
html body.woocommerce-account #customer_login .form-row label .screen-reader-text,
html body.page-id-8 #customer_login .form-row label .screen-reader-text,
html body.woocommerce-account .lost_reset_password .form-row label .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
html body.woocommerce-account #customer_login .form-row br,
html body.page-id-8 #customer_login .form-row br,
html body.woocommerce-account .lost_reset_password .form-row br {
display: none !important;
}
html body.woocommerce-account #customer_login .password-input,
html body.page-id-8 #customer_login .password-input,
html body.woocommerce-account #customer_login .woocommerce-input-wrapper,
html body.page-id-8 #customer_login .woocommerce-input-wrapper {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* Turnstile paints a 300px widget. Side-by-side cards are often ~290px
inside. Scale down when the host is narrower; never upscale. */
html body.woocommerce-account #customer_login [id^="cf-turnstile"],
html body.woocommerce-account #customer_login .cf-turnstile,
html body.page-id-8 #customer_login [id^="cf-turnstile"],
html body.page-id-8 #customer_login .cf-turnstile,
html body.page-id-1126 .cf-turnstile,
html body.page-id-1126 [id^="cf-turnstile"],
html body.page-id-1485 .cf-turnstile,
html body.page-id-1485 [id^="cf-turnstile"] {
container-type: inline-size;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 12px !important;
overflow: hidden !important;
box-sizing: border-box !important;
height: 72px;
height: calc(72px * min(1, 100cqi / 300));
}
html body.woocommerce-account #customer_login [id^="cf-turnstile"] > div,
html body.woocommerce-account #customer_login .cf-turnstile > div,
html body.page-id-8 #customer_login [id^="cf-turnstile"] > div,
html body.page-id-8 #customer_login .cf-turnstile > div,
html body.page-id-1126 .cf-turnstile > div,
html body.page-id-1485 .cf-turnstile > div {
width: 300px !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
transform-origin: top left !important;
transform: scale(0.96);
transform: scale(min(1, calc(100cqi / 300)));
}
html body.woocommerce-account #customer_login .cf-turnstile iframe,
html body.woocommerce-account #customer_login [id^="cf-turnstile"] iframe,
html body.page-id-8 #customer_login .cf-turnstile iframe,
html body.page-id-8 #customer_login [id^="cf-turnstile"] iframe,
html body.page-id-1126 .cf-turnstile iframe,
html body.page-id-1126 [id^="cf-turnstile"] iframe,
html body.page-id-1485 .cf-turnstile iframe,
html body.page-id-1485 [id^="cf-turnstile"] iframe {
display: block !important;
width: 300px !important;
max-width: none !important;
box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce-LostPassword,
body.woocommerce-account .lost_password {
margin-top: 12px;
}
/* Spectra / UAGB wrap — live id uagb-block-fab2401e. Beat alignfull
(GeneratePress: margin-left:-40px; width:calc(100% + 80px)). */
html body.page-id-8 .uagb-is-root-container.alignfull,
html body.page-id-8 .wp-block-uagb-container,
html body.page-id-8 .uagb-block-fab2401e,
html body.page-id-8 .uagb-container-inner-blocks-wrap,
html body.page-id-8 .elementor-element-69a564d7 .alignfull,
html body.page-id-8 .elementor-element-7a42fdc .alignfull {
max-width: 100% !important;
width: 100% !important;
min-width: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
html body.page-id-8 .elementor-element-7a42fdc,
html body.page-id-8 .elementor-element-69a564d7,
html body.page-id-8 .elementor-element-5258b97e {
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
min-width: 0 !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
--margin-left: 0 !important;
--margin-right: 0 !important;
box-sizing: border-box !important;
}
html body.page-id-8 .elementor-element-7a42fdc {
display: flex !important;
justify-content: center !important;
align-items: stretch !important;
--justify-content: center !important;
padding-left: 16px !important;
padding-right: 16px !important;
--padding-left: 16px !important;
--padding-right: 16px !important;
overflow-x: hidden !important;
}
@media (max-width: 781px) {
html body.page-id-8 .elementor-element-7a42fdc,
html body.page-id-8 .elementor-element-69a564d7,
html body.page-id-8 .elementor-element-5258b97e,
html body.page-id-8 .uagb-block-fab2401e,
html body.page-id-8 .uagb-is-root-container.alignfull,
html body.page-id-8 .uagb-container-inner-blocks-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
--margin-top: 0 !important;
--margin-left: 0 !important;
--margin-right: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
html body.page-id-8 .elementor-element-7a42fdc {
padding-left: 0 !important;
padding-right: 0 !important;
--padding-left: 0 !important;
--padding-right: 0 !important;
}
html body.page-id-8 .elementor-element-69a564d7 > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
}
/* Woo reset on /my-account/lost-password/ */
body.woocommerce-account .lost_reset_password {
max-width: 480px;
margin: 8px auto 48px;
background: var(--lumi-surface);
border: 1px solid var(--lumi-line);
border-radius: var(--lumi-r-sm);
box-shadow: var(--lumi-shadow);
padding: 24px;
}
body.woocommerce-account .lost_reset_password > p:first-child {
font-family: "Inter", sans-serif;
font-size: 15px;
line-height: 1.55;
color: var(--lumi-ink-2);
margin-top: 0;
}
body.woocommerce-account .lost_reset_password .woocommerce-Button.button {
width: 100%;
}
/* ===========================================================================
5. Shared Woo fields + primary submits
=========================================================================== */
body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit,
body.woocommerce-account .lost_reset_password .woocommerce-Button.button,
body.woocommerce-account .lost_reset_password button[type="submit"],
body.woocommerce-account form.edit-account button[type="submit"],
body.woocommerce-account form.woocommerce-EditAccountForm button[type="submit"],
body.woocommerce-account form.woocommerce-address-form button[type="submit"],
body.woocommerce-account button[name="save_address"],
body.woocommerce-account button[name="save_account_details"] {
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green) !important;
background-color: var(--lumi-green) !important;
background-image: none !important;
border: 1px solid var(--lumi-green-border) !important;
border-radius: var(--lumi-r-btn) !important;
box-shadow: var(--lumi-shadow) !important;
text-decoration: none !important;
min-height: 48px !important;
padding: 12px 20px !important;
line-height: 1.25 !important;
}
body.woocommerce-account .woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce-form-register__submit:hover,
body.woocommerce-account .lost_reset_password .woocommerce-Button.button:hover,
body.woocommerce-account .lost_reset_password button[type="submit"]:hover,
body.woocommerce-account form.edit-account button[type="submit"]:hover,
body.woocommerce-account form.woocommerce-address-form button[type="submit"]:hover,
body.woocommerce-account button[name="save_address"]:hover,
body.woocommerce-account button[name="save_account_details"]:hover {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green-hover) !important;
background-color: var(--lumi-green-hover) !important;
border-color: var(--lumi-green-hover) !important;
}
body.woocommerce-account input.input-text:not([name^="new_quantity_"]),
body.woocommerce-account textarea,
body.woocommerce-account select,
body.woocommerce-account .woocommerce-Input,
body.woocommerce-account .woocommerce-form-row input[type="text"],
body.woocommerce-account .woocommerce-form-row input[type="email"],
body.woocommerce-account .woocommerce-form-row input[type="password"],
body.woocommerce-account .woocommerce-form-row input[type="tel"] {
min-height: 48px !important;
border: 1px solid var(--lumi-line-strong) !important;
border-radius: var(--lumi-r-sm) !important;
background: var(--lumi-surface) !important;
color: var(--lumi-ink) !important;
box-shadow: none !important;
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
padding: 12px 14px !important;
box-sizing: border-box !important;
}
body.woocommerce-account input.input-text:focus,
body.woocommerce-account textarea:focus,
body.woocommerce-account select:focus,
body.woocommerce-account .woocommerce-Input:focus {
border-color: var(--lumi-green) !important;
box-shadow: 0 0 0 4px var(--lumi-ring) !important;
outline: none !important;
}
body.woocommerce-account .woocommerce-form-row label,
body.woocommerce-account .edit-account label,
body.woocommerce-account .woocommerce-address-fields label {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
margin-bottom: 6px !important;
}
/* ===========================================================================
6. Logged-in destination pages — strip chrome, keep the job
=========================================================================== */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
max-width: 960px;
margin: 0 auto 48px;
color: var(--lumi-ink-2);
font-family: "Inter", sans-serif;
font-size: 16px;
line-height: 1.6;
}
html body.woocommerce-account:has(table.my_account_subscriptions) .elementor-element-7a42fdc,
html body.woocommerce-account.woocommerce-subscriptions .elementor-element-7a42fdc,
html body.woocommerce-account.woocommerce-orders .elementor-element-7a42fdc,
html body.woocommerce-account.woocommerce-edit-address .elementor-element-7a42fdc,
html body.woocommerce-account.woocommerce-edit-account .elementor-element-7a42fdc,
html body.woocommerce-account.woocommerce-view-order .elementor-element-7a42fdc,
html body.woocommerce-account.woocommerce-view-subscription .elementor-element-7a42fdc {
justify-content: center !important;
align-items: center !important;
--justify-content: center !important;
--align-items: center !important;
}
/* Wave leftover: 5258b97e / 7a42fdc sat in the right-hand slot. Centre
the inner account column on the viewport. */
html body.page-id-8.woocommerce-view-subscription .elementor-element-5258b97e,
html body.page-id-8.woocommerce-subscriptions .elementor-element-5258b97e,
html body.page-id-8.woocommerce-orders .elementor-element-5258b97e,
html body.page-id-8.woocommerce-edit-address .elementor-element-5258b97e,
html body.page-id-8.woocommerce-edit-account .elementor-element-5258b97e,
html body.page-id-8.woocommerce-view-order .elementor-element-5258b97e,
html body.page-id-8.woocommerce-view-subscription .elementor-element-5258b97e > .e-con-inner,
html body.page-id-8.woocommerce-subscriptions .elementor-element-5258b97e > .e-con-inner,
html body.page-id-8.woocommerce-orders .elementor-element-5258b97e > .e-con-inner,
html body.page-id-8.woocommerce-edit-address .elementor-element-5258b97e > .e-con-inner,
html body.page-id-8.woocommerce-edit-account .elementor-element-5258b97e > .e-con-inner,
html body.page-id-8.woocommerce-view-order .elementor-element-5258b97e > .e-con-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
--width: 100% !important;
--justify-content: center !important;
--align-items: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
html body.page-id-8.woocommerce-view-subscription .elementor-element-7a42fdc,
html body.page-id-8.woocommerce-view-subscription .elementor-element-69a564d7,
html body.page-id-8.woocommerce-view-subscription .elementor-element-69a564d7 > .elementor-widget-container,
html body.page-id-8.woocommerce-view-subscription .uagb-block-fab2401e,
html body.page-id-8.woocommerce-view-subscription .uagb-container-inner-blocks-wrap,
html body.page-id-8.woocommerce-view-subscription .woocommerce,
html body.page-id-8.woocommerce-subscriptions .elementor-element-7a42fdc,
html body.page-id-8.woocommerce-subscriptions .elementor-element-69a564d7,
html body.page-id-8.woocommerce-orders .elementor-element-7a42fdc,
html body.page-id-8.woocommerce-orders .elementor-element-69a564d7,
html body.page-id-8.woocommerce-edit-address .elementor-element-7a42fdc,
html body.page-id-8.woocommerce-edit-account .elementor-element-7a42fdc,
html body.page-id-8.woocommerce-view-order .elementor-element-7a42fdc {
width: 100% !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
align-self: center !important;
--width: 100% !important;
--margin-left: auto !important;
--margin-right: auto !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:has(table.my_account_subscriptions) .woocommerce,
html body.woocommerce-account.woocommerce-subscriptions .woocommerce,
html body.woocommerce-account.woocommerce-orders .woocommerce,
html body.woocommerce-account.woocommerce-subscriptions .woocommerce-MyAccount-content,
html body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content,
html body.woocommerce-account.woocommerce-subscriptions .uagb-block-fab2401e,
html body.woocommerce-account.woocommerce-orders .uagb-block-fab2401e {
width: 100% !important;
max-width: 960px !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
box-sizing: border-box !important;
}
html body.woocommerce-account table.my_account_subscriptions,
html body.woocommerce-account table.my_account_orders,
html body.woocommerce-account .woocommerce-orders-table {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
/* Toolbox bulk buttons are display:none in custom-style but still left a
~130px hole (the old negative-margin hack). Collapse them for real. */
html body.woocommerce-account .woocommerce_account_subscriptions,
html body.woocommerce-account form[name="jgtb_my_subscriptions_form"] {
margin-top: 0 !important;
padding-top: 0 !important;
min-height: 0 !important;
}
html body.woocommerce-account form[name="jgtb_my_subscriptions_form"] > button,
html body.woocommerce-account .woocommerce_account_subscriptions > form > button[type="submit"] {
display: none !important;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
position: absolute !important;
left: -9999px !important;
}
html body.woocommerce-account .lumi-account-back + .woocommerce_account_subscriptions {
margin-top: 12px !important;
}
html body.woocommerce-account td.subscription-id,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
}
html body.woocommerce-account td.subscription-id > br,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id > br {
display: none !important;
}
html body.woocommerce-account td.subscription-id > a,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id > a,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id a:not(.button) {
order: 1 !important;
display: inline !important;
flex: 0 0 auto !important;
max-width: none !important;
width: max-content !important;
margin: 0 !important;
text-align: left !important;
font-weight: 600 !important;
white-space: nowrap !important;
}
html body.woocommerce-account td.subscription-id > input[type="checkbox"],
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id > input[type="checkbox"] {
order: 2 !important;
display: inline-block !important;
position: static !important;
float: none !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
flex: 0 0 auto !important;
}
html body.woocommerce-account td.subscription-id ul,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id ul {
order: 3 !important;
flex: 0 0 100% !important;
width: 100% !important;
}
html body.woocommerce-account td.subscription-id ul li,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id ul li {
display: flex !important;
flex-wrap: nowrap !important;
align-items: baseline !important;
justify-content: flex-start !important;
gap: 4px !important;
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
color: var(--lumi-ink) !important;
}
html body.woocommerce-account td.subscription-id ul li a,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id ul li a {
font: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
}
html body.woocommerce-account td.subscription-id .product-quantity,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id .product-quantity {
position: static !important;
bottom: auto !important;
left: auto !important;
display: inline !important;
font: inherit !important;
color: inherit !important;
vertical-align: baseline !important;
}
html body.woocommerce-account td.subscription-id input[type="number"]::-webkit-outer-spin-button,
html body.woocommerce-account td.subscription-id input[type="number"]::-webkit-inner-spin-button,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id input[type="number"]::-webkit-outer-spin-button,
html body.woocommerce-account .woocommerce-orders-table tbody td.subscription-id input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info {
color: var(--lumi-ink-2);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a {
color: var(--lumi-ink);
text-underline-offset: 0.15em;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover {
color: var(--lumi-ink-2);
}
/* Live logout href is wp-login.php?action=logout, not customer-logout. */
html body.woocommerce-account:not(.woocommerce-dashboard):not(.woocommerce-edit-account) .woocommerce-MyAccount-content > p:has(a[href*="customer-logout"]),
html body.woocommerce-account:not(.woocommerce-dashboard):not(.woocommerce-edit-account) .woocommerce-MyAccount-content > p:has(a[href*="action=logout"]) {
display: none !important;
}
html body.woocommerce-dashboard .woocommerce,
html body.woocommerce-edit-account .woocommerce {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
html body.woocommerce-dashboard .woocommerce-MyAccount-content,
html body.woocommerce-edit-account .woocommerce-MyAccount-content {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
flex: 1 1 auto !important;
}
html body.woocommerce-dashboard .woocommerce-MyAccount-content {
margin-bottom: 0 !important;
}
html body.woocommerce-dashboard .woocommerce-MyAccount-content > p:has(a[href*="customer-logout"]),
html body.woocommerce-dashboard .woocommerce-MyAccount-content > p:has(a[href*="action=logout"]),
html body.woocommerce-edit-account .woocommerce-MyAccount-content > p:has(a[href*="customer-logout"]),
html body.woocommerce-edit-account .woocommerce-MyAccount-content > p:has(a[href*="action=logout"]) {
order: 99 !important;
margin-top: auto !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: auto !important;
align-self: flex-end !important;
width: max-content !important;
text-align: right !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--lumi-muted) !important;
}
html body.woocommerce-edit-account .woocommerce-MyAccount-content > p:has(a[href*="customer-logout"]),
html body.woocommerce-edit-account .woocommerce-MyAccount-content > p:has(a[href*="action=logout"]) {
margin-top: 40px !important;
}
html body.woocommerce-dashboard .woocommerce-MyAccount-content > p:has(a[href*="customer-logout"]) a,
html body.woocommerce-dashboard .woocommerce-MyAccount-content > p:has(a[href*="action=logout"]) a,
html body.woocommerce-edit-account .woocommerce-MyAccount-content > p:has(a[href*="customer-logout"]) a,
html body.woocommerce-edit-account .woocommerce-MyAccount-content > p:has(a[href*="action=logout"]) a {
font-weight: 500 !important;
color: var(--lumi-ink) !important;
text-decoration: underline !important;
text-underline-offset: 0.15em !important;
}
/* Woo dashboard.php second paragraph — same links as the icon cards.
Not an Elementor widget; cannot delete it in Elementor. */
html body.woocommerce-dashboard .woocommerce-MyAccount-content > p:has(a[href*="edit-account"]),
html body.woocommerce-dashboard .woocommerce-MyAccount-content > p:empty {
display: none !important;
}
/* Downloads leftovers (endpoint is mis-mapped until hide-downloads lands). */
body.woocommerce-account .woocommerce-MyAccount-downloads,
body.woocommerce-account .woocommerce-downloads,
body.woocommerce-account table.woocommerce-table--order-downloads,
body.woocommerce-account .digital-downloads {
display: none !important;
}
/* Payment methods leftovers — page is empty; do not invent Add. */
body.woocommerce-payment-methods .woocommerce-PaymentMethods,
body.woocommerce-payment-methods .woocommerce-MyAccount-paymentMethods,
body.woocommerce-payment-methods .woocommerce-Button--add-payment-method,
body.woocommerce-account .woocommerce-PaymentMethod--add {
display: none !important;
}
/* Account details: first + last name, email, password. No display-name row.
WCS billing-contact checkbox is name/email for renewals — hidden; PHP
still syncs on save. */
body.woocommerce-edit-account #account_display_name_field,
body.woocommerce-edit-account p.woocommerce-form-row:has(#account_display_name),
body.woocommerce-edit-account #account_display_name_description,
html body.woocommerce-edit-account #update_all_subscriptions_billing_contact_field,
html body.woocommerce-edit-account p.form-row:has(#update_all_subscriptions_billing_contact),
html body.woocommerce-edit-address #update_all_subscriptions_addresses_field,
html body.woocommerce-edit-address p.form-row:has(#update_all_subscriptions_addresses) {
display: none !important;
}
html body.page-id-8.woocommerce-edit-account .elementor-element-5258b97e,
html body.page-id-8.woocommerce-edit-account .elementor-element-7a42fdc,
html body.page-id-8.woocommerce-edit-account .elementor-element-69a564d7 {
padding-top: 0 !important;
padding-bottom: 0 !important;
--padding-top: 0px !important;
--padding-bottom: 0px !important;
}
html body.woocommerce-edit-account .lumi-account-page-title,
html body.woocommerce-account form.woocommerce-EditAccountForm .lumi-account-page-title {
margin: 0 0 12px !important;
font-family: "Inter", sans-serif !important;
font-size: 20px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--lumi-ink) !important;
}
html body.woocommerce-edit-account .lumi-account-back {
margin: 0 0 12px !important;
}
body.woocommerce-account form.edit-account,
body.woocommerce-account form.woocommerce-EditAccountForm,
body.woocommerce-account form.woocommerce-address-form {
width: 100% !important;
max-width: 560px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Checkout-matching field cards: label inside the 48px box, value below. */
html body.woocommerce-edit-account form.woocommerce-EditAccountForm {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
column-gap: 10px !important;
row-gap: 10px !important;
overflow: visible !important;
}
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:has(#account_email) {
order: 1;
flex: 0 0 100% !important;
width: 100% !important;
}
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:has(#account_first_name) {
order: 2;
flex: 0 0 calc(50% - 5px) !important;
width: calc(50% - 5px) !important;
}
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:has(#account_last_name) {
order: 3;
flex: 0 0 calc(50% - 5px) !important;
width: calc(50% - 5px) !important;
}
html body.woocommerce-edit-account #lumi-account-delivery {
order: 4;
flex: 0 0 100% !important;
width: 100% !important;
display: flex !important;
flex-wrap: wrap !important;
column-gap: 10px !important;
row-gap: 10px !important;
}
html body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset {
order: 5;
flex: 0 0 100% !important;
width: 100% !important;
display: flex !important;
flex-wrap: wrap !important;
column-gap: 10px !important;
row-gap: 10px !important;
border: 0 !important;
padding: 0 !important;
margin: 8px 0 0 !important;
background: none !important;
}
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:has(button[name="save_account_details"]) {
order: 6;
flex: 0 0 100% !important;
width: 100% !important;
margin: 4px 0 0 !important;
}
html body.woocommerce-edit-account #lumi-account-delivery .form-row,
html body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset .form-row {
flex: 0 0 100% !important;
width: 100% !important;
}
html body.woocommerce-edit-account #lumi-account-delivery #shipping_city_field,
html body.woocommerce-edit-account #lumi-account-delivery #shipping_postcode_field {
flex: 0 0 calc(50% - 5px) !important;
width: calc(50% - 5px) !important;
}
html body.woocommerce-edit-account #lumi-account-delivery #shipping_state_field,
html body.woocommerce-edit-account #lumi-account-delivery #shipping_company_field,
html body.woocommerce-edit-account #lumi-account-delivery #shipping_phone_field {
display: none !important;
}
html body.woocommerce-edit-account .woocommerce-form-row,
html body.woocommerce-account form.woocommerce-EditAccountForm .woocommerce-form-row,
html body.woocommerce-edit-account form.woocommerce-EditAccountForm p.form-row,
html body.woocommerce-edit-account #lumi-account-delivery .form-row {
position: relative !important;
display: block !important;
float: none !important;
clear: none !important;
max-width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.woocommerce-edit-account .woocommerce form .form-row label,
html body.woocommerce-edit-account .woocommerce-form-row label,
html body.woocommerce-edit-account form.woocommerce-EditAccountForm label,
html body.woocommerce-edit-account .edit-account label,
html body.woocommerce-edit-account .edit-account fieldset p label,
html body.woocommerce-edit-account #lumi-account-delivery label {
position: absolute !important;
top: 6px !important;
left: 12px !important;
right: auto !important;
z-index: 2 !important;
display: block !important;
float: none !important;
width: auto !important;
max-width: calc(100% - 24px) !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 9px !important;
font-weight: 400 !important;
line-height: 12px !important;
color: #344054 !important;
opacity: 1 !important;
pointer-events: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
html body.woocommerce-edit-account .woocommerce-form-row .woocommerce-input-wrapper,
html body.woocommerce-edit-account #lumi-account-delivery .woocommerce-input-wrapper {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
position: relative !important;
}
html body.woocommerce-edit-account .woocommerce-form-row input.input-text,
html body.woocommerce-edit-account .woocommerce-form-row input[type="text"],
html body.woocommerce-edit-account .woocommerce-form-row input[type="email"],
html body.woocommerce-edit-account .woocommerce-form-row input[type="tel"],
html body.woocommerce-edit-account .woocommerce-form-row input[type="password"],
html body.woocommerce-edit-account #lumi-account-delivery input.input-text,
html body.woocommerce-edit-account #lumi-account-delivery input[type="text"],
html body.woocommerce-edit-account #lumi-account-delivery input[type="tel"],
html body.woocommerce-edit-account #lumi-account-delivery select,
html body.woocommerce-edit-account #shipping_country {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
min-height: 48px !important;
height: 48px !important;
padding: 18px 12px 6px 12px !important;
border: 1px solid var(--lumi-line-strong) !important;
border-radius: var(--lumi-r-sm) !important;
background: #ffffff !important;
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--lumi-ink) !important;
box-shadow: none !important;
}
html body.woocommerce-edit-account .woocommerce-form-row input:focus,
html body.woocommerce-edit-account #lumi-account-delivery input:focus,
html body.woocommerce-edit-account #lumi-account-delivery select:focus {
border-color: var(--lumi-green) !important;
box-shadow: 0 0 0 4px var(--lumi-ring) !important;
outline: none !important;
}
html body.woocommerce-edit-account .woocommerce-form-row input::placeholder,
html body.woocommerce-edit-account #lumi-account-delivery input::placeholder {
color: #98A2B3 !important;
opacity: 1 !important;
font-weight: 400 !important;
}
html body.woocommerce-edit-account #shipping_country_field strong {
display: block !important;
box-sizing: border-box !important;
min-height: 48px !important;
padding: 18px 12px 6px 12px !important;
border: 1px solid var(--lumi-line-strong) !important;
border-radius: var(--lumi-r-sm) !important;
background: #ffffff !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--lumi-ink) !important;
}
html body.woocommerce-edit-account #lumi-account-delivery .select2-container {
width: 100% !important;
z-index: 20 !important;
}
html body.woocommerce-edit-account #lumi-account-delivery .select2-container--default .select2-selection--single {
min-height: 48px !important;
height: 48px !important;
border: 1px solid var(--lumi-line-strong) !important;
border-radius: var(--lumi-r-sm) !important;
background: #ffffff !important;
display: flex !important;
align-items: flex-end !important;
}
html body.woocommerce-edit-account #lumi-account-delivery .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 22px !important;
padding: 0 28px 6px 12px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
}
html body.woocommerce-edit-account #lumi-account-delivery .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
top: 0 !important;
}
html body.woocommerce-edit-account .edit-account fieldset legend,
html body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset legend {
position: static !important;
float: none !important;
width: 100% !important;
flex: 0 0 100% !important;
font-family: "Inter", sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--lumi-muted) !important;
margin: 0 !important;
padding: 0 !important;
}
html body.woocommerce-edit-account .woocommerce-form-row em,
html body.woocommerce-edit-account .woocommerce-password-strength,
html body.woocommerce-edit-account small {
font-family: "Inter", sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
color: var(--lumi-muted) !important;
}
html body.woocommerce-edit-account.logged-in .woocommerce-MyAccount-content {
margin-bottom: 16px !important;
}
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > .clear,
html body.woocommerce-edit-account form.woocommerce-EditAccountForm p.clear,
html body.woocommerce-edit-account form.woocommerce-EditAccountForm br,
html body.woocommerce-edit-account .woocommerce-form-row br {
display: none !important;
margin: 0 !important;
height: 0 !important;
}
html body.woocommerce-edit-account button[name="save_account_details"] {
width: 100% !important;
margin-top: 0 !important;
min-height: 48px !important;
padding: 12px 16px !important;
}
@media screen and (max-width: 781px) {
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:has(#account_first_name),
html body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:has(#account_last_name),
html body.woocommerce-edit-account #lumi-account-delivery #shipping_city_field,
html body.woocommerce-edit-account #lumi-account-delivery #shipping_postcode_field {
flex: 0 0 100% !important;
width: 100% !important;
}
}
/* ===========================================================================
7. Address — shipping only. PHP filter removes Billing; this is the belt.
=========================================================================== */
body.woocommerce-account .woocommerce-Addresses {
display: block !important;
max-width: 560px;
}
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
float: none !important;
width: 100% !important;
max-width: 560px;
background: var(--lumi-surface);
border: 1px solid var(--lumi-line);
border-radius: var(--lumi-r-sm);
box-shadow: var(--lumi-shadow);
padding: 20px 22px;
box-sizing: border-box;
}
body.woocommerce-account .woocommerce-Address:has(a[href*="edit-address/billing"]),
body.woocommerce-account .woocommerce-Address:has(a[href*="edit-address/billing/"]) {
display: none !important;
}
body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Address-title h2 {
font-family: "Inter", sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
}
body.woocommerce-account .woocommerce-Address-title a,
body.woocommerce-account .woocommerce-Address-title .edit {
font-family: "Inter", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--lumi-ink) !important;
}
html body.woocommerce-edit-address .woocommerce-MyAccount-content > p:not(.lumi-account-back):not(.woocommerce-message):not(.woocommerce-info):not(.woocommerce-error) {
display: none !important;
}
html body.woocommerce-edit-address .woocommerce-Addresses,
html body.woocommerce-edit-address .woocommerce-Address {
max-width: 480px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Empty card: Woo formatted address uses
. No
= not set up yet. */
html body.woocommerce-account .woocommerce-Address:not(:has(address br)) {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 28px 24px !important;
margin-bottom: 48px !important;
}
html body.woocommerce-account .woocommerce-Address:not(:has(address br)) .woocommerce-Address-title {
display: contents;
}
html body.woocommerce-account .woocommerce-Address:not(:has(address br)) h2 {
order: 1;
margin: 0 !important;
font-size: 20px !important;
line-height: 1.2 !important;
text-align: center !important;
}
html body.woocommerce-account .woocommerce-Address:not(:has(address br)) address {
order: 2;
margin: 0 !important;
font-style: normal !important;
font-size: 15px !important;
line-height: 1.45 !important;
color: var(--lumi-muted) !important;
text-align: center !important;
}
html body.woocommerce-account .woocommerce-Address:not(:has(address br)) a.edit {
order: 3;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 4px 0 0 !important;
padding: 12px 20px !important;
min-height: 48px !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
text-align: center !important;
text-decoration: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: var(--lumi-green) !important;
background-color: var(--lumi-green) !important;
border: 1px solid var(--lumi-green-border) !important;
border-radius: var(--lumi-r-btn) !important;
box-shadow: var(--lumi-shadow) !important;
}
/* Filled card: address first, Edit link under it. Woo floats .edit right
of the title; the link text already says Edit Shipping address. */
html body.woocommerce-account .woocommerce-Address:has(address br) {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
html body.woocommerce-account .woocommerce-Address:has(address br) .woocommerce-Address-title {
display: contents;
}
html body.woocommerce-account .woocommerce-Address:has(address br) .woocommerce-Address-title h2,
html body.woocommerce-account .woocommerce-Address:has(address br) .woocommerce-Address-title h3 {
display: none !important;
}
html body.woocommerce-account .woocommerce-Address:has(address br) address {
order: 1;
margin: 0 !important;
font-style: normal !important;
}
html body.woocommerce-account .woocommerce-Address:has(address br) .woocommerce-Address-title p {
order: 2;
margin: 0 !important;
float: none !important;
}
html body.woocommerce-account .woocommerce-Address:has(address br) a.edit {
order: 2;
float: none !important;
display: inline !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
text-align: left !important;
text-decoration: underline !important;
text-underline-offset: 0.15em !important;
color: var(--lumi-ink) !important;
-webkit-text-fill-color: var(--lumi-ink) !important;
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.woocommerce-edit-address form.woocommerce-address-form:has(#billing_first_name),
body.woocommerce-edit-address form.woocommerce-address-form:has(#billing_address_1) {
display: none !important;
}
/* Shipping form (/edit-address/shipping/) — same compact pass as Account details.
Woo template is a bare