/* Low Carb Avenue - My Account UI
* Version 1.3.0
*/
body.lca-account-ui-enabled {
--lca-cream: #fffaf3;
--lca-card: #fffdf8;
--lca-green: #173f35;
--lca-green-2: #24574a;
--lca-orange: #f1662d;
--lca-text: #243c35;
--lca-muted: #6e7b76;
--lca-border: #e8ddcf;
--lca-white: #ffffff;
background: var(--lca-cream);
color: var(--lca-text);
}
body.lca-account-ui-enabled .site-main,
body.lca-account-ui-enabled main {
background: var(--lca-cream);
}
body.lca-account-ui-enabled .woocommerce {
width: 100%;
max-width: none;
margin: 0 auto;
padding: 18px clamp(20px, 4vw, 72px) 64px;
box-sizing: border-box;
font-family: "Montserrat", Arial, sans-serif;
color: var(--lca-text);
}
/* The account has its own greeting, so the theme's large page title is not needed. */
body.lca-account-ui-enabled .entry-header,
body.lca-account-ui-enabled .entry-title,
body.lca-account-ui-enabled .page-title,
body.lca-account-ui-enabled .woocommerce > h1 {
display: none !important;
}
/* Remove theme/endpoint title bands so the greeting starts near the top. */
body.lca-account-ui-enabled .page-header,
body.lca-account-ui-enabled .page-header-inner,
body.lca-account-ui-enabled .page-title-wrap,
body.lca-account-ui-enabled .page-title-bar,
body.lca-account-ui-enabled .page-header-title,
body.lca-account-ui-enabled .woocommerce-products-header,
body.lca-account-ui-enabled .woocommerce-account-title {
display: none !important;
}
body.lca-account-ui-enabled #primary,
body.lca-account-ui-enabled .content-area,
body.lca-account-ui-enabled .site-content,
body.lca-account-ui-enabled .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Simple brand greeting; no card, shadow, gradient, or decorative container. */
body.lca-account-ui-enabled .lca-account-greeting {
width: 100%;
margin: 0 auto 18px;
text-align: center;
}
body.lca-account-ui-enabled .lca-account-greeting h1 {
margin: 0;
color: var(--lca-green);
font-family: "Lora", Georgia, serif;
font-size: clamp(32px, 3.2vw, 44px);
font-weight: 700;
letter-spacing: -0.02em;
}
/* Horizontal account tabs. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
margin: 0 auto 24px;
padding: 0;
background: transparent;
border: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 8px 26px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
margin: 0;
padding: 0 0 14px;
border-bottom: 1px solid var(--lca-border);
list-style: none;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
margin: 0;
padding: 0;
list-style: none;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 2px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--lca-text);
font-size: 14px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: color 0.15s ease;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
content: "";
position: absolute;
right: 0;
bottom: -15px;
left: 0;
height: 2px;
background: transparent;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a:hover {
color: var(--lca-orange);
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a {
color: var(--lca-green);
font-weight: 700;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a::after {
background: var(--lca-orange);
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--customer-logout > a {
color: var(--lca-muted);
}
/* Main endpoint content stays centered on the page without a sidebar shell. */
body.lca-account-ui-enabled .woocommerce-MyAccount-content {
float: none;
width: 100%;
max-width: none;
margin: 0 auto;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--lca-text);
font-size: 15px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-content > :first-child {
margin-top: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-content h2,
body.lca-account-ui-enabled .woocommerce-MyAccount-content h3,
body.lca-account-ui-enabled .woocommerce-MyAccount-content h4 {
color: var(--lca-green);
font-family: "Lora", Georgia, serif;
font-weight: 700;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-content h2,
body.lca-account-ui-enabled .woocommerce-MyAccount-content h3 {
text-align: center;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
color: var(--lca-green-2);
text-underline-offset: 3px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
color: var(--lca-orange);
}
/* Calm table styling used equally for all account endpoints. */
body.lca-account-ui-enabled .woocommerce table.shop_table,
body.lca-account-ui-enabled .woocommerce table.my_account_orders {
width: 100%;
margin: 20px auto 0;
border: 1px solid var(--lca-border);
border-radius: 12px;
border-collapse: separate;
border-spacing: 0;
background: var(--lca-card);
overflow: hidden;
}
body.lca-account-ui-enabled .woocommerce table.shop_table th,
body.lca-account-ui-enabled .woocommerce table.shop_table td,
body.lca-account-ui-enabled .woocommerce table.my_account_orders th,
body.lca-account-ui-enabled .woocommerce table.my_account_orders td {
padding: 14px;
border: 0;
border-bottom: 1px solid var(--lca-border);
text-align: center;
vertical-align: middle;
}
body.lca-account-ui-enabled .woocommerce table.shop_table thead th,
body.lca-account-ui-enabled .woocommerce table.my_account_orders thead th {
background: #fbf4ea;
color: var(--lca-green);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.03em;
}
body.lca-account-ui-enabled .woocommerce table.shop_table tr:last-child td,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tr:last-child td {
border-bottom: 0;
}
/* Buttons follow the existing forest-green/orange theme system. */
body.lca-account-ui-enabled .woocommerce .button,
body.lca-account-ui-enabled .woocommerce button.button,
body.lca-account-ui-enabled .woocommerce input.button,
body.lca-account-ui-enabled .woocommerce a.button,
body.lca-account-ui-enabled .woocommerce a.woocommerce-button {
padding: 11px 18px;
border: 1px solid var(--lca-green);
border-radius: 6px;
background: var(--lca-green);
color: var(--lca-white);
font-family: "Montserrat", Arial, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
box-shadow: none;
}
body.lca-account-ui-enabled .woocommerce .button:hover,
body.lca-account-ui-enabled .woocommerce button.button:hover,
body.lca-account-ui-enabled .woocommerce input.button:hover,
body.lca-account-ui-enabled .woocommerce a.button:hover,
body.lca-account-ui-enabled .woocommerce a.woocommerce-button:hover {
border-color: var(--lca-orange);
background: var(--lca-orange);
color: var(--lca-white);
}
/* Forms stay straightforward and readable for older customers. */
body.lca-account-ui-enabled .woocommerce form {
max-width: 760px;
margin-right: auto;
margin-left: auto;
}
body.lca-account-ui-enabled .woocommerce form .form-row label,
body.lca-account-ui-enabled .woocommerce form label {
color: var(--lca-text);
font-size: 13px;
font-weight: 600;
}
body.lca-account-ui-enabled .woocommerce input.input-text,
body.lca-account-ui-enabled .woocommerce input[type="text"],
body.lca-account-ui-enabled .woocommerce input[type="email"],
body.lca-account-ui-enabled .woocommerce input[type="tel"],
body.lca-account-ui-enabled .woocommerce input[type="password"],
body.lca-account-ui-enabled .woocommerce select,
body.lca-account-ui-enabled .woocommerce textarea {
padding: 10px 12px;
border: 1px solid var(--lca-border);
border-radius: 6px;
background: var(--lca-white);
color: var(--lca-text);
font-family: "Montserrat", Arial, sans-serif;
font-size: 15px;
box-shadow: none;
}
body.lca-account-ui-enabled .woocommerce textarea {
}
body.lca-account-ui-enabled .woocommerce input:focus,
body.lca-account-ui-enabled .woocommerce select:focus,
body.lca-account-ui-enabled .woocommerce textarea:focus,
body.lca-account-ui-enabled .woocommerce a:focus-visible,
body.lca-account-ui-enabled .woocommerce button:focus-visible {
outline: 2px solid var(--lca-orange);
outline-offset: 2px;
}
body.lca-account-ui-enabled .woocommerce-message,
body.lca-account-ui-enabled .woocommerce-info,
body.lca-account-ui-enabled .woocommerce-error {
max-width: 900px;
margin-right: auto;
margin-left: auto;
border-top-color: var(--lca-orange);
background: var(--lca-card);
color: var(--lca-text);
}
body.lca-account-ui-enabled .woocommerce-info::before,
body.lca-account-ui-enabled .woocommerce-message::before {
color: var(--lca-orange);
}
@media (max-width: 860px) {
body.lca-account-ui-enabled .woocommerce {
width: 100%;
max-width: none;
padding: 16px 20px 64px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
gap: 4px 18px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
font-size: 13px;
}
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .lca-account-greeting {
margin-bottom: 16px;
}
body.lca-account-ui-enabled .lca-account-greeting h1 {
font-size: 28px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
margin-bottom: 22px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
justify-content: flex-start;
flex-wrap: nowrap;
gap: 22px;
overflow-x: auto;
padding-bottom: 14px;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
flex: 0 0 auto;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
white-space: nowrap;
}
body.lca-account-ui-enabled .woocommerce table.shop_table,
body.lca-account-ui-enabled .woocommerce table.my_account_orders {
border-radius: 8px;
}
body.lca-account-ui-enabled .woocommerce table.shop_table th,
body.lca-account-ui-enabled .woocommerce table.shop_table td,
body.lca-account-ui-enabled .woocommerce table.my_account_orders th,
body.lca-account-ui-enabled .woocommerce table.my_account_orders td {
text-align: left;
}
}
/* v1.0.3: account page title can be rendered outside WooCommerce by themes/builders. */
body.lca-account-ui-enabled .wp-block-post-title,
body.lca-account-ui-enabled h1.entry-title,
body.lca-account-ui-enabled header.entry-header,
body.lca-account-ui-enabled .page-heading,
body.lca-account-ui-enabled .page-heading-title,
body.lca-account-ui-enabled .page-title-section,
body.lca-account-ui-enabled .title-area,
body.lca-account-ui-enabled .titlebar,
body.lca-account-ui-enabled .title-bar {
display: none !important;
}
/* v1.0.4: vertically center the complete account experience in the visible page area. */
body.lca-account-ui-enabled .woocommerce {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
padding-top: 32px;
padding-bottom: 32px;
}
/* Keep the account group centered as one unit while preserving full-width endpoint content. */
body.lca-account-ui-enabled .lca-account-greeting,
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation,
body.lca-account-ui-enabled .woocommerce-MyAccount-content {
flex: 0 0 auto;
}
@media (max-width: 860px) {
body.lca-account-ui-enabled .woocommerce {
padding-top: 28px;
padding-bottom: 28px;
}
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce {
display: block;
padding-top: 28px;
padding-bottom: 40px;
}
}
/* v1.1.0: refinement pass focused on clarity, scanability, and older customers. */
/* Greeting stays simple and clearly separate from the navigation. */
body.lca-account-ui-enabled .lca-account-greeting {
margin-bottom: 22px;
}
body.lca-account-ui-enabled .lca-account-greeting p {
max-width: 620px;
margin: 8px auto 0;
color: var(--lca-muted);
font-size: 14px;
font-weight: 500;
}
/* Navigation gets quiet line icons and a clearer active state without pills/cards. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
gap: 7px;
padding-top: 11px;
padding-bottom: 11px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::before {
content: "";
width: 17px;
height: 17px;
flex: 0 0 17px;
background-color: currentColor;
opacity: 0.82;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--orders > a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--subscriptions > a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-6V1'/%3E%3Cpath d='M20 7a8 8 0 1 0 1.4 7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-6V1'/%3E%3Cpath d='M20 7a8 8 0 1 0 1.4 7'/%3E%3C/svg%3E");
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--edit-address > a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--payment-methods > a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h4'/%3E%3C/svg%3E");
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--edit-account > a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--customer-logout > a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M14 4h5a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M14 4h5a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-5'/%3E%3C/svg%3E");
}
/* Tables: easier visual scanning while staying close to native WooCommerce. */
body.lca-account-ui-enabled .woocommerce table.shop_table,
body.lca-account-ui-enabled .woocommerce table.my_account_orders,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions {
margin-top: 14px;
border-radius: 10px;
}
body.lca-account-ui-enabled .woocommerce table.shop_table thead th,
body.lca-account-ui-enabled .woocommerce table.my_account_orders thead th,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th {
padding-top: 13px;
padding-bottom: 13px;
background: #fcf6ed;
font-size: 11px;
letter-spacing: 0.055em;
text-transform: uppercase;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-number a {
color: var(--lca-green);
font-weight: 700;
text-decoration-thickness: 1px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions .order-total {
color: var(--lca-green);
font-weight: 600;
}
body.lca-account-ui-enabled .lca-order-status {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
border: 1px solid var(--lca-border);
border-radius: 999px;
background: #f7f2ea;
color: var(--lca-text);
font-size: 11px;
font-weight: 700;
white-space: nowrap;
}
body.lca-account-ui-enabled .lca-order-status--processing,
body.lca-account-ui-enabled .lca-order-status--on-hold {
border-color: #ecd2bd;
background: #fff2e8;
color: #9a4c28;
}
body.lca-account-ui-enabled .lca-order-status--completed {
border-color: #cddfd8;
background: #eef7f3;
color: var(--lca-green-2);
}
body.lca-account-ui-enabled .lca-order-status--cancelled,
body.lca-account-ui-enabled .lca-order-status--failed,
body.lca-account-ui-enabled .lca-order-status--refunded {
border-color: #ded8cf;
background: #f4f1ec;
color: #6d665f;
}
/* Larger action targets are easier to use without making the UI oversized. */
body.lca-account-ui-enabled .woocommerce .button,
body.lca-account-ui-enabled .woocommerce button.button,
body.lca-account-ui-enabled .woocommerce input.button,
body.lca-account-ui-enabled .woocommerce a.button,
body.lca-account-ui-enabled .woocommerce a.woocommerce-button {
padding: 12px 19px;
}
/* Empty states and notices are centered and readable rather than visually loud. */
body.lca-account-ui-enabled .woocommerce .woocommerce-info,
body.lca-account-ui-enabled .woocommerce .woocommerce-message,
body.lca-account-ui-enabled .woocommerce .woocommerce-error {
border: 1px solid var(--lca-border);
border-top: 2px solid var(--lca-orange);
border-radius: 8px;
box-shadow: none;
}
/* Address screen: two clear blocks on larger screens, one column on mobile. */
body.lca-account-ui-enabled .woocommerce-Addresses,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
max-width: 900px;
margin: 12px auto 0;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address {
float: none;
width: auto;
margin: 0;
padding: 22px;
border: 1px solid var(--lca-border);
border-radius: 10px;
background: var(--lca-card);
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 12px;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h2,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h3 {
margin: 0;
text-align: left;
font-size: 20px;
}
body.lca-account-ui-enabled .woocommerce-Addresses address {
margin: 0;
color: var(--lca-muted);
font-style: normal;
}
/* Profile form: visually separate personal details from password/security. */
body.lca-account-ui-enabled .woocommerce-EditAccountForm fieldset {
margin: 26px 0 0;
padding: 22px 0 0;
border: 0;
border-top: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm fieldset legend {
padding: 0 12px 0 0;
color: var(--lca-green);
font-family: "Lora", Georgia, serif;
font-size: 20px;
font-weight: 700;
}
/* Saved payment methods remain clean, readable, and consistent with orders. */
body.lca-account-ui-enabled .woocommerce-PaymentMethods,
body.lca-account-ui-enabled .woocommerce-MyAccount-paymentMethods {
max-width: 900px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 760px) {
body.lca-account-ui-enabled .woocommerce-Addresses,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .lca-account-greeting p {
padding-right: 12px;
padding-left: 12px;
font-size: 13px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
gap: 6px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::before {
width: 16px;
height: 16px;
flex-basis: 16px;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address {
padding: 18px;
}
}
/* v1.1.3: keep desktop navigation on one clean row without nested scrollbars. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
width: 100%;
max-width: none;
overflow: visible;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
display: grid;
grid-template-columns: repeat(6, minmax(0, auto));
justify-content: center;
align-items: stretch;
column-gap: clamp(14px, 2.25vw, 34px);
row-gap: 0;
width: 100%;
max-width: none;
overflow: visible;
padding: 0 0 14px;
scrollbar-width: none;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
display: none;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
min-width: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
width: auto;
min-width: 0;
padding-right: 0;
padding-left: 0;
white-space: nowrap;
}
/* Do not let theme wrappers re-constrain the WooCommerce account area. */
body.lca-account-ui-enabled .entry-content > .woocommerce,
body.lca-account-ui-enabled .woocommerce-account .woocommerce {
max-width: none !important;
width: 100% !important;
}
/* Only genuinely narrow screens use horizontal swipe; hide the browser scrollbar. */
@media (max-width: 900px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
display: flex;
justify-content: flex-start;
gap: 22px;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-x: contain;
-ms-overflow-style: none;
scrollbar-width: none;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
flex: 0 0 auto;
}
}
/* v1.1.3: compact notices and quieter action buttons. */
body.lca-account-ui-enabled .woocommerce .woocommerce-info,
body.lca-account-ui-enabled .woocommerce .woocommerce-message,
body.lca-account-ui-enabled .woocommerce .woocommerce-error {
box-sizing: border-box;
width: 100%;
max-width: none;
margin: 14px 0 22px;
padding: 14px 16px 14px 48px;
}
body.lca-account-ui-enabled .woocommerce .woocommerce-info::before,
body.lca-account-ui-enabled .woocommerce .woocommerce-message::before,
body.lca-account-ui-enabled .woocommerce .woocommerce-error::before {
top: 50%;
left: 18px;
transform: translateY(-50%);
}
/* WooCommerce often floats notice buttons, which creates an unnecessarily tall box. */
body.lca-account-ui-enabled .woocommerce .woocommerce-info .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-message .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-error .button {
float: right;
margin: -4px 0 -4px 18px;
padding: 9px 14px;
border-radius: 5px;
font-size: 12px;
}
/* Table actions should read as secondary controls, not large primary CTAs. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders .button,
body.lca-account-ui-enabled .woocommerce table.shop_table .button,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions .button {
padding: 8px 14px;
border: 1px solid var(--lca-green);
border-radius: 5px;
background: transparent;
color: var(--lca-green);
font-size: 12px;
font-weight: 700;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .button:hover,
body.lca-account-ui-enabled .woocommerce table.shop_table .button:hover,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions .button:hover {
border-color: var(--lca-green);
background: var(--lca-green);
color: var(--lca-white);
}
body.lca-account-ui-enabled .woocommerce table.shop_table th,
body.lca-account-ui-enabled .woocommerce table.shop_table td,
body.lca-account-ui-enabled .woocommerce table.my_account_orders th,
body.lca-account-ui-enabled .woocommerce table.my_account_orders td,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions th,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions td {
padding-top: 12px;
padding-bottom: 12px;
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce .woocommerce-info,
body.lca-account-ui-enabled .woocommerce .woocommerce-message,
body.lca-account-ui-enabled .woocommerce .woocommerce-error {
padding: 14px 14px 14px 42px;
}
body.lca-account-ui-enabled .woocommerce .woocommerce-info .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-message .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-error .button {
float: none;
display: inline-flex;
margin: 10px 0 0;
}
}
/* v1.1.6: fix WooCommerce address columns inside the custom grid.
* WooCommerce's .col2-set clearfix pseudo-elements become grid items when the
* container is changed to display:grid, which can push Billing and Shipping
* into diagonal rows. Remove those pseudo-items and explicitly place both
* address cards on the same row.
*/
body.lca-account-ui-enabled .woocommerce-Addresses::before,
body.lca-account-ui-enabled .woocommerce-Addresses::after,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses::before,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses::after {
content: none !important;
display: none !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses {
width: 100%;
max-width: none;
margin: 18px 0 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: 20px;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address {
float: none !important;
clear: none !important;
position: static !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address--billing {
grid-column: 1;
grid-row: 1;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address--shipping {
grid-column: 2;
grid-row: 1;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
width: 100%;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title a {
flex: 0 0 auto;
white-space: nowrap;
}
@media (max-width: 760px) {
body.lca-account-ui-enabled .woocommerce-Addresses,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses {
grid-template-columns: 1fr;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address--billing,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address--shipping {
grid-column: 1;
grid-row: auto;
}
}
/* v1.1.7: keep address card heading pinned left and edit action pinned right. */
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
gap: 16px;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h2,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h3 {
float: none !important;
flex: 1 1 auto;
margin: 0 !important;
text-align: left !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title a,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title .edit {
float: none !important;
flex: 0 0 auto;
margin: 0 0 0 auto !important;
text-align: right !important;
white-space: nowrap;
}
@media (max-width: 560px) {
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
align-items: flex-start !important;
gap: 10px;
}
}
/* v1.1.8: WooCommerce/theme clearfix pseudo-elements on the address title
* interfere with the flex alignment of the heading and edit link. The title
* does not need clearfix pseudo-elements because it is itself a flex row. */
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title::before,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title::after,
body.lca-account-ui-enabled .woocommerce .woocommerce-Addresses .woocommerce-Address-title::before,
body.lca-account-ui-enabled .woocommerce .woocommerce-Addresses .woocommerce-Address-title::after {
content: none !important;
display: none !important;
}
/* v1.2.0: readable, accessible single-order view. */
/* WooCommerce prints a sentence such as “Order #123 was placed…” before
the custom overview. The overview already contains the same information, so
hide only that first direct paragraph on the View Order endpoint. */
body.lca-account-ui-enabled.lca-view-order .woocommerce-MyAccount-content > p:first-of-type {
display: none;
}
body.lca-account-ui-enabled .lca-order-view {
width: 100%;
margin: 8px 0 0;
}
body.lca-account-ui-enabled .lca-order-overview {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
margin: 0 0 18px;
border: 1px solid var(--lca-border);
border-radius: 10px;
background: var(--lca-card);
overflow: hidden;
}
body.lca-account-ui-enabled .lca-order-overview__item {
display: flex;
flex-direction: column;
gap: 5px;
padding: 16px 20px;
border-right: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .lca-order-overview__item:last-child {
border-right: 0;
}
body.lca-account-ui-enabled .lca-order-overview__label {
color: var(--lca-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.055em;
text-transform: uppercase;
}
/* Make the four pieces of information customers look for first much easier
to scan without adding more decoration. */
body.lca-account-ui-enabled .lca-order-overview__item strong {
color: var(--lca-green);
font-size: 20px;
font-weight: 700;
}
body.lca-account-ui-enabled .lca-order-overview__item:last-child strong {
color: var(--lca-orange);
}
body.lca-account-ui-enabled .lca-order-overview .lca-order-status {
align-self: flex-start;
padding: 6px 13px;
font-size: 13px;
font-weight: 700;
}
body.lca-account-ui-enabled .lca-order-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);
gap: 18px;
margin-bottom: 18px;
}
body.lca-account-ui-enabled .lca-order-grid--addresses {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lca-account-ui-enabled .lca-order-panel {
margin: 0;
padding: 20px;
border: 1px solid var(--lca-border);
border-radius: 10px;
background: var(--lca-card);
}
body.lca-account-ui-enabled .lca-order-panel h2 {
margin: 0 0 16px;
color: var(--lca-green);
font-family: "Lora", Georgia, serif;
font-size: 21px;
font-weight: 700;
text-align: left;
}
body.lca-account-ui-enabled .lca-order-items-wrap {
width: 100%;
overflow-x: auto;
}
body.lca-account-ui-enabled .lca-order-items-table {
width: 100%;
margin: 0;
border: 0;
border-collapse: collapse;
background: transparent;
}
body.lca-account-ui-enabled .lca-order-items-table th,
body.lca-account-ui-enabled .lca-order-items-table td {
padding: 12px 10px;
border: 0;
border-bottom: 1px solid var(--lca-border);
color: var(--lca-text);
text-align: left;
vertical-align: middle;
}
body.lca-account-ui-enabled .lca-order-items-table th {
color: var(--lca-green);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.lca-account-ui-enabled .lca-order-items-table th:nth-child(2),
body.lca-account-ui-enabled .lca-order-items-table td:nth-child(2),
body.lca-account-ui-enabled .lca-order-items-table th:nth-child(3),
body.lca-account-ui-enabled .lca-order-items-table td:nth-child(3) {
width: 90px;
text-align: right;
}
body.lca-account-ui-enabled .lca-order-product {
display: flex;
align-items: center;
gap: 12px;
}
body.lca-account-ui-enabled .lca-order-product__image img {
display: block;
width: 58px;
height: 58px;
border-radius: 6px;
object-fit: cover;
}
body.lca-account-ui-enabled .lca-order-product__info > a,
body.lca-account-ui-enabled .lca-order-product__info > span {
color: var(--lca-green);
font-weight: 600;
}
body.lca-account-ui-enabled .lca-order-product__info .wc-item-meta {
margin: 4px 0 0;
padding: 0;
color: var(--lca-muted);
font-size: 12px;
list-style: none;
}
body.lca-account-ui-enabled .lca-order-summary-list {
margin: 0;
}
body.lca-account-ui-enabled .lca-order-summary-row {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 12px 0;
border-bottom: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .lca-order-summary-row:last-child {
border-bottom: 0;
}
body.lca-account-ui-enabled .lca-order-summary-row dt,
body.lca-account-ui-enabled .lca-order-summary-row dd {
margin: 0;
}
body.lca-account-ui-enabled .lca-order-summary-row dt {
color: var(--lca-muted);
}
body.lca-account-ui-enabled .lca-order-summary-row dd {
color: var(--lca-green);
font-weight: 600;
text-align: right;
}
body.lca-account-ui-enabled .lca-order-summary-row--order_total {
margin: 0 -10px;
padding: 13px 10px;
background: #fcf6ed;
}
body.lca-account-ui-enabled .lca-order-summary-row--order_total dt,
body.lca-account-ui-enabled .lca-order-summary-row--order_total dd {
color: var(--lca-green);
font-weight: 700;
}
body.lca-account-ui-enabled .lca-order-panel address {
margin: 0;
color: var(--lca-muted);
font-style: normal;
}
body.lca-account-ui-enabled .lca-order-contact {
margin: 9px 0 0;
color: var(--lca-muted);
}
body.lca-account-ui-enabled .lca-order-contact strong {
color: var(--lca-text);
}
body.lca-account-ui-enabled .lca-order-note {
margin-bottom: 18px;
border-left: 3px solid var(--lca-orange);
}
body.lca-account-ui-enabled .lca-order-note__content {
color: var(--lca-text);
white-space: normal;
}
/* View-order headings should read from the left. WooCommerce Subscriptions
may wrap the Related subscriptions heading, so do not depend on it being a
direct child of .lca-order-view. This intentionally overrides the generic
account-wide centered h2/h3 rule only on the single-order screen. */
body.lca-account-ui-enabled.lca-view-order .woocommerce-MyAccount-content h2,
body.lca-account-ui-enabled.lca-view-order .woocommerce-MyAccount-content h3 {
text-align: left;
}
body.lca-account-ui-enabled.lca-view-order .lca-order-view h2,
body.lca-account-ui-enabled.lca-view-order .lca-order-view h3 {
margin: 0 0 12px;
font-size: 21px;
}
@media (max-width: 900px) {
body.lca-account-ui-enabled .lca-order-grid,
body.lca-account-ui-enabled .lca-order-grid--addresses {
grid-template-columns: 1fr;
}
}
@media (max-width: 680px) {
body.lca-account-ui-enabled .lca-order-overview {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lca-account-ui-enabled .lca-order-overview__item:nth-child(2) {
border-right: 0;
}
body.lca-account-ui-enabled .lca-order-overview__item:nth-child(-n+2) {
border-bottom: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .lca-order-panel {
padding: 16px;
}
body.lca-account-ui-enabled .lca-order-items-table thead {
display: none;
}
body.lca-account-ui-enabled .lca-order-items-table tr,
body.lca-account-ui-enabled .lca-order-items-table td {
display: block;
width: 100%;
box-sizing: border-box;
}
body.lca-account-ui-enabled .lca-order-items-table td {
padding: 8px 0;
border-bottom: 0;
text-align: left !important;
}
body.lca-account-ui-enabled .lca-order-items-table tr {
padding: 4px 0 12px;
border-bottom: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .lca-order-items-table td:nth-child(2)::before,
body.lca-account-ui-enabled .lca-order-items-table td:nth-child(3)::before {
content: attr(data-title) ": ";
color: var(--lca-muted);
font-weight: 600;
}
}
/* v1.2.4: tighter vertical rhythm and stronger information hierarchy for older customers. */
body.lca-account-ui-enabled .woocommerce-MyAccount-content {
font-size: 17px;
}
/* Reduce the empty band between the tabs and the endpoint content. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
margin-bottom: 12px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
padding-bottom: 8px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
padding-top: 8px;
padding-bottom: 8px;
font-size: 15px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
bottom: -9px;
}
body.lca-account-ui-enabled .woocommerce .woocommerce-info,
body.lca-account-ui-enabled .woocommerce .woocommerce-message,
body.lca-account-ui-enabled .woocommerce .woocommerce-error {
margin-top: 8px;
margin-bottom: 18px;
font-size: 16px;
}
body.lca-account-ui-enabled .woocommerce .woocommerce-info .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-message .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-error .button {
font-size: 14px;
font-weight: 700;
}
/* Make order-list information easier to identify at a glance. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody td,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions tbody td {
font-size: 16px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-number a {
color: var(--lca-green-2);
font-size: 18px;
font-weight: 800;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-date,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-date {
color: var(--lca-text);
font-size: 16px;
font-weight: 600;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions .order-total {
color: var(--lca-orange);
font-size: 18px;
font-weight: 800;
}
body.lca-account-ui-enabled .lca-order-status,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .lca-order-status {
padding: 6px 12px;
font-size: 14px;
font-weight: 800;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .button,
body.lca-account-ui-enabled .woocommerce table.shop_table .button,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions .button {
padding: 9px 15px;
font-size: 14px;
}
/* Slightly larger labels without competing with the key values. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders thead th,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th {
font-size: 12px;
font-weight: 800;
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-content {
font-size: 16px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
margin-bottom: 10px;
}
}
/* v1.2.5: rebalance typography, normalize subscription labels, and allow forms to use the full account width. */
body.lca-account-ui-enabled .woocommerce-MyAccount-content {
font-size: 16px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody td,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions tbody td {
font-size: 15px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-number a {
font-size: 17px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-date,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-date {
font-size: 15px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions .order-total {
font-size: 17px;
}
body.lca-account-ui-enabled .lca-order-status,
body.lca-account-ui-enabled .woocommerce table.my_account_orders .lca-order-status {
font-size: 13px;
}
/* Related Subscriptions: keep every column label visually consistent. */
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th span,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th a {
color: var(--lca-green-2);
font-family: "Montserrat", Arial, sans-serif;
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
/* Do not make the subscription Total heading orange; only the actual value is emphasized. */
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th.order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th.subscription-total,
body.lca-account-ui-enabled .woocommerce table.my_account_subscriptions thead th:last-of-type {
color: var(--lca-green-2);
font-size: 12px;
}
/* Account forms should use the same available width as the tabs and other endpoint content. */
body.lca-account-ui-enabled .woocommerce form {
max-width: none;
width: 100%;
margin-right: 0;
margin-left: 0;
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-content {
font-size: 15px;
}
}
/* v1.2.6 — Profile & Password form refinement. */
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row {
margin-bottom: 12px;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-first,
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-last {
width: calc(50% - 10px);
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-first {
float: left;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-last {
float: right;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-wide {
clear: both;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row label {
margin-bottom: 6px;
font-size: 14px;
font-weight: 650;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm input.input-text,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="text"],
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="email"],
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="tel"],
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="password"] {
width: 100%;
padding: 13px 15px;
border: 1px solid #e6d7c5;
border-radius: 8px;
background: #fffdf9;
color: var(--lca-text);
font-size: 16px;
box-shadow: inset 0 1px 0 rgba(35, 70, 60, .02);
transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm input.input-text:hover,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="text"]:hover,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="email"]:hover,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="tel"]:hover,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="password"]:hover {
border-color: #d8c2aa;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm input.input-text:focus,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="text"]:focus,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="email"]:focus,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="tel"]:focus,
body.lca-account-ui-enabled .woocommerce-EditAccountForm input[type="password"]:focus {
border-color: var(--lca-orange);
background: var(--lca-white);
box-shadow: 0 0 0 3px rgba(242, 96, 46, .10);
outline: 0;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm .woocommerce-form-row > span em,
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row > span em {
display: block;
margin-top: 5px;
color: var(--lca-muted);
font-size: 13px;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm fieldset {
margin-top: 20px;
padding-top: 16px;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm fieldset legend {
margin-bottom: 10px;
}
body.lca-account-ui-enabled .woocommerce-EditAccountForm fieldset .form-row {
margin-bottom: 11px;
}
@media (max-width: 760px) {
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-first,
body.lca-account-ui-enabled .woocommerce-EditAccountForm .form-row-last {
width: 100%;
float: none;
}
}
/* v1.2.7 — mobile account UX: complete tabs, aligned notices, and distinct order cards. */
@media (max-width: 620px) {
/* Show every account destination without clipping or horizontal scrolling. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
margin-bottom: 14px;
overflow: visible;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
overflow: visible;
width: 100%;
padding: 0;
border-bottom: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
min-width: 0;
width: 100%;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
width: 100%;
padding: 11px 5px;
gap: 5px;
font-size: 12px;
justify-content: center;
white-space: normal;
text-align: center;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::before {
flex: 0 0 15px;
width: 15px;
height: 15px;
background-size: 15px 15px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
right: 12px;
bottom: -1px;
left: 12px;
height: 2px;
}
/* Keep Woo notices visually coherent: icon + message first, action below. */
body.lca-account-ui-enabled .woocommerce .woocommerce-info,
body.lca-account-ui-enabled .woocommerce .woocommerce-message,
body.lca-account-ui-enabled .woocommerce .woocommerce-error {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
margin: 10px 0 16px;
padding: 14px 14px 14px 46px;
text-align: left;
font-size: 15px;
}
body.lca-account-ui-enabled .woocommerce .woocommerce-info::before,
body.lca-account-ui-enabled .woocommerce .woocommerce-message::before,
body.lca-account-ui-enabled .woocommerce .woocommerce-error::before {
position: absolute;
top: 18px;
left: 16px;
transform: none;
margin: 0;
}
body.lca-account-ui-enabled .woocommerce .woocommerce-info .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-message .button,
body.lca-account-ui-enabled .woocommerce .woocommerce-error .button {
order: 2;
flex: 1 0 calc(100% - 32px);
float: none;
justify-content: center;
margin: 4px 0 0 32px;
padding: 10px 14px;
text-align: center;
}
/* Convert the Orders table into one clearly separated card per order. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table {
display: block;
width: 100%;
margin-top: 14px;
border: 0;
border-radius: 0;
background: transparent;
overflow: visible;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders thead,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table thead {
display: none;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody {
display: block;
width: 100%;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr {
display: block;
width: 100%;
margin: 0 0 14px;
overflow: hidden;
border: 1px solid var(--lca-border);
border-radius: 10px;
background: var(--lca-card);
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr:last-child,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr:last-child {
margin-bottom: 0;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody td,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody td {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100% !important;
padding: 12px 16px !important;
border: 0 !important;
border-bottom: 1px solid var(--lca-border) !important;
box-sizing: border-box;
text-align: right !important;
font-size: 15px;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody td:last-child,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody td:last-child {
border-bottom: 0 !important;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody td::before,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody td::before {
content: attr(data-title);
flex: 0 0 auto;
color: var(--lca-green-2);
font-size: 12px;
font-weight: 800;
letter-spacing: .035em;
text-transform: uppercase;
text-align: left;
}
/* Make the order number impossible to lose on mobile and give it first priority. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
background: #fbf4ea;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
color: var(--lca-green-2);
font-size: 18px;
font-weight: 800;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total {
color: var(--lca-orange);
font-size: 16px;
font-weight: 800;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
align-items: center;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions .button,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
margin: 0;
padding: 8px 15px;
}
}
@media (max-width: 390px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
padding-right: 3px;
padding-left: 3px;
font-size: 11px;
}
}
/* v1.2.8 — mobile navigation alignment and concise labels. */
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 8px;
row-gap: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
justify-content: flex-start;
text-align: left;
padding: 11px 8px;
gap: 7px;
font-size: 0;
border-bottom: 3px solid transparent;
}
/* Use concise mobile-only labels while retaining full desktop wording. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
position: static;
display: inline;
width: auto;
height: auto;
background: none;
content: '';
font-family: var(--lca-font-ui);
font-size: 12px;
font-weight: 600;
color: inherit;
white-space: normal;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--orders > a::after {
content: 'Orders';
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--subscriptions > a::after {
content: 'Subscriptions';
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--edit-address > a::after {
content: 'Addresses';
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--payment-methods > a::after {
content: 'Payment';
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--edit-account > a::after {
content: 'Profile';
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link--customer-logout > a::after {
content: 'Log Out';
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a {
border-bottom-color: var(--lca-orange);
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a::after {
width: auto;
background: none;
}
}
@media (max-width: 390px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
padding-right: 5px;
padding-left: 5px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
font-size: 11px;
}
}
/* v1.2.9 — balanced mobile navigation. */
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation {
margin-bottom: 14px;
padding: 0 2px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 18px;
row-gap: 4px;
width: 100%;
padding: 0 0 4px;
overflow: visible;
border-bottom: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
width: 100%;
margin: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
padding: 10px 8px 9px;
gap: 9px;
border-bottom: 3px solid transparent;
box-sizing: border-box;
text-align: left;
white-space: nowrap;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::before {
flex: 0 0 16px;
width: 16px;
height: 16px;
background-size: 16px 16px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
display: inline-block;
position: static;
width: auto;
height: auto;
background: none;
font-size: 12.5px;
font-weight: 600;
white-space: nowrap;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a {
border-bottom-color: var(--lca-orange);
}
}
@media (max-width: 370px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
column-gap: 10px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
padding-right: 5px;
padding-left: 5px;
gap: 7px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
font-size: 11.5px;
}
}
/* v1.2.10 — center mobile tab contents and active indicator consistently. */
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
position: relative;
display: flex;
justify-content: center;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
justify-content: center;
text-align: center;
width: auto;
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
border-bottom: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a {
border-bottom: 0;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active::after {
content: '';
position: absolute;
left: 12px;
right: 12px;
bottom: 0;
height: 3px;
background: var(--lca-orange);
border-radius: 2px 2px 0 0;
pointer-events: none;
}
}
/* v1.2.11 — final mobile navigation alignment correction.
* Keep each icon + concise label as one centered, intrinsic-width unit.
* The active indicator belongs to that unit, not the entire grid cell.
*/
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
row-gap: 4px;
align-items: stretch;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation li {
display: flex;
align-items: stretch;
justify-content: center;
position: relative;
width: 100%;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
max-width: 100%;
gap: 10px;
padding: 10px 7px 9px;
margin: 0 auto;
border: 0;
border-bottom: 3px solid transparent;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::before {
display: block;
flex: 0 0 17px;
width: 17px;
height: 17px;
margin: 0;
align-self: center;
background-position: center;
background-size: 17px 17px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
display: block;
position: static;
flex: 0 1 auto;
width: auto;
height: auto;
margin: 0;
background: none;
font-size: 12.5px;
font-weight: 600;
line-height: 1.25;
white-space: nowrap;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a,
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active > a:hover {
border-bottom: 3px solid var(--lca-orange);
}
/* Remove the cell-wide indicator introduced in v1.2.10. */
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation-link.is-active::after {
content: none;
display: none;
}
}
@media (max-width: 370px) {
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation ul {
column-gap: 12px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a {
gap: 8px;
padding-right: 4px;
padding-left: 4px;
}
body.lca-account-ui-enabled .woocommerce-MyAccount-navigation a::after {
font-size: 11.5px;
}
}
/* v1.2.14: mobile Orders cards — always expose the order number and keep total text together. */
@media (max-width: 620px) {
/* WooCommerce/theme responsive rules can hide the first Order column. Force it back into the card. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.woocommerce-orders-table__cell-order-number,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr > td.woocommerce-orders-table__cell-order-number,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.order-number {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: static !important;
width: 100% !important;
align-items: center;
justify-content: flex-start;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.woocommerce-orders-table__cell-order-number::before,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr > td.woocommerce-orders-table__cell-order-number::before,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.order-number::before {
margin-right: auto;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr > td.woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.order-number a {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--lca-green-2);
font-size: 18px;
font-weight: 800;
}
/* Keep "$35.99 for 1 item" as one compact value group instead of spacing the price and suffix apart. */
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr > td.woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.order-total {
justify-content: flex-start !important;
gap: 4px !important;
text-align: right !important;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.woocommerce-orders-table__cell-order-total::before,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr > td.woocommerce-orders-table__cell-order-total::before,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.order-total::before {
margin-right: auto;
}
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.woocommerce-orders-table__cell-order-total .amount,
body.lca-account-ui-enabled .woocommerce table.woocommerce-orders-table tbody tr > td.woocommerce-orders-table__cell-order-total .amount,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody tr > td.order-total .amount {
white-space: nowrap;
}
}
/* v1.2.15: WooCommerce core hides responsive tbody | cells at <=768px.
The order-number cell is a | , not a | , so explicitly
restore it as the first row of each mobile order card. */
@media only screen and (max-width: 768px) {
body.lca-account-ui-enabled .woocommerce table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number,
body.lca-account-ui-enabled .woocommerce-page table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody th.order-number,
body.lca-account-ui-enabled .woocommerce-page table.my_account_orders tbody th.order-number {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: static !important;
width: 100% !important;
box-sizing: border-box;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 12px 16px !important;
margin: 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--lca-border) !important;
background: #fbf4ea;
text-align: right !important;
}
body.lca-account-ui-enabled .woocommerce table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number::before,
body.lca-account-ui-enabled .woocommerce-page table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number::before,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody th.order-number::before,
body.lca-account-ui-enabled .woocommerce-page table.my_account_orders tbody th.order-number::before {
content: attr(data-title);
flex: 0 0 auto;
color: var(--lca-green-2);
font-size: 12px;
font-weight: 800;
letter-spacing: .035em;
text-transform: uppercase;
text-align: left;
}
body.lca-account-ui-enabled .woocommerce table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce-page table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled .woocommerce table.my_account_orders tbody th.order-number a,
body.lca-account-ui-enabled .woocommerce-page table.my_account_orders tbody th.order-number a {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--lca-green-2);
font-size: 18px;
font-weight: 800;
white-space: nowrap;
}
}
/* v1.2.17 — compact, aligned address-card headers on mobile. */
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address {
padding: 18px;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 14px !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h2,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h3 {
flex: 0 1 auto !important;
margin: 0 !important;
font-size: 18px !important;
line-height: 1.25 !important;
white-space: nowrap !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title a,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title .edit {
flex: 0 0 auto !important;
margin: 0 0 0 auto !important;
font-size: 14px !important;
line-height: 1.3 !important;
white-space: nowrap !important;
text-align: right !important;
}
}
@media (max-width: 360px) {
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
gap: 8px !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h2,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h3 {
font-size: 17px !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title a,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title .edit {
font-size: 13px !important;
}
}
/* v1.2.18 — prevent address cards/header rows from overflowing narrow mobile viewports. */
@media (max-width: 620px) {
body.lca-account-ui-enabled .woocommerce-Addresses,
body.lca-account-ui-enabled .woocommerce .u-columns.woocommerce-Addresses {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: hidden;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h2,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h3 {
min-width: 0 !important;
flex: 1 1 auto !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title a,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title .edit {
min-width: 0 !important;
max-width: 52% !important;
flex: 0 1 auto !important;
}
}
@media (max-width: 390px) {
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address {
padding: 16px !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title {
gap: 7px !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h2,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title h3 {
font-size: 16px !important;
}
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title a,
body.lca-account-ui-enabled .woocommerce-Addresses .woocommerce-Address-title .edit {
font-size: 12px !important;
}
}
/* v1.3.0 — WooCommerce Subscriptions single-subscription view.
* Styling only: native subscription actions, permissions, hooks and data remain untouched.
* The goal is a clearer, more readable management screen for older customers.
*/
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content {
color: var(--lca-text);
}
/* Keep section headings useful and left-aligned on this detail screen. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h3 {
margin: 24px 0 12px;
text-align: left !important;
color: var(--lca-green);
font-family: "Lora", Georgia, serif;
font-size: 22px;
font-weight: 700;
}
/* Subscription overview: convert the default dense table into a calm information panel. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details {
width: 100%;
margin: 0;
border: 1px solid var(--lca-border);
border-radius: 12px;
border-collapse: separate;
border-spacing: 0;
background: var(--lca-card);
overflow: hidden;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
padding: 15px 20px;
border: 0;
border-bottom: 1px solid var(--lca-border);
vertical-align: middle;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > td {
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th {
width: 34%;
background: #fcf7ef;
color: var(--lca-muted);
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
color: var(--lca-text);
font-size: 16px;
font-weight: 600;
}
/* Make the current subscription status immediately scannable without changing its text. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:first-child > td {
color: var(--lca-green-2);
font-weight: 800;
}
/* The Actions row should look like a set of clear choices, not a cluster of tiny controls. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > td {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details a.button {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 10px 15px;
border: 1px solid var(--lca-green);
border-radius: 6px;
background: var(--lca-white);
color: var(--lca-green);
font-size: 13px;
font-weight: 700;
text-align: center;
text-decoration: none;
box-shadow: none;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button:hover,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details a.button:hover {
background: var(--lca-green);
color: var(--lca-white);
}
/* Renew is the positive/primary action. Keep destructive actions secondary. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button.subscription_renewal_early,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button.renew,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details a[href*="renew"] {
border-color: var(--lca-green);
background: var(--lca-green);
color: var(--lca-white);
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button.cancel,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details a[href*="cancel"] {
border-color: #d8b7a8;
background: #fffaf7;
color: #8a4935;
}
/* Native auto-renew controls remain fully native; only improve their readability. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .woocommerce-input-wrapper,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .wcs-auto-renew-toggle,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .subscription-auto-renew-toggle {
vertical-align: middle;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details small,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .description {
display: inline-block;
margin-left: 8px;
color: var(--lca-muted);
font-size: 12px;
font-weight: 500;
}
/* Totals/product table: clearer labels, recurring total, and product name. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details {
margin-top: 0;
border-radius: 12px;
background: var(--lca-card);
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details thead th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details thead th {
padding: 13px 18px;
background: #fcf6ed;
color: var(--lca-green);
font-size: 11px;
font-weight: 800;
letter-spacing: .055em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tbody td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot td {
padding: 14px 18px;
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot th {
color: var(--lca-text);
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot tr:last-child th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot tr:last-child td {
color: var(--lca-green);
font-size: 17px;
font-weight: 800;
}
/* Related orders stay compact but key values are easy to pick out. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders {
margin-top: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-number a,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders .order-number a {
font-size: 16px;
font-weight: 800;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-total,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders .order-total {
color: var(--lca-orange);
font-weight: 800;
}
/* Subscription address details: simple equal cards, not floating legacy columns. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details {
margin-top: 24px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-columns,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col2-set {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-column,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-1,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-2 {
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 18px;
border: 1px solid var(--lca-border);
border-radius: 10px;
background: var(--lca-card);
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details address {
padding: 0;
border: 0;
color: var(--lca-muted);
font-size: 14px;
font-style: normal;
}
/* Mobile: prioritize clarity and touchability over compact desktop table density. */
@media (max-width: 620px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 20px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details {
display: block;
overflow: visible;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tbody,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details td {
display: block;
width: 100% !important;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr {
display: grid;
grid-template-columns: 42% minmax(0, 1fr);
align-items: center;
border-bottom: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child {
grid-template-columns: 1fr;
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
padding: 13px 14px;
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th {
background: transparent;
color: var(--lca-green-2);
font-size: 12px;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > th {
padding-bottom: 4px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > td {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
padding-top: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details a.button {
width: 100%;
padding: 11px 10px;
font-size: 13px;
white-space: normal;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details small,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .description {
display: block;
margin: 6px 0 0;
font-size: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-columns,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col2-set {
grid-template-columns: 1fr;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-column,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-1,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-2 {
padding: 16px;
}
}
/* v1.4.0 — compact single-subscription layout + optional customer management tools. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content > table,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content > section,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content > .woocommerce-customer-details {
margin-bottom: 18px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h3 {
margin: 16px 0 9px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
padding: 10px 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th {
width: 31%;
font-size: 12px;
color: var(--lca-green-2);
background: #fcf8f1;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > td {
gap: 7px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details .button,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details a.button {
padding: 7px 12px;
border-radius: 5px;
font-size: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details thead th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details thead th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders thead th {
padding: 9px 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tbody td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.woocommerce-table--order-details tfoot td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders tbody th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.my_account_orders tbody td {
padding: 10px 14px;
font-size: 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details {
margin-top: 18px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-column,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-1,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-2 {
padding: 15px;
}
/* Advanced tools */
body.lca-account-ui-enabled .lca-sub-manager {
margin: 18px 0 20px;
padding: 0;
}
body.lca-account-ui-enabled .lca-sub-manager__head {
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-manager__head h2 {
margin: 0 0 3px;
font-size: 23px;
}
body.lca-account-ui-enabled .lca-sub-manager__head p {
margin: 0;
color: var(--lca-muted);
font-size: 13px;
}
body.lca-account-ui-enabled .lca-sub-manager__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
body.lca-account-ui-enabled .lca-sub-tool-card {
min-width: 0;
padding: 15px;
border: 1px solid var(--lca-border);
border-radius: 9px;
background: var(--lca-card);
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-tool-card h3 {
margin: 0 0 3px !important;
font-size: 18px;
}
body.lca-account-ui-enabled .lca-sub-tool-card__help {
margin: 0 0 12px;
color: var(--lca-muted);
font-size: 12px;
}
body.lca-account-ui-enabled .lca-sub-inline-form,
body.lca-account-ui-enabled .lca-sub-field-form,
body.lca-account-ui-enabled .lca-sub-add-form {
margin: 0;
padding: 10px 0;
border-top: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .lca-sub-inline-form:first-of-type,
body.lca-account-ui-enabled .lca-sub-field-form:first-of-type {
border-top: 0;
padding-top: 4px;
}
body.lca-account-ui-enabled .lca-sub-inline-form {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
body.lca-account-ui-enabled .lca-sub-inline-form > div,
body.lca-account-ui-enabled .lca-sub-field-form > label,
body.lca-account-ui-enabled .lca-sub-add-form > label:first-of-type {
display: grid;
gap: 2px;
}
body.lca-account-ui-enabled .lca-sub-manager strong,
body.lca-account-ui-enabled .lca-sub-manager label > span {
color: var(--lca-text);
font-size: 13px;
font-weight: 700;
}
body.lca-account-ui-enabled .lca-sub-manager small {
display: block;
color: var(--lca-muted);
font-size: 11px;
font-weight: 500;
}
body.lca-account-ui-enabled .lca-sub-control-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 7px;
margin-top: 7px;
align-items: center;
}
body.lca-account-ui-enabled .lca-sub-control-row--frequency {
grid-template-columns: 70px minmax(110px, 1fr) auto;
}
body.lca-account-ui-enabled .lca-sub-manager input[type="text"],
body.lca-account-ui-enabled .lca-sub-manager input[type="date"],
body.lca-account-ui-enabled .lca-sub-manager input[type="number"],
body.lca-account-ui-enabled .lca-sub-manager select,
body.lca-account-ui-enabled .lca-sub-manager textarea {
width: 100%;
margin: 0;
padding: 8px 10px;
border: 1px solid var(--lca-border);
border-radius: 5px;
background: var(--lca-white);
color: var(--lca-text);
font-family: "Montserrat", Arial, sans-serif;
font-size: 13px;
box-shadow: none;
box-sizing: border-box;
}
body.lca-account-ui-enabled .lca-sub-manager input:focus,
body.lca-account-ui-enabled .lca-sub-manager select:focus,
body.lca-account-ui-enabled .lca-sub-manager textarea:focus {
outline: 2px solid rgba(240, 92, 42, .18);
outline-offset: 1px;
border-color: var(--lca-orange);
}
body.lca-account-ui-enabled .lca-sub-manager .button {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
margin: 0;
padding: 8px 12px;
border: 1px solid var(--lca-green);
border-radius: 5px;
background: var(--lca-green);
color: var(--lca-white);
font-family: "Montserrat", Arial, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
box-shadow: none;
white-space: nowrap;
}
body.lca-account-ui-enabled .lca-sub-manager .lca-sub-button-secondary {
background: var(--lca-white);
color: var(--lca-green);
}
body.lca-account-ui-enabled .lca-sub-manager .lca-sub-button-danger {
border-color: #c8907d;
background: #fffaf7;
color: #874c38;
}
body.lca-account-ui-enabled .lca-sub-products {
display: grid;
gap: 8px;
}
body.lca-account-ui-enabled .lca-sub-product-row {
display: grid;
grid-template-columns: minmax(180px, 1fr) auto auto;
gap: 8px;
align-items: center;
padding: 10px;
border: 1px solid var(--lca-border);
border-radius: 7px;
background: #fffdf9;
}
body.lca-account-ui-enabled .lca-sub-product-row__name {
min-width: 0;
}
body.lca-account-ui-enabled .lca-sub-product-row__name strong {
display: block;
overflow-wrap: anywhere;
}
body.lca-account-ui-enabled .lca-sub-mini-form {
display: flex;
align-items: end;
gap: 5px;
margin: 0;
}
body.lca-account-ui-enabled .lca-sub-mini-form label {
display: grid;
gap: 2px;
color: var(--lca-muted);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
body.lca-account-ui-enabled .lca-sub-mini-form input[type="number"] {
width: 60px;
}
body.lca-account-ui-enabled .lca-sub-replace-form {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 7px;
align-items: end;
margin: 0;
padding-top: 7px;
border-top: 1px solid var(--lca-border);
}
body.lca-account-ui-enabled .lca-sub-replace-form label {
display: grid;
gap: 3px;
}
body.lca-account-ui-enabled .lca-sub-add-form {
display: grid;
grid-template-columns: minmax(0, 1fr) 70px auto;
gap: 7px;
align-items: end;
margin-top: 10px;
}
body.lca-account-ui-enabled .lca-sub-qty-field {
display: grid;
gap: 3px;
}
body.lca-account-ui-enabled .lca-sub-queued-note {
margin: 7px 0 0;
padding: 8px 10px;
border-radius: 5px;
background: #f3f8f5;
color: var(--lca-green-2);
font-size: 12px;
}
body.lca-account-ui-enabled .lca-sub-cancel-form {
display: grid;
gap: 7px;
margin: 0;
}
body.lca-account-ui-enabled .lca-sub-tool-card--cancel {
grid-column: 1 / -1;
background: #fffaf7;
}
body.lca-account-ui-enabled .lca-sub-cancel-form .lca-sub-button-danger {
justify-self: start;
}
@media (max-width: 820px) {
body.lca-account-ui-enabled .lca-sub-manager__grid {
grid-template-columns: 1fr;
}
body.lca-account-ui-enabled .lca-sub-tool-card--cancel {
grid-column: auto;
}
}
@media (max-width: 620px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr > td {
padding: 9px 11px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details tr:last-child > td {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
body.lca-account-ui-enabled .lca-sub-manager__head p {
font-size: 12px;
}
body.lca-account-ui-enabled .lca-sub-tool-card {
padding: 13px;
}
body.lca-account-ui-enabled .lca-sub-inline-form {
align-items: stretch;
flex-direction: column;
}
body.lca-account-ui-enabled .lca-sub-inline-form .button {
align-self: start;
}
body.lca-account-ui-enabled .lca-sub-control-row,
body.lca-account-ui-enabled .lca-sub-control-row--frequency {
grid-template-columns: 1fr;
}
body.lca-account-ui-enabled .lca-sub-control-row .button {
justify-self: start;
}
body.lca-account-ui-enabled .lca-sub-product-row {
grid-template-columns: minmax(0, 1fr) auto;
}
body.lca-account-ui-enabled .lca-sub-mini-form--remove {
grid-column: 2;
}
body.lca-account-ui-enabled .lca-sub-replace-form,
body.lca-account-ui-enabled .lca-sub-add-form {
grid-template-columns: 1fr;
}
body.lca-account-ui-enabled .lca-sub-add-form .button,
body.lca-account-ui-enabled .lca-sub-replace-form .button {
justify-self: start;
}
}
/* v1.4.1 — clearer single-subscription hierarchy and compact management UI. */
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce-MyAccount-content {
width: 100%;
}
/* Turn the native subscription summary into compact overview tiles. */
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details {
display: block;
width: 100%;
overflow: hidden;
border: 1px solid var(--lca-border, #eadbc8);
border-radius: 12px;
background: var(--lca-card, #fffdf8);
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tbody {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr {
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
padding: 14px 18px;
border: 0;
border-right: 1px solid var(--lca-border, #eadbc8);
border-bottom: 1px solid var(--lca-border, #eadbc8);
background: transparent;
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr:nth-child(3n) {
border-right: 0;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr:nth-last-child(-n+3) {
border-bottom: 0;
}
/* Native action buttons are re-presented in the dedicated actions area below. */
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr:last-child {
display: none;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr > th,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr > td {
display: block;
width: auto;
padding: 0;
border: 0;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr > th {
color: #6f7f78;
font-family: Montserrat, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr > td {
color: #173f35;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr:first-child > td {
color: #1e6656;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details .wcs-auto-renew-toggle {
display: flex;
align-items: flex-start;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details .subscription-auto-renew-toggle.subscription-auto-renew-toggle--off.subscription-auto-renew-toggle--disabled {
margin: 0;
}
/* Keep the native subscription totals sleek and visually join product controls to it. */
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.order_details,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.woocommerce-table--order-details {
margin-bottom: 0;
border-radius: 12px 12px 0 0;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.order_details thead th,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.woocommerce-table--order-details thead th {
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.order_details tbody td,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.order_details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.order_details tfoot td,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.woocommerce-table--order-details tbody td,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.woocommerce-table--order-details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.woocommerce-table--order-details tfoot td {
padding-top: 10px;
padding-bottom: 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-panel,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel {
width: 100%;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-panel {
margin: -1px 0 22px;
border: 1px solid var(--lca-border, #eadbc8);
border-top: 0;
border-radius: 0 0 12px 12px;
background: #fffdf8;
overflow: hidden;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-section-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
padding: 13px 16px;
border-bottom: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-section-heading h2 {
margin: 0;
color: #173f35;
font-size: 20px;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-section-heading p {
margin: 0;
color: #6f7f78;
font-size: 13px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
display: grid;
grid-template-columns: minmax(190px, 1.2fr) auto minmax(220px, 1fr) auto;
align-items: end;
gap: 10px;
padding: 12px 16px;
border-bottom: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product {
align-self: center;
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product strong,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product span {
display: block;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product strong {
color: #173f35;
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product span {
margin-top: 2px;
color: #77857f;
font-size: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row {
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action {
display: flex;
align-items: end;
gap: 6px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action label,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row label {
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action label > span,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row label > span {
display: block;
margin: 0 0 4px;
color: #5f7069;
font-size: 10px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action input[type="number"] {
width: 66px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action select {
width: 100%;
max-width: 245px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action input,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row input,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions input,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions textarea,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel textarea {
box-sizing: border-box;
border: 1px solid #deceb9;
border-radius: 7px;
background: #fffefa;
color: #27483f;
padding: 8px 10px;
font: inherit;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel .button {
padding: 8px 13px;
border-radius: 7px;
font-size: 13px;
white-space: nowrap;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row {
display: grid;
grid-template-columns: minmax(220px, 1fr) 72px auto;
align-items: end;
gap: 10px;
padding: 12px 16px;
border-bottom: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row:last-child {
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row small {
display: block;
margin: 0 0 5px;
color: #7a8882;
font-size: 11px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-queued-note {
margin: 0;
padding: 9px 16px 12px;
color: #52665f;
font-size: 12px;
}
/* Actions follow products, grouped by task rather than scattered through tables. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions {
margin: 0 0 22px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions > .lca-sub-section-heading,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel > .lca-sub-section-heading {
padding-left: 0;
padding-right: 0;
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-native-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-native-actions .button {
background: transparent;
color: #174d40;
border: 1px solid #174d40;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-native-actions .button:hover,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-native-actions .subscription_renewal_early {
background: #174d40;
color: #fff;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card {
padding: 14px;
border: 1px solid var(--lca-border, #eadbc8);
border-radius: 10px;
background: #fffdf8;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card h3 {
margin: 0 0 5px;
color: #173f35;
font-size: 17px;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > p {
margin: 0 0 10px;
color: #6f7f78;
font-size: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-stack-form,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
display: grid;
gap: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-stack-form label > span,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form label > span {
display: block;
margin-bottom: 4px;
color: #3c554d;
font-size: 12px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row {
display: flex;
align-items: center;
gap: 7px;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row > input,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row > select {
flex: 1 1 auto;
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency select:first-of-type {
flex: 0 0 62px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-current-pause {
margin: 8px 0 0;
color: #6f7f78;
font-size: 11px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel {
margin: 0 0 22px;
padding: 0 14px 14px;
border: 1px solid #e7d8c7;
border-radius: 10px;
background: #fffaf6;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel .lca-sub-section-heading {
display: block;
padding-top: 12px;
padding-bottom: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-panel .lca-sub-section-heading h2 {
font-size: 17px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
grid-template-columns: minmax(180px, .8fr) minmax(240px, 1.4fr) auto;
align-items: end;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-button-danger {
background: transparent !important;
color: #8a4b39 !important;
border-color: #b98471 !important;
}
/* Billing and shipping always form one clean row on desktop. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-columns,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col2-set {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
width: 100% !important;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-columns::before,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-columns::after,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col2-set::before,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col2-set::after,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-column::before,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-column::after {
display: none !important;
content: none !important;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-column,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-1,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col-2 {
float: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details h2 {
margin: 0 0 8px !important;
text-align: left !important;
}
@media (max-width: 900px) {
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tbody {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr:nth-child(3n) {
border-right: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr:nth-child(2n) {
border-right: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
grid-template-columns: minmax(180px, 1fr) auto;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action--swap {
grid-column: 1 / -1;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action--swap label {
flex: 1 1 auto;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action--swap select {
max-width: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
grid-template-columns: 1fr 1fr;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form .button {
grid-column: 1 / -1;
justify-self: start;
}
}
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tbody {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr {
padding: 11px 12px;
}
body.lca-account-ui-enabled.lca-view-subscription.lca-sub-tools-enabled .woocommerce table.subscription_details tr > td {
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-section-heading {
display: block;
padding: 11px 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-section-heading p {
margin-top: 3px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
padding: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row {
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action label,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action--swap label {
flex: 1 1 auto;
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-action select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row select {
width: 100%;
max-width: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions-grid,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .woocommerce-columns,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details .col2-set {
grid-template-columns: 1fr !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency {
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency .button {
grid-column: 1 / -1;
justify-self: start;
}
}
/* v1.4.7 - permanent subscription product management table */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-panel {
border-top: 1px solid var(--lca-border, #eadbc8);
margin-top: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-table {
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-table__head,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
display: grid;
grid-template-columns: minmax(240px, 1.6fr) minmax(120px, .7fr) minmax(190px, .8fr) minmax(180px, .8fr);
gap: 18px;
width: 100%;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-table__head {
align-items: center;
padding: 10px 20px;
border-bottom: 1px solid var(--lca-border, #eadbc8);
background: #fbf4ea;
color: #36564d;
font-size: 11px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
align-items: center;
padding: 14px 20px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product strong {
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price strong {
color: #27483f;
font-size: 15px;
font-weight: 600;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .lca-sub-product-action {
align-items: center;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty input[type="number"] {
width: 64px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 7px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details {
position: relative;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details > summary {
list-style: none;
cursor: pointer;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details > summary::-webkit-details-marker {
display: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details[open] > summary {
background: #fff !important;
color: #174d40 !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details .lca-sub-product-action--swap {
position: absolute;
z-index: 20;
top: calc(100% + 7px);
right: 0;
display: grid;
grid-template-columns: minmax(220px, 1fr) auto;
gap: 8px;
width: 390px;
padding: 12px;
border: 1px solid var(--lca-border, #eadbc8);
border-radius: 9px;
background: #fffdf8;
box-shadow: 0 8px 22px rgba(28, 67, 56, .08);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details .lca-sub-product-action--swap label {
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details .lca-sub-product-action--swap select {
width: 100%;
max-width: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring {
grid-template-columns: minmax(280px, 1fr) 74px auto;
padding: 14px 20px;
border-top: 1px solid var(--lca-border, #eadbc8);
border-bottom: 0;
background: #fffaf5;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring small {
margin-bottom: 6px;
}
@media (max-width: 900px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-table__head {
display: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
grid-template-columns: 1fr 1fr;
gap: 10px 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row > [data-label]::before {
display: block;
margin-bottom: 4px;
color: #6f7f78;
content: attr(data-label);
font-size: 10px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
align-self: end;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details .lca-sub-product-action--swap {
right: auto;
left: 0;
}
}
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
grid-template-columns: 1fr;
padding: 13px 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details .lca-sub-product-action--swap {
position: static;
grid-template-columns: 1fr;
width: min(100%, 330px);
margin-top: 7px;
box-shadow: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring {
grid-template-columns: 1fr;
padding: 13px 14px;
}
}
/* v1.4.9 - Keep product-management quantity controls and actions the same height. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty input[type="number"],
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring input[type="number"] {
height: 42px;
padding-top: 0;
padding-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring .button {
height: 42px;
padding-top: 0;
padding-bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* v1.4.10 - Refine desktop spacing in Manage products. */
@media (min-width: 901px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-table__head,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
grid-template-columns: minmax(280px, 1.9fr) minmax(120px, .75fr) minmax(190px, .9fr) minmax(105px, .45fr);
gap: 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
width: fit-content;
justify-self: start;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring {
grid-template-columns: minmax(0, 1fr) 82px auto;
gap: 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring > label:first-of-type {
width: 100%;
min-width: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring select {
width: 100%;
max-width: none;
}
}
/* v1.4.13 - subscription action alignment refinements */
@media (min-width: 901px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency {
display: grid;
grid-template-columns: 70px 118px auto;
align-items: center;
justify-content: start;
gap: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency select:first-of-type,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency select:nth-of-type(2) {
width: 100%;
min-width: 0;
flex: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency select:nth-of-type(2) {
min-width: 118px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
grid-template-columns: minmax(220px, 280px) minmax(240px, 320px) auto;
align-items: start;
justify-content: start;
column-gap: 16px;
row-gap: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form > label {
align-self: start;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form .lca-sub-button-danger {
align-self: end;
justify-self: start;
margin: 0;
}
}
/* v1.4.14 - subscription actions spacing refinements */
@media (min-width: 901px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency {
grid-template-columns: 88px minmax(132px, 1fr);
grid-template-areas:
"interval period"
"button button";
align-items: center;
justify-content: stretch;
gap: 8px 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency select:first-of-type {
grid-area: interval;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency select:nth-of-type(2) {
grid-area: period;
width: 100%;
min-width: 132px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-control-row--frequency .button {
grid-area: button;
justify-self: start;
width: auto;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
align-items: start;
justify-content: stretch;
gap: 10px 12px;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form > label {
width: 100%;
max-width: none;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form textarea {
width: 100%;
max-width: none;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form .lca-sub-button-danger {
align-self: end;
justify-self: start;
margin: 0;
white-space: nowrap;
}
}
@media (min-width: 901px) and (max-width: 1180px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form .lca-sub-button-danger {
grid-column: 2;
justify-self: end;
}
}
/* v1.4.15 - cancellation panel layout */
@media (min-width: 901px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
display: grid;
grid-template-columns: minmax(260px, 0.8fr) minmax(360px, 1.2fr);
grid-template-areas:
"reason details"
". action";
align-items: start;
column-gap: 16px;
row-gap: 12px;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form > label:first-of-type {
grid-area: reason;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form > label:nth-of-type(2) {
grid-area: details;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form .lca-sub-button-danger {
grid-area: action;
justify-self: end;
align-self: start;
margin: 0;
width: auto;
white-space: nowrap;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form textarea {
width: 100%;
max-width: none;
box-sizing: border-box;
}
}
@media (min-width: 901px) and (max-width: 1080px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form {
grid-template-columns: minmax(220px, 0.85fr) minmax(300px, 1.15fr);
}
}
/* v1.4.17 — semantic single-subscription summary tiles. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details {
display: block;
width: 100%;
margin: 0 0 20px;
border: 1px solid #e6d9c8;
border-radius: 16px;
overflow: hidden;
background: #fffdf9;
box-shadow: none;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details > tbody {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 10px;
height: 100%;
padding: 20px 24px;
margin: 0;
border: 0;
border-right: 1px solid #e6d9c8;
border-bottom: 1px solid #e6d9c8;
background: transparent;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(3n) {
border-right: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-last-child(-n + 3) {
border-bottom: 1px solid #e6d9c8;
}
/* Keep the final row edge continuous across all three summary tiles. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-last-child(-n + 3) {
border-bottom-color: #e6d9c8;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__label,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value {
display: block;
width: 100%;
padding: 0;
margin: 0;
border: 0;
background: transparent;
text-align: left;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__label {
color: #6f7d77;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.055em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value {
color: #173f35;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 5px 20px;
border-radius: 999px;
border: 1px solid #0d792a;
background: #118a2f;
color: #fff;
font-size: 18px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge--on-hold,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge--pending,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge--pending-cancel {
border-color: #d89a2b;
background: #fff4d9;
color: #725018;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge--cancelled,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge--expired {
border-color: #c9bdb1;
background: #f3efea;
color: #6c6259;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .wcs-auto-renew-toggle {
display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .subscription-auto-renew-toggle {
flex: 0 0 auto;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .subscription-auto-renew-toggle.subscription-auto-renew-toggle--off.subscription-auto-renew-toggle--disabled {
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .subscription-auto-renew-toggle-disabled-note {
display: block;
margin: 0;
color: #77847f;
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
@media (max-width: 900px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details > tbody {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(3n) {
border-right: 1px solid #e6d9c8;
border-bottom: 1px solid #e6d9c8;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(2n) {
border-right: 0;
}
}
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details > tbody {
grid-template-columns: 1fr;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(2n),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(3n) {
height: auto;
padding: 16px 18px;
border-right: 0;
border-bottom: 1px solid #e6d9c8;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:last-child {
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value {
font-size: 18px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge {
padding: 7px 16px;
font-size: 16px;
}
}
/* v1.4.18 — clearer subscription details heading and recurring price context. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ table.order_details),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ table.subscription_totals) {
margin-bottom: 14px;
color: #173f35;
font-size: 30px;
font-weight: 700;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 2px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price .lca-sub-product-renewal-time {
display: block;
margin: 0;
color: #77857f;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ table.order_details),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ table.subscription_totals) {
font-size: 25px;
}
}
/* v1.4.19 — match Subscription actions hierarchy to Subscription Details. */
body.lca-account-ui-enabled.lca-view-subscription #lca-sub-actions-title {
margin-bottom: 14px;
color: #173f35;
font-size: 30px;
font-weight: 700;
text-align: left;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription #lca-sub-actions-title {
font-size: 25px;
}
}
/* v1.4.20 — subscription action card alignment and stacked controls. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions > .lca-sub-section-heading {
display: block;
padding-top: 0;
padding-bottom: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions > .lca-sub-section-heading p {
margin-top: 5px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card {
display: flex;
flex-direction: column;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > form,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > .lca-sub-renew-button {
margin-top: auto;
}
@media (min-width: 901px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--next-payment .lca-sub-control-row,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--shipping .lca-sub-control-row {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--next-payment .lca-sub-control-row input,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--next-payment .lca-sub-control-row .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--shipping .lca-sub-control-row select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--shipping .lca-sub-control-row .button {
width: 100%;
max-width: none;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--frequency .lca-sub-control-row--frequency {
grid-template-columns: 88px minmax(0, 1fr);
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--frequency .lca-sub-control-row--frequency .button {
width: 100%;
max-width: none;
justify-self: stretch;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--pause .lca-sub-stack-form .button {
width: 100%;
}
}
/* v1.4.22 — tighten actions heading spacing and normalize action buttons. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions > .lca-sub-section-heading {
padding-bottom: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription #lca-sub-actions-title {
margin: 0 0 4px !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions > .lca-sub-section-heading p {
margin: 0 !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > form {
margin-top: auto !important;
margin-bottom: 0 !important;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card > .lca-sub-renew-button {
width: 100%;
max-width: none;
box-sizing: border-box;
justify-content: center;
text-align: center;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card form .button {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 901px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card {
height: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--frequency .lca-sub-control-row--frequency,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--next-payment .lca-sub-control-row,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--shipping .lca-sub-control-row,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--pause .lca-sub-stack-form {
margin-top: auto !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--frequency .lca-sub-control-row--frequency .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--next-payment .lca-sub-control-row .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--shipping .lca-sub-control-row .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--pause .lca-sub-stack-form .button {
width: 100%;
}
}
/* v1.4.23 — heading capitalization and Related Orders hierarchy. */
body.lca-account-ui-enabled.lca-view-subscription #lca-sub-actions-title {
font-size: 30px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ table.my_account_orders),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ .shop_table.my_account_orders),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2.wc-orders-title {
margin: 24px 0 14px;
color: var(--lca-green);
font-family: var(--lca-serif);
font-size: 30px;
font-weight: 700;
text-align: left;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription #lca-sub-actions-title,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ table.my_account_orders),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2:has(+ .shop_table.my_account_orders),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content h2.wc-orders-title {
font-size: 25px;
}
}
/* v1.4.24 — make native Related Orders heading match the primary subscription section hierarchy. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content > h2 {
font-size: 30px;
line-height: 1.2;
}
/* Keep address-card headings subordinate to the main subscription sections. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details h2,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details h3 {
font-size: 22px;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content > h2 {
font-size: 25px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details h2,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-customer-details h3 {
font-size: 20px;
}
}
/* v1.4.26 — target only native section headings rendered inside a header, such as Related Orders. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content header h2 {
font-size: 30px !important;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce-MyAccount-content header h2 {
font-size: 25px !important;
}
}
/* v1.4.27 — compact subscription summary on phones. */
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details {
border-radius: 14px;
margin-bottom: 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details > tbody {
display: block;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(2n),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(3n) {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 12px;
height: auto;
padding: 10px 14px;
border-right: 0;
border-bottom: 1px solid #e6d9c8;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:last-child {
border-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__label {
flex: 0 0 42%;
width: 42%;
font-size: 11px;
line-height: 1.3;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value {
flex: 1 1 auto;
width: auto;
min-width: 0;
font-size: 17px;
line-height: 1.35;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge {
padding: 5px 14px;
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--auto-renew {
align-items: flex-start;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .wcs-auto-renew-toggle {
gap: 8px;
align-items: flex-start;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .subscription-auto-renew-toggle-disabled-note {
font-size: 11px;
line-height: 1.35;
}
}
/* v1.4.29 — refine compact subscription summary spacing on phones. */
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(2n),
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail:nth-of-type(3n) {
column-gap: 20px;
padding: 9px 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__label {
flex: 0 0 40%;
width: 40%;
font-size: 10.5px;
letter-spacing: 0.055em;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value {
flex: 1 1 0;
width: auto;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-status-badge {
padding: 4px 13px;
font-size: 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--auto-renew td.lca-sub-detail__value {
font-weight: 500;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .subscription-auto-renew-toggle-disabled-note {
font-size: 10.5px;
font-weight: 500;
}
}
/* v1.4.29 - Mobile Manage products: compact, clearly grouped controls. */
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-panel .lca-sub-section-heading {
padding: 16px 16px 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-panel .lca-sub-section-heading h2 {
margin-bottom: 5px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-products-panel .lca-sub-section-heading p {
margin: 0;
font-size: 14px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 0;
padding: 0;
background: #fffdf9;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row > [data-label] {
min-width: 0;
padding: 13px 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row > [data-label]::before {
margin-bottom: 6px;
font-size: 10px;
line-height: 1.2;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product {
grid-column: 1 / -1;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product strong {
display: block;
font-size: 16px;
line-height: 1.35;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 8px;
padding-top: 10px !important;
padding-bottom: 11px !important;
border-bottom: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price::before {
flex-basis: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price strong {
font-size: 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price .lca-sub-product-renewal-time {
margin: 0;
font-size: 13px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
align-self: stretch;
padding-top: 12px !important;
padding-bottom: 13px !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty {
border-right: 1px solid var(--lca-border, #eadbc8);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .lca-sub-product-action--qty {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 7px;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty input[type="number"] {
width: 58px;
max-width: 58px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions summary.button {
width: 100%;
justify-content: center;
text-align: center;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
display: flex;
flex-direction: column;
gap: 7px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-swap-details,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-product-action--remove {
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-swap-details .lca-sub-product-action--swap {
width: 100%;
margin-top: 8px;
padding: 10px;
border-radius: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
gap: 10px;
padding: 15px 16px 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring > label:first-of-type {
grid-column: 1 / -1;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring > label:first-of-type > span {
display: block;
margin-bottom: 4px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring small {
display: block;
margin-bottom: 9px;
line-height: 1.4;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring select {
width: 100%;
max-width: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring .lca-sub-qty-field {
width: 72px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring .lca-sub-qty-field input[type="number"] {
width: 72px;
max-width: 72px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-add-row--recurring > .button {
width: 100%;
align-self: end;
justify-content: center;
text-align: center;
}
}
@media (max-width: 380px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .lca-sub-product-action--qty {
grid-template-columns: 52px minmax(0, 1fr);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty input[type="number"] {
width: 52px;
max-width: 52px;
}
}
/* v1.4.30 - Refine mobile Manage products action sizing. */
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .lca-sub-product-action--qty {
display: flex;
align-items: center;
gap: 10px;
width: auto;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty input[type="number"] {
flex: 0 0 64px;
width: 64px;
max-width: 64px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .button {
width: auto;
flex: 0 0 auto;
padding-left: 15px;
padding-right: 15px;
justify-content: center;
text-align: center;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
align-items: flex-start;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-swap-details,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-product-action--remove {
width: auto;
max-width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions summary.button {
width: auto;
min-width: 92px;
padding-left: 16px;
padding-right: 16px;
justify-content: center;
text-align: center;
}
}
/* v1.4.31 - Give the mobile quantity column more room so Update never overlaps Actions. */
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
grid-template-columns: minmax(0, 58%) minmax(0, 42%);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty {
padding-right: 12px !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
padding-left: 12px !important;
}
}
/* v1.4.32 - Mobile Manage products: give Quantity more room and top-align Swap with Update. */
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row {
grid-template-columns: minmax(0, 64%) minmax(0, 36%);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty {
padding-right: 10px !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions {
padding-left: 10px !important;
justify-content: flex-start;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-swap-details {
margin-top: -4px;
}
}
/* v1.4.33 - Mobile Manage products: keep renewal cadence inline and align Update/Swap precisely. */
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: baseline;
column-gap: 8px;
row-gap: 4px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price::before {
grid-column: 1 / -1;
grid-row: 1;
margin-bottom: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price strong {
grid-column: 1;
grid-row: 2;
white-space: nowrap;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__price .lca-sub-product-renewal-time {
grid-column: 2;
grid-row: 2;
display: inline-block;
align-self: baseline;
white-space: nowrap;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__qty .lca-sub-product-action--qty,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-swap-details {
margin-top: 7px;
}
}
/* v1.4.34 - Mobile Manage products: fine-tune Swap vertical alignment. */
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__actions .lca-sub-swap-details {
margin-top: -7px !important;
}
}
/* v1.4.35 — Subscription Actions: full-width controls with actions on their own line. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions .lca-sub-action-card form,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions .lca-sub-control-row,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions .lca-sub-control-row--frequency,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions .lca-sub-stack-form {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
width: 100%;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions input[type="date"] {
width: 100%;
max-width: none;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions .button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions button.button,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-actions a.button {
width: 100%;
max-width: none;
box-sizing: border-box;
justify-self: stretch;
text-align: center;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-action-card--frequency .lca-sub-control-row--frequency {
grid-template-columns: minmax(0, 1fr);
}
/* v1.4.36 - Mobile cancellation fields use the full card width. */
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form > label {
width: 100%;
max-width: none;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form select,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form textarea {
display: block;
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-cancel-form .lca-sub-button-danger {
width: 100%;
max-width: none;
box-sizing: border-box;
justify-self: stretch;
text-align: center;
}
}
/* v1.4.37 — promote Reactivate / Resubscribe into the subscription summary. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--recovery-action {
justify-content: flex-start;
background: #fffaf3;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--span-2 {
grid-column: span 2;
border-right: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--span-3 {
grid-column: 1 / -1;
border-right: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value--action {
display: flex;
align-items: center;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .lca-sub-summary-action {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
padding: 10px 22px;
border: 1px solid var(--lca-green-2);
border-radius: 8px;
background: var(--lca-green-2);
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
text-align: center;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .lca-sub-summary-action:hover,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .lca-sub-summary-action:focus-visible {
background: #0f3d31;
color: #fff;
}
@media (max-width: 900px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--span-2,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--span-3 {
grid-column: 1 / -1;
border-right: 0;
}
}
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--recovery-action {
align-items: center;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details .lca-sub-summary-action {
width: 100%;
padding: 9px 14px;
}
}
/* v1.4.39 — make recurring subscription totals feel like a primary account summary. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details {
margin-top: 12px;
border-color: #e5d8c7;
background: #fffdf9;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details thead th {
padding: 14px 24px;
background: #fbf4ea;
color: #173f35;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody tr.order_item td {
padding: 18px 24px;
background: #fffdf9;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-name {
color: #173f35;
font-size: 17px;
font-weight: 600;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-name a {
color: #245b4e;
font-size: 17px;
font-weight: 600;
text-decoration-thickness: 1px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody .product-quantity {
display: inline-block;
margin-left: 5px;
color: #173f35;
font-size: 15px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-total {
color: #6f7d77;
font-size: 14px;
font-weight: 400;
text-align: right;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-total .woocommerce-Price-amount {
color: #173f35;
font-size: 18px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot td {
padding: 14px 24px;
background: #fffdf9;
border-bottom: 1px solid #e5d8c7;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot th {
color: #64766f;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.025em;
text-align: left;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot td {
color: #52645d;
font-size: 14px;
font-weight: 400;
text-align: right;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot td .woocommerce-Price-amount {
color: #173f35;
font-size: 17px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child td {
padding-top: 17px;
padding-bottom: 17px;
background: #fbf4ea;
border-top: 1px solid #e5d8c7;
border-bottom: 0;
color: #173f35;
font-size: 18px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child td {
font-size: 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child td .woocommerce-Price-amount {
color: #173f35;
font-size: 21px;
font-weight: 700;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details thead th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody tr.order_item td,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot th,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot td {
padding-left: 16px;
padding-right: 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-name,
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-name a {
font-size: 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tbody td.product-total .woocommerce-Price-amount {
font-size: 17px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child th {
font-size: 16px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.order_details tfoot tr:last-child td .woocommerce-Price-amount {
font-size: 19px;
}
}
/* v1.4.40 — give Orders pagination breathing room below the orders table. */
body.lca-account-ui-enabled .woocommerce .woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination,
body.lca-account-ui-enabled .woocommerce .woocommerce-Pagination {
margin-top: 18px;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled .woocommerce .woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination,
body.lca-account-ui-enabled .woocommerce .woocommerce-Pagination {
margin-top: 14px;
}
}
/* v1.4.42 — show the signed-in account email clearly above the account tabs. */
body.lca-account-ui-enabled .lca-account-email {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
margin-top: 10px;
padding: 6px 12px;
border: 1px solid var(--lca-border);
border-radius: 999px;
background: rgba(255, 255, 255, 0.42);
color: var(--lca-muted);
font-family: "Montserrat", Arial, sans-serif;
font-size: 13px;
}
body.lca-account-ui-enabled .lca-account-email__label {
font-weight: 600;
color: var(--lca-muted);
}
body.lca-account-ui-enabled .lca-account-email__value {
font-weight: 700;
color: var(--lca-green);
overflow-wrap: anywhere;
}
@media (max-width: 620px) {
body.lca-account-ui-enabled .lca-account-email {
max-width: calc(100% - 24px);
margin-top: 9px;
padding: 6px 10px;
font-size: 12px;
flex-wrap: wrap;
row-gap: 2px;
}
}
/* v1.4.43 — cancelled subscriptions: replace empty summary space with a clear restart message. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--cancelled-message {
justify-content: flex-start;
background: #fffaf3;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value--cancelled-message {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value--cancelled-message p {
margin: 0;
max-width: 620px;
color: var(--lca-text-2);
font-size: 15px;
font-weight: 500;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details tr.lca-sub-detail--cancelled-message {
grid-column: 1 / -1;
}
}
/* v1.4.45 - compact destructive product action */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product {
display: flex;
align-items: center;
gap: 10px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-remove-icon {
flex: 0 0 auto;
margin: 0;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-icon-button {
width: 36px;
height: 36px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #d9aa96;
border-radius: 8px;
background: #fffaf3;
color: #934a36;
cursor: pointer;
box-shadow: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-icon-button svg {
width: 17px;
height: 17px;
fill: currentColor;
pointer-events: none;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-icon-button:hover,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-icon-button:focus-visible {
background: #fff2e9;
border-color: #b96b50;
color: #7f3725;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-icon-button:focus-visible {
outline: 2px solid #f05a28;
outline-offset: 2px;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product {
gap: 8px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-icon-button {
width: 34px;
height: 34px;
}
}
/* v1.4.46 - keep the remove icon compact so it cannot push the product title into the price column. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product {
min-width: 0;
overflow: hidden;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product .lca-sub-product-remove-icon {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
display: inline-flex;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product > strong {
flex: 1 1 auto;
min-width: 0;
width: auto;
overflow-wrap: anywhere;
}
/* v1.4.47 - desktop uses the compact delete icon; mobile uses a Remove button below Swap. */
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-remove-mobile {
display: none;
}
@media (max-width: 767px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product .lca-sub-product-remove-icon {
display: none !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-manage-row__product {
display: block;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-product-remove-mobile {
display: block !important;
width: auto !important;
max-width: none !important;
margin: 8px 0 0 !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-mobile-button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #c9856d !important;
background: transparent !important;
color: #8b4735 !important;
box-shadow: none !important;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-mobile-button:hover,
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-remove-mobile-button:focus-visible {
background: #fff2e9 !important;
border-color: #a95d46 !important;
color: #743523 !important;
}
}
/* v1.4.49 — explain Pending Cancellation beside the Reactivate action. */
body.lca-account-ui-enabled.lca-view-subscription .woocommerce table.subscription_details.lca-subscription-details td.lca-sub-detail__value--action {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-pending-cancel-note {
max-width: 760px;
color: var(--lca-text);
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-pending-cancel-note strong {
display: block;
margin: 0 0 5px;
color: var(--lca-green-2);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 700;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-pending-cancel-note p {
margin: 0;
color: var(--lca-muted);
font-size: 14px;
font-weight: 500;
}
@media (max-width: 600px) {
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-pending-cancel-note strong {
font-size: 15px;
}
body.lca-account-ui-enabled.lca-view-subscription .lca-sub-pending-cancel-note p {
font-size: 13px;
}
}
|