/* === Cart quantity layout fix === */
.woocommerce-cart-form .quantity,
.woocommerce .quantity,
.quantity {
display: inline-flex;
align-items: center;
gap: 10px;
}
.woocommerce-cart-form .quantity .qty,
.woocommerce .quantity .qty,
.quantity .qty {
-moz-appearance: textfield !important;
appearance: textfield !important;
-webkit-appearance: none !important;
width: 56px !important;
min-width: 56px !important;
height: 56px !important;
border-radius: 999px !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 56px !important;
padding: 0 !important;
border: 1px solid #d9d9d9 !important;
background: #fff !important;
order: 2 !important;
}
.woocommerce-cart-form .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart-form .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.woocommerce-cart-form .quantity .qty-minus,
.woocommerce-cart-form .quantity .qty-plus,
.woocommerce .quantity .qty-minus,
.woocommerce .quantity .qty-plus,
.quantity .qty-minus,
.quantity .qty-plus {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
border-radius: 999px !important;
border: 1px solid #d9d9d9 !important;
background: #fff !important;
color: #6c2279 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
box-shadow: none !important;
}
.woocommerce-cart-form .quantity .qty-minus,
.woocommerce .quantity .qty-minus,
.quantity .qty-minus {
order: 1 !important;
}
.woocommerce-cart-form .quantity .qty-plus,
.woocommerce .quantity .qty-plus,
.quantity .qty-plus {
order: 3 !important;
}
.woocommerce-cart-form .product-thumbnail img,
.woocommerce-cart-form td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail img,
.woocommerce table.cart td.product-thumbnail img {
width: 132px !important;
max-width: 132px !important;
height: auto !important;
display: block !important;
}
/* === Cart final row redesign === */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cross-sells {
display: none !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 24px 20px !important;
}
.woocommerce-cart .lamujer-cart-actions {
display: grid;
grid-template-columns: minmax(360px, 1.5fr) minmax(260px, 1fr) minmax(220px, auto);
align-items: stretch;
gap: 20px;
width: 100%;
}
.woocommerce-cart .lamujer-cart-actions__coupon,
.woocommerce-cart .lamujer-cart-actions__summary,
.woocommerce-cart .lamujer-cart-actions__checkout {
min-width: 0;
}
.woocommerce-cart .lamujer-cart-actions__coupon {
display: flex;
align-items: center;
gap: 12px;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text {
flex: 1 1 auto !important;
width: 100% !important;
min-width: 260px;
height: 54px;
margin: 0 !important;
padding: 0 18px !important;
border: 1px solid #d7d2db !important;
border-radius: 0 !important;
font-size: 15px;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button {
height: 54px;
padding: 0 22px !important;
white-space: nowrap;
}
.woocommerce-cart .lamujer-cart-actions__summary {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
padding: 14px 18px;
border: 1px solid #ece6ef;
background: #faf8fb;
}
.woocommerce-cart .lamujer-cart-summary__line {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
font-size: 15px;
line-height: 1.35;
}
.woocommerce-cart .lamujer-cart-summary__line strong {
font-weight: 600;
text-align: right;
}
.woocommerce-cart .lamujer-cart-summary__line--total {
padding-top: 10px;
border-top: 1px solid #ded7e3;
font-size: 17px;
}
.woocommerce-cart .lamujer-cart-actions__checkout {
display: flex;
align-items: center;
justify-content: flex-end;
}
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
min-height: 54px;
padding: 14px 22px !important;
text-align: center;
}
.woocommerce-cart .lm-cart-updating {
opacity: .7;
pointer-events: none;
}
@media (max-width: 1199px) {
.woocommerce-cart .lamujer-cart-actions {
grid-template-columns: minmax(320px, 1.3fr) minmax(240px, 1fr);
}
.woocommerce-cart .lamujer-cart-actions__checkout {
grid-column: 1 / -1;
}
}
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 18px 14px !important;
}
.woocommerce-cart .lamujer-cart-actions {
grid-template-columns: 1fr;
gap: 14px;
}
.woocommerce-cart .lamujer-cart-actions__coupon {
flex-direction: column;
align-items: stretch;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button {
width: 100% !important;
min-width: 0;
}
.woocommerce-cart-form .product-thumbnail img,
.woocommerce-cart-form td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail img,
.woocommerce table.cart td.product-thumbnail img {
width: 108px !important;
max-width: 108px !important;
}
}
/* === Mobile cart row redesign with visible thumbnail === */
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart thead {
display: none !important;
}
.woocommerce-cart .shop_table.cart,
.woocommerce-cart .shop_table.cart tbody,
.woocommerce-cart .shop_table.cart tr,
.woocommerce-cart .shop_table.cart td {
display: block;
width: 100%;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
position: relative;
display: grid !important;
grid-template-columns: 118px minmax(0, 1fr);
column-gap: 18px;
padding: 16px 0 12px;
border-bottom: 1px solid #ddd4de;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove {
position: absolute;
top: 14px;
right: 0;
width: auto;
z-index: 3;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove .remove {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
font-size: 34px !important;
line-height: 1 !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail {
grid-column: 1;
grid-row: 1 / span 4;
align-self: start;
padding-top: 14px !important;
}
.woocommerce-cart-form .product-thumbnail img,
.woocommerce-cart-form td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail img,
.woocommerce table.cart td.product-thumbnail img {
width: 108px !important;
max-width: 108px !important;
margin: 0 !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name {
grid-column: 2;
padding: 0 34px 14px 0 !important;
margin-bottom: 6px !important;
border-bottom: 1px dashed #e4dce7 !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name a {
color: #6c2279;
font-size: 17px;
line-height: 1.35;
font-weight: 600;
text-decoration: none;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
grid-column: 2;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 14px 0 !important;
border-bottom: 1px dashed #e4dce7 !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
border-bottom: 0 !important;
padding-bottom: 4px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price::before,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity::before,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::before {
content: attr(data-title);
display: block;
font-size: 16px;
line-height: 1.2;
color: #1d1d1f;
text-align: left;
font-weight: 400;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
font-size: 17px;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price .amount,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .amount {
font-size: 17px;
line-height: 1.2;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .amount {
color: #6c2279;
}
.woocommerce-cart-form .quantity,
.woocommerce .quantity,
.quantity {
gap: 0 !important;
border: 1px solid #d7d2db !important;
border-radius: 0 !important;
overflow: hidden;
background: #fff !important;
}
.woocommerce-cart-form .quantity .qty-minus,
.woocommerce-cart-form .quantity .qty-plus,
.woocommerce .quantity .qty-minus,
.woocommerce .quantity .qty-plus,
.quantity .qty-minus,
.quantity .qty-plus {
width: 40px !important;
min-width: 40px !important;
height: 56px !important;
border: 0 !important;
border-radius: 0 !important;
color: #1d1d1f !important;
font-size: 18px !important;
background: transparent !important;
}
.woocommerce-cart-form .quantity .qty,
.woocommerce .quantity .qty,
.quantity .qty {
width: 48px !important;
min-width: 48px !important;
height: 56px !important;
border: 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
}
}
/* === Cart summary moved to dedicated full-width row === */
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td {
width: 100%;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell {
padding: 20px !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 0 20px 24px !important;
}
.woocommerce-cart .lamujer-cart-actions {
grid-template-columns: minmax(360px, 1fr) minmax(240px, auto);
}
.woocommerce-cart .lamujer-cart-actions__summary {
width: 100%;
}
@media (max-width: 1199px) {
.woocommerce-cart .lamujer-cart-actions {
grid-template-columns: minmax(300px, 1fr) minmax(220px, auto);
}
}
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell {
padding: 16px 14px !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 0 14px 18px !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon {
gap: 10px;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
padding-left: 5px;
padding-right: 5px;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove {
right: 5px;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
padding-right: 5px !important;
}
}
/* === v111 mobile qty circles + coupon spacing === */
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding-top: 20px !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon {
margin-top: 0 !important;
}
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding-top: 16px !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon {
width: 100%;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text {
width: 100% !important;
flex: 0 0 100%;
min-width: 0 !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button {
width: 100% !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity {
padding-left: 0 !important;
padding-right: 5px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .woocommerce-cart-form .quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .woocommerce .quantity {
gap: 10px !important;
border: 0 !important;
border-radius: 999px !important;
overflow: visible !important;
background: transparent !important;
justify-self: end;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-minus,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-plus {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
border: 1px solid rgba(17,17,17,0.14) !important;
border-radius: 999px !important;
background: #fff !important;
font-size: 24px !important;
line-height: 1 !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty {
width: 34px !important;
min-width: 34px !important;
height: 42px !important;
border: 0 !important;
background: transparent !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 0 !important;
}
}
/* === v112 mobile cart/product qty + coupon width cleanup === */
@media (max-width: 767px) {
/* Coupon row must stay inside the table and use full width */
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 16px 12px 18px !important;
overflow: hidden;
box-sizing: border-box;
}
.woocommerce-cart .lamujer-cart-actions {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box;
}
.woocommerce-cart .lamujer-cart-actions__coupon,
.woocommerce-cart .lamujer-cart-actions__checkout {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon input[name="coupon_code"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 0 100% !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
text-align: center !important;
justify-content: center !important;
}
/* Remove stray bullets / markers from cart item meta on mobile */
.woocommerce-cart .shop_table.cart td.product-name ul,
.woocommerce-cart .shop_table.cart td.product-name ol,
.woocommerce-cart .shop_table.cart td.product-name li,
.woocommerce-cart .shop_table.cart td.product-name .variation,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta {
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.woocommerce-cart .shop_table.cart td.product-name li::marker,
.woocommerce-cart .shop_table.cart td.product-name .variation li::marker,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta li::marker {
content: '' !important;
display: none !important;
}
.woocommerce-cart .shop_table.cart td.product-name li::before,
.woocommerce-cart .shop_table.cart td.product-name .variation li::before,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta li::before,
.woocommerce-cart .shop_table.cart td.product-name .variation::before,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta::before {
content: none !important;
display: none !important;
}
/* Keep cart quantity in circular desktop style on mobile */
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity.lm-qty-enhanced,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .woocommerce-cart-form .quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .woocommerce .quantity {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
border: 0 !important;
border-radius: 999px !important;
overflow: visible !important;
background: transparent !important;
justify-self: end !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-minus,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-plus,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .lm-qty-btn {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
border: 1px solid rgba(17,17,17,0.14) !important;
border-radius: 999px !important;
background: #fff !important;
color: #1d1d1f !important;
font-size: 24px !important;
line-height: 1 !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity input.qty {
width: 34px !important;
min-width: 34px !important;
height: 42px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #111 !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 42px !important;
padding: 0 !important;
box-shadow: none !important;
}
/* Single product page: keep circular qty control on mobile like desktop */
.single-product form.cart .quantity,
.single-product form.cart .quantity.lm-qty-enhanced,
.single-product .variations_form .quantity,
.single-product .variations_form .quantity.lm-qty-enhanced,
.single-product .woocommerce div.product form.cart .quantity,
.single-product .woocommerce div.product form.cart .quantity.lm-qty-enhanced {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
border: 0 !important;
border-radius: 999px !important;
overflow: visible !important;
background: transparent !important;
padding: 0 !important;
}
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product form.cart .lm-qty-btn,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus,
.single-product .variations_form .lm-qty-btn {
width: 86px !important;
min-width: 86px !important;
height: 86px !important;
border: 1px solid rgba(17,17,17,0.14) !important;
border-radius: 999px !important;
background: #fff !important;
color: #111 !important;
font-size: 42px !important;
line-height: 1 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.single-product form.cart .qty,
.single-product form.cart input.qty,
.single-product .variations_form .qty,
.single-product .variations_form input.qty {
width: 86px !important;
min-width: 86px !important;
height: 86px !important;
border: 1px solid rgba(17,17,17,0.14) !important;
border-radius: 999px !important;
background: #fff !important;
color: #111 !important;
font-size: 28px !important;
font-weight: 600 !important;
line-height: 86px !important;
padding: 0 !important;
box-shadow: none !important;
text-align: center !important;
}
}
/* === v113 mobile cart coupon stack + full width checkout === */
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 18px 14px 20px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.woocommerce-cart .lamujer-cart-actions {
display: grid !important;
grid-template-columns: 1fr !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
gap: 14px !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon {
order: 1 !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon input[name="coupon_code"] {
order: 1 !important;
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__coupon button[name="apply_coupon"] {
order: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 16px !important;
box-sizing: border-box !important;
line-height: 1 !important;
text-align: center !important;
white-space: normal !important;
}
.woocommerce-cart .lamujer-cart-actions__checkout {
order: 2 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button,
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 54px !important;
margin: 0 !important;
box-sizing: border-box !important;
line-height: 1 !important;
text-align: center !important;
white-space: normal !important;
}
.woocommerce-cart .shop_table.cart td.product-name ul,
.woocommerce-cart .shop_table.cart td.product-name ol,
.woocommerce-cart .shop_table.cart td.product-name li,
.woocommerce-cart .shop_table.cart td.product-name .variation,
.woocommerce-cart .shop_table.cart td.product-name .variation *,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta * {
list-style: none !important;
}
.woocommerce-cart .shop_table.cart td.product-name ul,
.woocommerce-cart .shop_table.cart td.product-name ol,
.woocommerce-cart .shop_table.cart td.product-name .variation,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta {
padding-left: 0 !important;
margin-left: 0 !important;
}
.woocommerce-cart .shop_table.cart td.product-name li::before,
.woocommerce-cart .shop_table.cart td.product-name li::marker,
.woocommerce-cart .shop_table.cart td.product-name .variation::before,
.woocommerce-cart .shop_table.cart td.product-name .variation *::before,
.woocommerce-cart .shop_table.cart td.product-name .variation *::marker,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta::before,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta *::before,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta *::marker {
content: none !important;
display: none !important;
}
}
/* === v114 mobile cart cleanup === */
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
position: relative !important;
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr) !important;
grid-template-areas:
"thumb name"
"thumb price"
"thumb qty"
"thumb subtotal" !important;
column-gap: 14px !important;
row-gap: 8px !important;
padding: 18px 14px !important;
margin: 0 0 14px !important;
border: 1px solid rgba(17, 17, 17, 0.08) !important;
border-radius: 24px !important;
background: rgba(255, 255, 255, 0.92) !important;
box-shadow: 0 10px 30px rgba(17, 17, 17, 0.05) !important;
overflow: hidden !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td {
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td::before,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td::after,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail::before,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail::after {
content: none !important;
display: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: 34px !important;
height: 34px !important;
z-index: 3 !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove .remove {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
border: 1px solid rgba(17, 17, 17, 0.10) !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #111111 !important;
font-size: 22px !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(17, 17, 17, 0.06) !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail {
grid-area: thumb !important;
align-self: start !important;
width: 88px !important;
max-width: 88px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail a,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail img {
display: block !important;
width: 88px !important;
max-width: 88px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail img {
border-radius: 18px !important;
object-fit: cover !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name {
grid-area: name !important;
padding-right: 34px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name a {
display: block !important;
color: #111111 !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-decoration: none !important;
margin: 0 !important;
}
.woocommerce-cart .shop_table.cart td.product-name .variation,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta,
.woocommerce-cart .shop_table.cart td.product-name .variation *,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta * {
font-size: 13px !important;
line-height: 1.45 !important;
color: rgba(17, 17, 17, 0.64) !important;
}
.woocommerce-cart .shop_table.cart td.product-name .variation,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin-top: 6px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price {
grid-area: price !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
grid-area: subtotal !important;
padding-top: 8px !important;
border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price::before,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::before {
position: static !important;
content: attr(data-title) !important;
display: block !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: rgba(17, 17, 17, 0.45) !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price .amount,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .amount,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price .woocommerce-Price-amount,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .woocommerce-Price-amount {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #111111 !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity {
grid-area: qty !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding-top: 2px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity::before {
position: static !important;
content: attr(data-title) !important;
display: block !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: rgba(17, 17, 17, 0.45) !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity.lm-qty-enhanced {
margin-left: auto !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell {
padding: 6px 0 0 !important;
background: transparent !important;
}
.woocommerce-cart .lamujer-cart-actions__summary {
padding: 18px 16px !important;
border: 1px solid rgba(17, 17, 17, 0.08) !important;
border-radius: 24px !important;
background: rgba(255, 255, 255, 0.92) !important;
box-shadow: 0 10px 30px rgba(17, 17, 17, 0.05) !important;
}
.woocommerce-cart .lamujer-cart-summary__line {
padding: 10px 0 !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding: 14px 0 0 !important;
background: transparent !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon input[name="coupon_code"] {
min-height: 54px !important;
padding: 0 18px !important;
border: 1px solid rgba(17, 17, 17, 0.10) !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, 0.92) !important;
box-shadow: none !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__coupon button[name="apply_coupon"],
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button,
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
border-radius: 18px !important;
}
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cross-sells {
display: none !important;
}
}
/* === v115 desktop cart visual polish + mobile summary cleanup === */
@media (min-width: 768px) {
.woocommerce-cart .woocommerce-cart-form__contents {
border-collapse: separate !important;
border-spacing: 0 18px !important;
background: transparent !important;
}
.woocommerce-cart .shop_table.cart,
.woocommerce-cart .shop_table.cart tbody,
.woocommerce-cart .shop_table.cart tr {
background: transparent !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item td {
background: rgba(255, 255, 255, 0.92) !important;
border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
padding: 28px 20px !important;
vertical-align: middle !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item td:first-child {
border-left: 1px solid rgba(17, 17, 17, 0.08) !important;
border-top-left-radius: 28px !important;
border-bottom-left-radius: 28px !important;
padding-left: 24px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item td:last-child {
border-right: 1px solid rgba(17, 17, 17, 0.08) !important;
border-top-right-radius: 28px !important;
border-bottom-right-radius: 28px !important;
padding-right: 24px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item td.product-remove {
width: 72px !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item td.product-remove .remove {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
border: 1px solid rgba(17, 17, 17, 0.10) !important;
border-radius: 999px !important;
background: #fff !important;
color: #111 !important;
line-height: 1 !important;
box-shadow: 0 8px 20px rgba(17, 17, 17, 0.05) !important;
}
.woocommerce-cart .shop_table.cart td.product-thumbnail img {
width: 132px !important;
max-width: 132px !important;
border-radius: 20px !important;
object-fit: cover !important;
}
.woocommerce-cart .shop_table.cart td.product-name a {
color: #111 !important;
font-size: 20px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-decoration: none !important;
}
.woocommerce-cart .shop_table.cart td.product-name .variation,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta,
.woocommerce-cart .shop_table.cart td.product-name .variation *,
.woocommerce-cart .shop_table.cart td.product-name .wc-item-meta * {
color: rgba(17, 17, 17, 0.64) !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.woocommerce-cart .shop_table.cart td.product-price,
.woocommerce-cart .shop_table.cart td.product-subtotal {
font-size: 16px !important;
font-weight: 600 !important;
color: #111 !important;
}
.woocommerce-cart .shop_table.cart td.product-price .amount,
.woocommerce-cart .shop_table.cart td.product-subtotal .amount,
.woocommerce-cart .shop_table.cart td.product-price .woocommerce-Price-amount,
.woocommerce-cart .shop_table.cart td.product-subtotal .woocommerce-Price-amount {
font-size: 18px !important;
font-weight: 600 !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell {
padding-top: 6px !important;
padding-bottom: 0 !important;
}
.woocommerce-cart .lamujer-cart-actions__summary {
padding: 24px 32px !important;
border: 1px solid rgba(17, 17, 17, 0.08) !important;
border-radius: 28px !important;
background: rgba(255, 255, 255, 0.92) !important;
box-shadow: 0 10px 30px rgba(17, 17, 17, 0.05) !important;
gap: 0 !important;
}
.woocommerce-cart .lamujer-cart-summary__line {
padding: 18px 0 !important;
font-size: 17px !important;
}
.woocommerce-cart .lamujer-cart-summary__line + .lamujer-cart-summary__line {
border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
}
.woocommerce-cart .lamujer-cart-summary__line--total {
font-size: 20px !important;
border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding-top: 14px !important;
padding-bottom: 0 !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon input[name="coupon_code"] {
border-radius: 18px !important;
background: rgba(255, 255, 255, 0.92) !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button {
border-radius: 18px !important;
}
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
border-radius: 20px !important;
border: 1px solid rgba(17, 17, 17, 0.08) !important;
box-shadow: 0 10px 24px rgba(17, 17, 17, 0.04) !important;
}
}
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row,
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td::before,
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td::after,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td::before,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td::after,
.woocommerce-cart .lamujer-cart-summary-cell::before,
.woocommerce-cart .lamujer-cart-summary-cell::after,
.woocommerce-cart .lamujer-cart-actions__summary::before,
.woocommerce-cart .lamujer-cart-actions__summary::after {
border: 0 !important;
box-shadow: none !important;
content: none !important;
}
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
background: transparent !important;
}
}
/* === v116 desktop table border removal + mobile single divider above subtotal === */
/* Desktop: remove outer border around the whole cart table, keep internal card styling */
@media (min-width: 768px) {
.woocommerce-cart .shop_table.cart,
.woocommerce-cart table.shop_table.cart,
.woocommerce-cart .woocommerce-cart-form__contents {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
}
/* Mobile: keep only one divider above subtotal */
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
box-shadow: none !important;
background-image: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::before {
content: attr(data-title) !important;
}
/* remove extra decorative/dashed divider that was creating a second line */
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::after,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price::after,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity::after,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item::before,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item::after {
content: none !important;
display: none !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
/* ensure only a single solid separator remains above the subtotal row */
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal > * {
box-shadow: none !important;
background-image: none !important;
}
}
/* === v117 mobile single divider above subtotal + desktop unified widths === */
/* Desktop: summary + coupon/actions width aligned to product cards */
@media (min-width: 768px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td {
padding-left: 0 !important;
padding-right: 0 !important;
background: transparent !important;
}
.woocommerce-cart .lamujer-cart-actions__summary,
.woocommerce-cart .lamujer-cart-actions {
width: calc(100% - 120px) !important;
max-width: calc(100% - 120px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-actions__summary {
border-radius: 32px !important;
}
}
/* Mobile: force exactly one line above KWOTA */
@media (max-width: 767px) {
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
position: relative !important;
border-top: 0 !important;
padding-top: 18px !important;
background-image: none !important;
box-shadow: none !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::before {
content: attr(data-title) !important;
position: static !important;
display: block !important;
}
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
height: 1px !important;
display: block !important;
background: rgba(17, 17, 17, 0.08) !important;
border: 0 !important;
box-shadow: none !important;
}
/* kill any additional divider sources inside subtotal row */
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal > *,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .amount,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .woocommerce-Price-amount,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal span,
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal strong {
background-image: none !important;
box-shadow: none !important;
border-top: 0 !important;
}
/* remove previous decorative/dashed line above subtotal from neighboring row */
.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity {
border-bottom: 0 !important;
box-shadow: none !important;
background-image: none !important;
}
}
/* === v118 desktop: cart summary and actions same width as product cards === */
@media (min-width: 768px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
padding-left: 0 !important;
padding-right: 0 !important;
background: transparent !important;
}
.woocommerce-cart .lamujer-cart-actions__summary,
.woocommerce-cart .lamujer-cart-actions {
width: calc(100% - 40px) !important;
max-width: calc(100% - 40px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
}
/* === v119 desktop cart summary/actions true full card width === */
@media (min-width: 768px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row,
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box !important;
background: transparent !important;
}
.woocommerce-cart .lamujer-cart-actions__summary,
.woocommerce-cart .lamujer-cart-actions {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
/* prevent any inherited centering/shrinking rules */
.woocommerce-cart .lamujer-cart-actions__summary[style],
.woocommerce-cart .lamujer-cart-actions[style] {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* === v120 desktop: summary/actions outer edges match product cards exactly === */
@media (min-width: 768px) {
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row td.lamujer-cart-summary-cell,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row td.actions,
.woocommerce-cart .shop_table.cart .lamujer-cart-summary-row > td,
.woocommerce-cart .shop_table.cart .lamujer-cart-actions-row > td {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
background: transparent !important;
}
.woocommerce-cart .lamujer-cart-actions__summary,
.woocommerce-cart .lamujer-cart-actions {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
}
/* === v121 single product quantity proportion fix === */
.single-product .lm-cart-row,
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart,
.single-product .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
align-items: center !important;
}
.single-product .lm-cart-row .quantity.lm-qty-enhanced,
.single-product form.cart .quantity.lm-qty-enhanced,
.single-product .variations_form .quantity.lm-qty-enhanced,
.single-product .woocommerce div.product form.cart .quantity.lm-qty-enhanced,
.single-product form.cart .quantity,
.single-product .variations_form .quantity {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.single-product .lm-qty-btn,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
height: 86px !important;
min-height: 86px !important;
max-height: 86px !important;
flex: 0 0 86px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
line-height: 1 !important;
border-radius: 999px !important;
box-sizing: border-box !important;
}
.single-product .lm-cart-row .quantity .qty,
.single-product form.cart .quantity .qty,
.single-product .variations_form .quantity .qty,
.single-product form.cart input.qty,
.single-product .variations_form input.qty {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
height: 86px !important;
min-height: 86px !important;
max-height: 86px !important;
flex: 0 0 86px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
border-radius: 999px !important;
box-sizing: border-box !important;
appearance: textfield !important;
-moz-appearance: textfield !important;
}
.single-product .lm-cart-row .quantity .qty::-webkit-outer-spin-button,
.single-product .lm-cart-row .quantity .qty::-webkit-inner-spin-button,
.single-product form.cart .quantity .qty::-webkit-outer-spin-button,
.single-product form.cart .quantity .qty::-webkit-inner-spin-button,
.single-product .variations_form .quantity .qty::-webkit-outer-spin-button,
.single-product .variations_form .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
@media (max-width: 768px) {
.single-product .lm-qty-btn,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus,
.single-product .lm-cart-row .quantity .qty,
.single-product form.cart .quantity .qty,
.single-product .variations_form .quantity .qty,
.single-product form.cart input.qty,
.single-product .variations_form input.qty {
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
flex-basis: 72px !important;
}
.single-product .lm-cart-row .quantity.lm-qty-enhanced,
.single-product form.cart .quantity.lm-qty-enhanced,
.single-product .variations_form .quantity.lm-qty-enhanced,
.single-product form.cart .quantity,
.single-product .variations_form .quantity {
gap: 10px !important;
}
}
/* === v122 equal size qty buttons and input (desktop + mobile) === */
.single-product .lm-qty-btn,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus,
.single-product .lm-cart-row .quantity .qty,
.single-product form.cart .quantity .qty,
.single-product .variations_form .quantity .qty,
.single-product form.cart input.qty,
.single-product .variations_form input.qty {
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
flex: 0 0 72px !important;
}
@media (min-width: 768px) {
.single-product .lm-qty-btn,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus,
.single-product .lm-cart-row .quantity .qty,
.single-product form.cart .quantity .qty,
.single-product .variations_form .quantity .qty,
.single-product form.cart input.qty,
.single-product .variations_form input.qty {
width: 80px !important;
min-width: 80px !important;
max-width: 80px !important;
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
flex-basis: 80px !important;
}
}
/* === v123 refined quantity UI: perfect circles + larger center === */
/* base (mobile first) */
.single-product .lm-qty-btn,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus {
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
min-height: 56px !important;
max-width: 56px !important;
max-height: 56px !important;
flex: 0 0 56px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
.single-product .lm-cart-row .quantity .qty,
.single-product form.cart .quantity .qty,
.single-product .variations_form .quantity .qty,
.single-product form.cart input.qty,
.single-product .variations_form input.qty {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
min-height: 64px !important;
max-width: 64px !important;
max-height: 64px !important;
flex: 0 0 64px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
/* desktop scaling */
@media (min-width: 768px) {
.single-product .lm-qty-btn,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product .variations_form .qty-minus,
.single-product .variations_form .qty-plus {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
min-height: 64px !important;
flex-basis: 64px !important;
}
.single-product .lm-cart-row .quantity .qty,
.single-product form.cart .quantity .qty,
.single-product .variations_form .quantity .qty,
.single-product form.cart input.qty,
.single-product .variations_form input.qty {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
min-height: 72px !important;
flex-basis: 72px !important;
}
}
/* ensure no ellipse stretching */
.single-product .quantity {
align-items: center !important;
justify-content: center !important;
}
/* === v124 cart CTA restyle + delivery flow + checkout styling === */
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon input[name="coupon_code"] {
border-radius: 999px !important;
min-height: 72px !important;
padding: 0 28px !important;
}
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button,
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
border-radius: 999px !important;
min-height: 72px !important;
padding: 0 32px !important;
color: #fff !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
font-weight: 700 !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 24px 48px rgba(113,34,137,0.20), inset 0 1px 0 rgba(255,255,255,0.18) !important;
position: relative !important;
overflow: hidden !important;
}
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button::after,
.woocommerce-cart a.checkout-button.button.alt.wc-forward::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0) 80%) !important;
transform: translateX(-120%) !important;
transition: transform .6s ease !important;
}
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button:hover::after,
.woocommerce-cart a.checkout-button.button.alt.wc-forward:hover::after {
transform: translateX(120%) !important;
}
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__coupon button[name="apply_coupon"] {
border-radius: 999px !important;
min-height: 72px !important;
padding: 0 34px !important;
background: #f0e3f5 !important;
color: #5e1f73 !important;
border: 1px solid rgba(113,34,137,0.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.65) !important;
font-weight: 700 !important;
}
.lm-delivery-entry,
.lm-checkout-shell {
position: relative;
z-index: 1;
width: min(1320px, calc(100% - 40px));
margin: 0 auto;
padding: 32px 0 80px;
}
.lm-delivery-entry__hero,
.lm-checkout-shell__intro {
margin: 0 0 28px;
}
.lm-delivery-entry__eyebrow,
.lm-checkout-shell__eyebrow {
margin: 0 0 10px;
color: var(--accent);
text-transform: uppercase;
letter-spacing: 0.16em;
font-size: 0.82rem;
font-weight: 700;
}
.lm-delivery-entry__hero h1,
.lm-checkout-shell__intro h1 {
margin: 0 0 10px;
font-size: clamp(2.1rem, 4vw, 3.4rem);
line-height: 1;
}
.lm-delivery-entry__hero p,
.lm-checkout-shell__intro p {
margin: 0;
max-width: 760px;
color: rgba(17,17,17,0.68);
font-size: 1.05rem;
line-height: 1.7;
}
.lm-checkout-steps { margin: 0 0 30px; }
.lm-checkout-steps ol {
list-style: none;
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 18px;
margin: 0;
padding: 0;
}
.lm-checkout-steps__item a {
text-decoration: none;
display: flex;
align-items: center;
gap: 14px;
padding: 12px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.74);
border: 1px solid rgba(17,17,17,0.08);
}
.lm-checkout-steps__index {
width: 40px; height: 40px; min-width: 40px;
display: inline-flex; align-items: center; justify-content: center;
border-radius: 50%;
border: 1px solid rgba(17,17,17,0.12);
font-weight: 700;
}
.lm-checkout-steps__label { font-weight: 600; line-height: 1.3; }
.lm-checkout-steps__item.is-active a {
background: rgba(12,12,16,0.98);
color: #fff;
border-color: rgba(255,255,255,0.08);
}
.lm-checkout-steps__item.is-active .lm-checkout-steps__index {
background: #fff; color: #111; border-color: transparent;
}
.lm-checkout-steps__item.is-complete .lm-checkout-steps__index {
background: rgba(113,34,137,0.10);
color: var(--accent);
border-color: rgba(113,34,137,0.12);
}
.lm-delivery-grid {
display: grid;
grid-template-columns: 1.08fr 0.92fr;
gap: 26px;
}
.lm-auth-card {
background: linear-gradient(135deg, rgba(10,10,14,0.98) 0%, rgba(16,18,24,0.98) 100%);
color: #fff;
border-radius: 32px;
padding: 34px;
box-shadow: 0 34px 64px rgba(0,0,0,0.22);
}
.lm-auth-card--guest {
background: rgba(255,255,255,0.88);
color: #111;
border: 1px solid rgba(17,17,17,0.08);
box-shadow: 0 22px 44px rgba(17,17,17,0.06);
}
.lm-auth-card__badge {
display: inline-flex;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.10);
color: inherit;
font-size: 0.78rem;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 18px;
}
.lm-auth-card--guest .lm-auth-card__badge {
background: rgba(113,34,137,0.08);
color: var(--accent);
}
.lm-auth-card h2 {
margin: 0 0 12px;
font-size: clamp(2rem, 3vw, 2.6rem);
line-height: 1.05;
}
.lm-auth-card p { margin: 0; line-height: 1.7; color: inherit; opacity: .84; }
.lm-auth-card__actions {
display: grid; gap: 14px; margin-top: 26px;
}
.lm-social-login,
.lm-account-cta,
.lm-guest-submit {
min-height: 64px;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
text-decoration: none;
font-weight: 700;
padding: 0 24px;
transition: transform .2s ease, box-shadow .2s ease;
}
.lm-social-login {
border: 1px solid rgba(255,255,255,0.18);
background: rgba(255,255,255,0.02);
color: #fff;
}
.lm-auth-card--guest .lm-social-login { border-color: rgba(17,17,17,0.08); color: #111; }
.lm-social-login__icon {
width: 34px; height: 34px; min-width: 34px;
border-radius: 50%;
display: inline-flex; align-items: center; justify-content: center;
background: rgba(255,255,255,0.12);
font-weight: 700;
}
.lm-account-cta,
.lm-guest-submit {
color: #fff;
border: 0;
cursor: pointer;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%);
box-shadow: 0 22px 38px rgba(113,34,137,0.18), inset 0 1px 0 rgba(255,255,255,0.18);
}
.lm-auth-card--guest .lm-guest-submit {
min-height: 70px;
}
.lm-auth-card__hint {
margin-top: 26px;
padding-top: 24px;
border-top: 1px solid rgba(255,255,255,0.12);
}
.lm-auth-card--guest .lm-auth-card__hint { border-top-color: rgba(17,17,17,0.08); }
.lm-auth-card__hint ul { margin: 12px 0 0; padding-left: 18px; }
.lm-auth-card__hint li { margin: 8px 0; }
.lm-guest-form {
display: grid; gap: 16px; margin-top: 26px;
}
.lm-field span {
display:block; margin: 0 0 8px; font-weight: 600;
}
.lm-field input {
width: 100%; min-height: 64px;
border-radius: 18px; border: 1px solid rgba(17,17,17,0.10);
padding: 0 18px; background: #fff;
}
.lm-checkbox {
display: grid;
grid-template-columns: 22px minmax(0,1fr);
gap: 12px;
align-items: start;
font-size: 0.96rem;
line-height: 1.6;
}
.lm-checkbox input { margin-top: 4px; }
.lm-auth-card__microcopy {
margin-top: 16px; font-size: 0.92rem;
}
.woocommerce-checkout .woocommerce {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
gap: 28px;
align-items: start;
}
.woocommerce-checkout form.checkout {
display: contents;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
margin: 0;
}
.woocommerce-checkout #customer_details {
padding: 30px;
border-radius: 32px;
background: rgba(255,255,255,0.88);
border: 1px solid rgba(17,17,17,0.08);
box-shadow: 0 22px 44px rgba(17,17,17,0.06);
}
.woocommerce-checkout #order_review_heading {
display: none;
}
.woocommerce-checkout #order_review {
position: sticky;
top: 110px;
padding: 30px;
border-radius: 32px;
background: linear-gradient(135deg, rgba(10,10,14,0.98) 0%, rgba(16,18,24,0.98) 100%);
color: #fff;
box-shadow: 0 34px 64px rgba(0,0,0,0.22);
}
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
font-size: 1.45rem;
margin: 0 0 22px;
}
.woocommerce-checkout .form-row {
margin-bottom: 18px;
}
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
min-height: 68px;
border-radius: 20px !important;
border: 1px solid rgba(17,17,17,0.12) !important;
background: rgba(255,255,255,0.98) !important;
padding: 18px 22px !important;
}
.woocommerce-checkout textarea { min-height: 140px; }
.woocommerce-checkout .select2-container .select2-selection--single {
min-height: 68px;
border-radius: 20px !important;
border: 1px solid rgba(17,17,17,0.12) !important;
padding: 10px 18px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 46px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .shop_table {
background: transparent !important;
color: inherit !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
border-color: rgba(255,255,255,0.10) !important;
padding: 16px 0 !important;
}
.woocommerce-checkout .place-order .button,
.woocommerce-checkout #payment button.button,
.woocommerce-checkout button#place_order {
width: 100% !important;
min-height: 72px !important;
border-radius: 999px !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
font-weight: 700 !important;
color: #fff !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 24px 48px rgba(113,34,137,0.22), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.woocommerce-checkout .payment_methods {
margin: 0 0 16px !important;
padding: 0 !important;
border: 0 !important;
}
.woocommerce-checkout .payment_methods > li {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 18px;
padding: 16px !important;
margin-bottom: 12px !important;
}
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message {
border-radius: 20px !important;
}
.lm-checkout-consents {
margin-top: 28px;
padding-top: 26px;
border-top: 1px solid rgba(17,17,17,0.08);
}
.lm-checkout-consents h3 {
margin: 0 0 16px;
font-size: 1.2rem;
}
.lm-checkout-consents .woocommerce-form__label-for-checkbox,
.lm-checkout-consents label.checkbox {
display: grid !important;
grid-template-columns: 22px minmax(0,1fr);
gap: 12px;
line-height: 1.6;
}
@media (max-width: 991px) {
.lm-delivery-grid,
.woocommerce-checkout .woocommerce {
grid-template-columns: 1fr;
}
.lm-checkout-steps ol { grid-template-columns: 1fr 1fr; }
.woocommerce-checkout #order_review { position: static; }
}
@media (max-width: 767px) {
.lm-delivery-entry,
.lm-checkout-shell {
width: calc(100% - 28px);
padding: 22px 0 52px;
}
.lm-checkout-steps ol { grid-template-columns: 1fr; gap: 10px; }
.lm-auth-card,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
border-radius: 24px;
padding: 22px;
}
.woocommerce-cart .lamujer-cart-actions__coupon .input-text,
.woocommerce-cart .lamujer-cart-actions__coupon input[name="coupon_code"],
.woocommerce-cart .lamujer-cart-actions__coupon .button,
.woocommerce-cart .lamujer-cart-actions__coupon button[name="apply_coupon"],
.woocommerce-cart .lamujer-cart-actions__checkout .checkout-button,
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
min-height: 64px !important;
}
}
/* === v125 my-account checkout entry styling === */
.woocommerce-account .woocommerce {
width: 100%;
}
.woocommerce-account .woocommerce-notices-wrapper {
margin-bottom: 18px;
}
.woocommerce-account .u-columns {
display: grid !important;
grid-template-columns: minmax(0,1fr) minmax(0,1fr);
gap: 28px !important;
align-items: start;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
width: 100% !important;
float: none !important;
}
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2 {
margin: 0 0 18px !important;
font-size: 2.2rem !important;
line-height: 1.05 !important;
}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
padding: 32px !important;
border-radius: 32px !important;
background: rgba(255,255,255,0.88) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 22px 44px rgba(17,17,17,0.06) !important;
}
.woocommerce-account .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-register .form-row {
margin-bottom: 16px !important;
}
.woocommerce-account .woocommerce-form-login .input-text,
.woocommerce-account .woocommerce-form-register .input-text {
min-height: 68px !important;
border-radius: 20px !important;
border: 1px solid rgba(17,17,17,0.12) !important;
padding: 18px 22px !important;
background: rgba(255,255,255,0.98) !important;
}
.woocommerce-account .woocommerce-form-login button.button,
.woocommerce-account .woocommerce-form-register button.button {
min-height: 64px !important;
border-radius: 999px !important;
padding: 0 28px !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
border: 0 !important;
box-shadow: 0 20px 38px rgba(113,34,137,0.16), inset 0 1px 0 rgba(255,255,255,0.18) !important;
font-weight: 700 !important;
}
.woocommerce-account .woocommerce-form-login .show-password-input,
.woocommerce-account .woocommerce-form-register .show-password-input {
top: 21px !important;
right: 18px !important;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-form-register .woocommerce-form__label-for-checkbox,
.woocommerce-account #woo_ml_subscribe_field .checkbox {
display: grid !important;
grid-template-columns: 22px minmax(0,1fr) !important;
gap: 12px !important;
align-items: start !important;
line-height: 1.6 !important;
}
.woocommerce-account #woo_ml_subscribe_field {
display: block !important;
margin-top: 18px !important;
padding-top: 18px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
}
.woocommerce-account #woo_ml_subscribe_field::before {
display: none !important;
content: none !important;
}
.lm-checkout-shell--account {
padding-bottom: 28px !important;
}
.lm-account-guest-bar {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 22px;
align-items: center;
margin: 0 0 26px;
padding: 24px 28px;
border-radius: 30px;
background: linear-gradient(135deg, rgba(10,10,14,0.98) 0%, rgba(16,18,24,0.98) 100%);
color: #fff;
box-shadow: 0 28px 52px rgba(0,0,0,0.18);
}
.lm-account-guest-bar__badge {
display: inline-flex;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.10);
letter-spacing: 0.14em;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 10px;
}
.lm-account-guest-bar__content strong {
display: block;
font-size: 1.45rem;
margin-bottom: 8px;
}
.lm-account-guest-bar__content p {
margin: 0;
opacity: .8;
}
.lm-account-guest-bar__button {
min-height: 68px;
padding: 0 30px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #5e1f73;
background: #f0e3f5;
border: 1px solid rgba(113,34,137,0.10);
font-weight: 700;
white-space: nowrap;
}
@media (max-width: 991px) {
.woocommerce-account .u-columns {
grid-template-columns: 1fr !important;
}
.lm-account-guest-bar {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
padding: 22px !important;
border-radius: 24px !important;
}
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2 {
font-size: 1.8rem !important;
}
}
/* === v127 summary page: two-column checkout + compact consents === */
.woocommerce-checkout .woocommerce {
display: grid !important;
grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr) !important;
gap: 30px !important;
align-items: start !important;
}
.woocommerce-checkout #customer_details {
grid-column: 1 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 24px !important;
align-content: start !important;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
float: none !important;
max-width: 100% !important;
padding: 28px !important;
margin: 0 !important;
border-radius: 28px !important;
background: rgba(255,255,255,0.88) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 18px 40px rgba(17,17,17,0.05) !important;
}
.woocommerce-checkout #order_review {
grid-column: 2 !important;
grid-row: 1 / span 3 !important;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
margin: 0 !important;
}
.lm-checkout-section-heading,
.lm-checkout-sidebar-heading {
margin: 0 0 20px !important;
}
.lm-checkout-section-heading__eyebrow {
display: inline-flex;
margin: 0 0 8px;
color: var(--accent);
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.74rem;
font-weight: 700;
}
.lm-checkout-section-heading h3,
.lm-checkout-sidebar-heading h3 {
margin: 0 !important;
font-size: 1.55rem !important;
line-height: 1.1 !important;
}
.woocommerce-checkout #order_review {
padding-top: 26px !important;
}
.woocommerce-checkout-review-order-table thead th {
font-size: 0.8rem !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
.woocommerce-checkout-review-order-table .cart_item td,
.woocommerce-checkout-review-order-table .cart_item th {
vertical-align: top !important;
}
.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th {
font-weight: 600 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.woocommerce-checkout #payment {
margin-top: 18px !important;
padding-top: 18px !important;
border-top: 1px solid rgba(255,255,255,0.12) !important;
}
.woocommerce-checkout .shipping,
.woocommerce-checkout .shipping td,
.woocommerce-checkout .shipping th {
vertical-align: top !important;
}
.woocommerce-checkout ul#shipping_method {
margin: 10px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
.woocommerce-checkout ul#shipping_method li {
margin: 0 0 10px !important;
padding: 14px 16px !important;
border-radius: 16px !important;
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
}
.lm-checkout-consents {
margin-top: 8px !important;
padding-top: 20px !important;
}
.lm-checkout-consents .form-row {
margin-bottom: 14px !important;
}
.lm-checkout-consents .optional,
.lm-checkout-consents .required {
display: none !important;
}
.lm-checkout-consents .woocommerce-input-wrapper,
.lm-checkout-consents label.checkbox,
.lm-checkout-consents .woocommerce-form__label-for-checkbox {
display: block !important;
width: 100% !important;
}
.lm-checkout-consents label.checkbox,
.lm-checkout-consents .woocommerce-form__label-for-checkbox {
display: grid !important;
grid-template-columns: 24px minmax(0,1fr) !important;
gap: 14px !important;
align-items: center !important;
}
.lm-checkout-consents input[type="checkbox"] {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
margin: 0 !important;
}
.lm-checkout-consents .woocommerce-form__label-for-checkbox span,
.lm-checkout-consents label.checkbox span {
display: block !important;
font-size: 0.98rem !important;
line-height: 1.55 !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
margin-bottom: 0 !important;
}
@media (max-width: 991px) {
.woocommerce-checkout .woocommerce {
grid-template-columns: 1fr !important;
}
.woocommerce-checkout #order_review {
grid-column: 1 !important;
grid-row: auto !important;
}
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
padding: 22px !important;
border-radius: 22px !important;
}
.lm-checkout-consents label.checkbox,
.lm-checkout-consents .woocommerce-form__label-for-checkbox {
grid-template-columns: 24px minmax(0,1fr) !important;
align-items: start !important;
}
}
/* === v128 remove stepper + force 50/50 layout === */
/* remove stepper */
.lm-checkout-steps,
.lm-checkout-shell__steps,
.lm-checkout-steps-wrapper {
display:none !important;
}
/* force 50/50 desktop */
@media (min-width: 992px){
.woocommerce-checkout .woocommerce {
grid-template-columns: 1fr 1fr !important;
}
}
/* spacing fix */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
width:100% !important;
max-width:100% !important;
}
/* === v129 compact 3-step flow + account/checkout layout refinements === */
.lm-checkout-steps,
.lm-checkout-shell__steps,
.lm-checkout-steps-wrapper {
display: block !important;
}
.woocommerce-checkout .lm-checkout-steps__item:nth-child(4),
.woocommerce-account .lm-checkout-steps__item:nth-child(4) {
display: none !important;
}
.woocommerce-account .u-columns {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 28px !important;
}
@media (min-width: 992px){
.woocommerce-checkout .woocommerce {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important; /* 60/40 */
}
}
.lm-account-guest-bar {
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 28px 52px rgba(113,34,137,0.22) !important;
}
.lm-account-guest-bar__badge {
background: rgba(255,255,255,0.14) !important;
}
.lm-account-guest-bar__button {
background: rgba(255,255,255,0.90) !important;
color: #6a2380 !important;
border-color: rgba(255,255,255,0.16) !important;
}
@media (max-width: 767px) {
.lm-checkout-steps {
margin: 0 0 20px !important;
}
.lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0,1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
}
.lm-checkout-steps__item a {
min-height: 110px !important;
padding: 12px 8px !important;
border-radius: 26px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
text-align: center !important;
background: rgba(255,255,255,0.82) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
}
.lm-checkout-steps__index {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
border-radius: 50% !important;
font-size: 1rem !important;
font-weight: 700 !important;
background: rgba(113,34,137,0.06) !important;
color: #6d2584 !important;
border: 1px solid rgba(113,34,137,0.10) !important;
}
.lm-checkout-steps__label {
font-size: 0.8rem !important;
line-height: 1.25 !important;
font-weight: 600 !important;
max-width: 84px !important;
}
.lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 16px 30px rgba(113,34,137,0.18) !important;
}
.lm-checkout-steps__item.is-active .lm-checkout-steps__index {
background: #fff !important;
color: #6d2584 !important;
border-color: transparent !important;
}
.lm-checkout-steps__item.is-complete a {
background: rgba(255,255,255,0.72) !important;
}
.lm-checkout-steps__item.is-complete .lm-checkout-steps__index {
background: rgba(113,34,137,0.10) !important;
color: #6d2584 !important;
border-color: rgba(113,34,137,0.12) !important;
}
}
/* === v130 ensure login first, register second === */
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns #customer_login .u-column1,
.woocommerce-account #customer_login .u-column1 {
order: 1 !important;
}
.woocommerce-account .u-columns .u-column2,
.woocommerce-account .u-columns #customer_login .u-column2,
.woocommerce-account #customer_login .u-column2 {
order: 2 !important;
}
/* === v131 hide account intro outside checkout-entry; keep clean top on my-account === */
.lm-checkout-shell--account .lm-checkout-shell__intro {
display: none !important;
}
/* === v133 checkbox alignment + purple style === */
.woocommerce-form__label-for-checkbox,
#woo_ml_subscribe_field label,
#woo_ml_subscribe_field {
display: flex !important;
align-items: center !important;
gap: 12px !important;
line-height: 1.4 !important;
}
#woo_ml_subscribe_field input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 4px;
border: 1.5px solid #7a2b9d;
appearance: none;
cursor: pointer;
position: relative;
background: #fff;
}
#woo_ml_subscribe_field input[type="checkbox"]:checked {
background: #7a2b9d;
border-color: #7a2b9d;
}
#woo_ml_subscribe_field input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* === v134 mobile my-account order + remember me checkbox style === */
@media (max-width: 767px) {
.woocommerce-account .u-columns {
display: flex !important;
flex-direction: column !important;
}
.woocommerce-account .u-columns .u-column1,
.woocommerce-account #customer_login .u-column1 {
order: 1 !important;
}
.woocommerce-account .u-columns .u-column2,
.woocommerce-account #customer_login .u-column2 {
order: 2 !important;
}
}
/* remember me styled like newsletter checkbox */
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
display: flex !important;
align-items: center !important;
gap: 12px !important;
line-height: 1.4 !important;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
border-radius: 4px !important;
border: 1.5px solid #7a2b9d !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
position: relative !important;
background: #fff !important;
margin: 0 !important;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked,
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked {
background: #7a2b9d !important;
border-color: #7a2b9d !important;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after,
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
left: 5px !important;
top: 2px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
/* === v135 hide My Account page title/eyebrow for logged-out users === */
body.woocommerce-account:not(.logged-in) .entry-header,
body.woocommerce-account:not(.logged-in) .page-header,
body.woocommerce-account:not(.logged-in) .woocommerce-MyAccount-content > .entry-title,
body.woocommerce-account:not(.logged-in) .entry-title,
body.woocommerce-account:not(.logged-in) h1.entry-title,
body.woocommerce-account:not(.logged-in) .lm-page-hero,
body.woocommerce-account:not(.logged-in) .lm-page-heading,
body.woocommerce-account:not(.logged-in) .lm-page-intro,
body.woocommerce-account:not(.logged-in) .woocommerce-account .page-title,
body.woocommerce-account:not(.logged-in) .woocommerce-account .entry-header {
display: none !important;
}
/* tighter top spacing when title block is hidden */
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) main,
body.woocommerce-account:not(.logged-in) .content-area {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* === v136 FORCE hide my-account hero/title when logged out === */
body.woocommerce-account:not(.logged-in) .page-title,
body.woocommerce-account:not(.logged-in) .page-title-wrapper,
body.woocommerce-account:not(.logged-in) .page-hero,
body.woocommerce-account:not(.logged-in) .hero,
body.woocommerce-account:not(.logged-in) .entry-header,
body.woocommerce-account:not(.logged-in) header.page-header,
body.woocommerce-account:not(.logged-in) .lm-hero,
body.woocommerce-account:not(.logged-in) .lm-header-block,
body.woocommerce-account:not(.logged-in) .lm-title-block,
body.woocommerce-account:not(.logged-in) h1,
body.woocommerce-account:not(.logged-in) .woocommerce-account > h1 {
display: none !important;
height: 0 !important;
overflow: hidden !important;
}
/* remove top spacing leftovers */
body.woocommerce-account:not(.logged-in) main,
body.woocommerce-account:not(.logged-in) .site-main {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* === v137 hide eyebrow/brand strip on logged-out my-account too === */
body.woocommerce-account:not(.logged-in) .lm-checkout-shell__eyebrow,
body.woocommerce-account:not(.logged-in) .lm-delivery-entry__eyebrow,
body.woocommerce-account:not(.logged-in) .lm-page-eyebrow,
body.woocommerce-account:not(.logged-in) .lm-section-eyebrow,
body.woocommerce-account:not(.logged-in) .lm-checkout-shell > p,
body.woocommerce-account:not(.logged-in) .woocommerce-account .lm-checkout-shell__eyebrow {
display: none !important;
height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
/* === v138 finally hide theme page hero on logged-out my-account === */
body.woocommerce-account:not(.logged-in) .lm-shop-header,
body.woocommerce-account:not(.logged-in) .lm-shop-header *,
body.woocommerce-account:not(.logged-in) .lm-archive-page > .lm-archive-shell > .lm-shop-header {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* === v139 checkout layout final: desktop 2 columns, mobile stacked === */
.woocommerce-checkout .woocommerce form.checkout {
display: block !important;
width: 100% !important;
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
float: none !important;
max-width: 100% !important;
}
@media (min-width: 992px) {
.woocommerce-checkout .woocommerce form.checkout {
display: grid !important;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important; /* 60/40 */
gap: 28px !important;
align-items: start !important;
}
.woocommerce-checkout .col2-set {
grid-column: 1 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 24px !important;
align-content: start !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
float: none !important;
max-width: 100% !important;
margin: 0 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
align-self: start !important;
}
.woocommerce-checkout #order_review {
position: sticky !important;
top: 110px !important;
}
}
@media (max-width: 991px) {
.woocommerce-checkout .woocommerce form.checkout {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
}
.woocommerce-checkout .col2-set {
order: 1 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
order: 2 !important;
position: static !important;
width: 100% !important;
max-width: 100% !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
float: none !important;
max-width: 100% !important;
margin: 0 !important;
}
}
/* left column cards */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
padding: 28px !important;
border-radius: 28px !important;
background: rgba(255,255,255,0.88) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 18px 40px rgba(17,17,17,0.05) !important;
}
.woocommerce-checkout .col2-set .col-2 {
margin-top: 0 !important;
}
/* review/payment card */
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
padding: 28px !important;
border-radius: 28px !important;
background: linear-gradient(135deg, rgba(10,10,14,0.98) 0%, rgba(16,18,24,0.98) 100%) !important;
color: #fff !important;
box-shadow: 0 28px 56px rgba(0,0,0,0.18) !important;
overflow: hidden !important;
}
.woocommerce-checkout #order_review .shop_table,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment {
background: transparent !important;
color: inherit !important;
border: 0 !important;
box-shadow: none !important;
}
.woocommerce-checkout #order_review table th,
.woocommerce-checkout #order_review table td {
border-color: rgba(255,255,255,0.10) !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
display: grid !important;
gap: 0 !important;
}
/* ensure company and NIP stay in left content flow */
.woocommerce-checkout .lm-company-field,
.woocommerce-checkout p#billing_company_field,
.woocommerce-checkout p#billing_nip_field {
width: 100% !important;
float: none !important;
clear: both !important;
}
@media (max-width: 767px) {
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
padding: 22px !important;
border-radius: 22px !important;
}
}
/* === v140 checkout summary: remove duplicate intro, center steps, clean two-column start === */
/* hide duplicated checkout hero because page already has H1 */
.woocommerce-checkout .lm-checkout-shell__intro,
.woocommerce-checkout .lm-checkout-shell__eyebrow,
.woocommerce-checkout .lm-checkout-shell h1,
.woocommerce-checkout .lm-checkout-shell > p {
display: none !important;
}
/* center the progress path like on my-account */
.woocommerce-checkout .lm-checkout-shell {
width: min(1320px, calc(100% - 40px)) !important;
margin: 0 auto !important;
padding-top: 8px !important;
}
.woocommerce-checkout .lm-checkout-steps {
max-width: 1180px !important;
margin: 0 auto 34px !important;
}
.woocommerce-checkout .lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
align-items: stretch !important;
}
.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 110px !important;
border-radius: 999px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 18px !important;
padding: 0 28px !important;
background: rgba(255,255,255,0.86) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: none !important;
text-align: left !important;
}
.woocommerce-checkout .lm-checkout-steps__index {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
}
.woocommerce-checkout .lm-checkout-steps__label {
max-width: none !important;
font-size: 1rem !important;
line-height: 1.25 !important;
text-align: left !important;
}
.woocommerce-checkout .lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, rgba(10,10,14,0.98) 0%, rgba(16,18,24,0.98) 100%) !important;
color: #fff !important;
border-color: transparent !important;
}
.woocommerce-checkout .lm-checkout-steps__item.is-active .lm-checkout-steps__index {
background: #fff !important;
color: #111 !important;
border-color: transparent !important;
}
.woocommerce-checkout .lm-checkout-steps__item.is-complete .lm-checkout-steps__index {
background: rgba(113,34,137,0.10) !important;
color: #6d2584 !important;
border-color: rgba(113,34,137,0.12) !important;
}
/* start columns directly below stepper */
.woocommerce-checkout .woocommerce {
margin-top: 0 !important;
}
.woocommerce-checkout .woocommerce form.checkout {
margin-top: 0 !important;
}
@media (max-width: 991px) {
.woocommerce-checkout .lm-checkout-steps {
max-width: 100% !important;
margin-bottom: 22px !important;
}
.woocommerce-checkout .lm-checkout-steps ol {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 112px !important;
padding: 12px 8px !important;
border-radius: 26px !important;
flex-direction: column !important;
justify-content: center !important;
gap: 10px !important;
text-align: center !important;
}
.woocommerce-checkout .lm-checkout-steps__index {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
font-size: 1rem !important;
}
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 0.8rem !important;
line-height: 1.25 !important;
text-align: center !important;
max-width: 84px !important;
}
}
/* === v141 checkout page hard layout fix: title above, stepper below, then 2 columns === */
/* force normal document flow under page H1 */
.woocommerce-checkout .entry-content,
.woocommerce-checkout .entry-content > .woocommerce,
.woocommerce-checkout .lm-checkout-shell {
display: block !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
}
/* keep the stepper centered on its own row below the page title */
.woocommerce-checkout .lm-checkout-shell {
margin-top: 18px !important;
}
.woocommerce-checkout .lm-checkout-steps {
display: block !important;
width: 100% !important;
max-width: 1180px !important;
margin: 0 auto 34px !important;
clear: both !important;
}
/* the Woo wrapper must start on a new full-width row */
.woocommerce-checkout .entry-content > .woocommerce {
margin-top: 0 !important;
padding-top: 0 !important;
clear: both !important;
}
.woocommerce-checkout .woocommerce form.checkout {
clear: both !important;
width: 100% !important;
max-width: 100% !important;
}
@media (min-width: 992px) {
.woocommerce-checkout .woocommerce form.checkout {
display: grid !important;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important;
gap: 28px !important;
align-items: start !important;
}
.woocommerce-checkout .col2-set {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: none !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: none !important;
}
}
@media (max-width: 991px) {
.woocommerce-checkout .lm-checkout-steps {
max-width: 100% !important;
margin-bottom: 22px !important;
}
.woocommerce-checkout .woocommerce form.checkout {
display: flex !important;
flex-direction: column !important;
}
.woocommerce-checkout .col2-set {
order: 1 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
order: 2 !important;
}
}
/* === v142 checkout columns lighter + left column single outer frame === */
/* LEFT COLUMN: only one outer frame */
.woocommerce-checkout #customer_details {
padding: 28px !important;
border-radius: 28px !important;
background: rgba(255,255,255,0.88) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 18px 40px rgba(17,17,17,0.05) !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* spacing between billing and shipping sections inside one outer card */
.woocommerce-checkout #customer_details .col-1 {
margin-bottom: 28px !important;
padding-bottom: 28px !important;
border-bottom: 1px solid rgba(17,17,17,0.08) !important;
}
.woocommerce-checkout #customer_details .col-2 {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* RIGHT COLUMN: make it light and readable too */
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
background: rgba(255,255,255,0.92) !important;
color: #111 !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 18px 40px rgba(17,17,17,0.05) !important;
}
.woocommerce-checkout #order_review .shop_table,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment,
.woocommerce-checkout #payment div.payment_box {
background: transparent !important;
color: #111 !important;
}
.woocommerce-checkout #order_review table th,
.woocommerce-checkout #order_review table td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
color: #111 !important;
border-color: rgba(17,17,17,0.08) !important;
}
.woocommerce-checkout #order_review .amount,
.woocommerce-checkout #order_review .woocommerce-Price-amount,
.woocommerce-checkout #order_review strong,
.woocommerce-checkout #order_review bdi {
color: #111 !important;
}
.woocommerce-checkout ul#shipping_method li {
background: rgba(17,17,17,0.03) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
color: #111 !important;
}
.woocommerce-checkout .payment_methods > li {
background: rgba(17,17,17,0.03) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
color: #111 !important;
}
.woocommerce-checkout #payment {
border-top: 1px solid rgba(17,17,17,0.08) !important;
}
.woocommerce-checkout #payment label,
.woocommerce-checkout #payment p,
.woocommerce-checkout #payment li,
.woocommerce-checkout #payment div,
.woocommerce-checkout #payment span {
color: #111 !important;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
padding: 22px !important;
border-radius: 22px !important;
}
.woocommerce-checkout #customer_details .col-1 {
margin-bottom: 22px !important;
padding-bottom: 22px !important;
}
}
/* === v143 checkout form refinement === */
/* move newsletter checkbox only inside consent section visually */
.woocommerce-checkout p#lamujer_newsletter_field {
margin-top: 0 !important;
}
.woocommerce-checkout p#billing_city_field + p#lamujer_newsletter_field {
order: 999 !important;
}
.woocommerce-checkout .lm-checkout-consents {
display: block !important;
}
.woocommerce-checkout .lm-checkout-consents #lamujer_newsletter_field,
.woocommerce-checkout .lm-checkout-consents #lamujer_personal_data_consent_field {
display: block !important;
}
/* purple checkboxes like registration */
.woocommerce-checkout .lm-checkout-consents input[type="checkbox"],
.woocommerce-checkout #lamujer_newsletter_field input[type="checkbox"],
.woocommerce-checkout #lamujer_personal_data_consent_field input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
border-radius: 4px !important;
border: 1.5px solid #7a2b9d !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
position: relative !important;
background: #fff !important;
margin: 0 !important;
}
.woocommerce-checkout .lm-checkout-consents input[type="checkbox"]:checked,
.woocommerce-checkout #lamujer_newsletter_field input[type="checkbox"]:checked,
.woocommerce-checkout #lamujer_personal_data_consent_field input[type="checkbox"]:checked {
background: #7a2b9d !important;
border-color: #7a2b9d !important;
}
.woocommerce-checkout .lm-checkout-consents input[type="checkbox"]:checked::after,
.woocommerce-checkout #lamujer_newsletter_field input[type="checkbox"]:checked::after,
.woocommerce-checkout #lamujer_personal_data_consent_field input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
left: 5px !important;
top: 2px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
/* remove duplicate headings / eyebrow in left card */
.woocommerce-checkout .lm-checkout-section-heading__eyebrow,
.woocommerce-checkout #customer_details > h3,
.woocommerce-checkout .col-1 > h3:first-of-type {
display: none !important;
}
/* keep only a clean heading */
.woocommerce-checkout .lm-checkout-section-heading {
margin: 0 0 18px !important;
}
.woocommerce-checkout .lm-checkout-section-heading h3 {
font-size: 1.55rem !important;
line-height: 1.1 !important;
margin: 0 !important;
}
/* first + last name in one row on desktop */
@media (min-width: 768px) {
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field {
width: calc(50% - 10px) !important;
float: left !important;
clear: none !important;
}
.woocommerce-checkout p#billing_first_name_field {
margin-right: 20px !important;
}
}
@media (max-width: 767px) {
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
}
}
/* required asterisk inline with label */
.woocommerce-checkout .form-row label,
.woocommerce-checkout .form-row .woocommerce-form__label {
display: inline-flex !important;
align-items: baseline !important;
flex-wrap: nowrap !important;
gap: 4px !important;
white-space: nowrap !important;
max-width: 100% !important;
}
.woocommerce-checkout .form-row label .required,
.woocommerce-checkout .form-row .woocommerce-form__label .required {
display: inline !important;
margin-left: 0 !important;
position: static !important;
line-height: 1 !important;
}
/* prevent duplicated optional text */
.woocommerce-checkout label[for="billing_company"] .optional + .optional,
.woocommerce-checkout label[for="billing_nip"] .optional + .optional {
display: none !important;
}
/* normalize labels for company/nip optional only once */
.woocommerce-checkout label[for="billing_company"],
.woocommerce-checkout label[for="billing_nip"] {
white-space: normal !important;
}
.woocommerce-checkout label[for="billing_company"] .optional,
.woocommerce-checkout label[for="billing_nip"] .optional {
display: inline !important;
margin-left: 4px !important;
}
/* spacing inside consent section */
.woocommerce-checkout .lm-checkout-consents label.checkbox,
.woocommerce-checkout .lm-checkout-consents .woocommerce-form__label-for-checkbox {
display: grid !important;
grid-template-columns: 18px minmax(0,1fr) !important;
gap: 12px !important;
align-items: start !important;
}
/* v144 consents + payments */
/* move terms checkbox into consents visually */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
order:999 !important;
}
/* consent text wrapping */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label{
display:grid !important;
grid-template-columns:18px 1fr !important;
gap:12px !important;
align-items:start !important;
line-height:1.5 !important;
}
/* make consent text responsive */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label span{
display:block !important;
white-space:normal !important;
}
/* payment methods layout */
.woocommerce-checkout .wc_payment_method{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
}
/* label left */
.woocommerce-checkout .wc_payment_method label{
display:flex !important;
align-items:center !important;
gap:12px !important;
}
/* icons right */
.woocommerce-checkout .wc_payment_method img,
.woocommerce-checkout .wc_payment_method .payment_box img{
margin-left:auto !important;
height:22px !important;
object-fit:contain !important;
}
/* ensure consistent alignment */
.woocommerce-checkout .wc_payment_method > label{
width:100% !important;
}
/* remove duplicate header spacing */
.woocommerce-checkout #customer_details > h3{
display:none !important;
}
/* === v145 final checkout field fixes === */
/* remove duplicate 'Dane rozliczeniowe' / extra left-column heading */
.woocommerce-checkout h3#ship-to-different-address,
.woocommerce-checkout #customer_details > h3,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .lm-checkout-section-heading + h3,
.woocommerce-checkout .col-1 > h3,
.woocommerce-checkout .col2-set .col-1 > h3 {
display: none !important;
}
/* keep only one heading block */
.woocommerce-checkout .lm-checkout-section-heading {
display: block !important;
margin: 0 0 22px !important;
}
.woocommerce-checkout .lm-checkout-section-heading__eyebrow {
display: none !important;
}
/* first and last name in one row on desktop */
@media (min-width: 768px) {
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field {
width: calc(50% - 10px) !important;
float: left !important;
clear: none !important;
box-sizing: border-box !important;
}
.woocommerce-checkout p#billing_first_name_field {
margin-right: 20px !important;
}
.woocommerce-checkout p#billing_last_name_field {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
clear: both !important;
}
}
/* use placeholders for first / last name, hide labels */
.woocommerce-checkout p#billing_first_name_field > label,
.woocommerce-checkout p#billing_last_name_field > label {
display: none !important;
}
/* optional only once */
.woocommerce-checkout label[for="billing_company"] .optional ~ .optional,
.woocommerce-checkout label[for="billing_nip"] .optional ~ .optional {
display: none !important;
}
.woocommerce-checkout label[for="billing_company"] .optional,
.woocommerce-checkout label[for="billing_nip"] .optional {
margin-left: 4px !important;
}
/* keep required star attached to label */
.woocommerce-checkout .form-row > label {
display: inline-flex !important;
align-items: baseline !important;
gap: 4px !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
}
/* newsletter only in consents section */
.woocommerce-checkout #billing_city_field + #lamujer_newsletter_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > #lamujer_newsletter_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > #lamujer_newsletter_field {
display: none !important;
}
.woocommerce-checkout .lm-checkout-consents #lamujer_newsletter_field {
display: block !important;
margin-top: 0 !important;
}
/* purple checkbox style for all consent checkboxes */
.woocommerce-checkout .lm-checkout-consents input[type="checkbox"],
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
border-radius: 4px !important;
border: 1.5px solid #7a2b9d !important;
appearance: none !important;
-webkit-appearance: none !important;
background: #fff !important;
position: relative !important;
cursor: pointer !important;
margin: 0 !important;
}
.woocommerce-checkout .lm-checkout-consents input[type="checkbox"]:checked,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked {
background: #7a2b9d !important;
border-color: #7a2b9d !important;
}
.woocommerce-checkout .lm-checkout-consents input[type="checkbox"]:checked::after,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
left: 5px !important;
top: 2px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
/* responsive consent text wrapping */
.woocommerce-checkout .lm-checkout-consents label.checkbox,
.woocommerce-checkout .lm-checkout-consents .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
display: grid !important;
grid-template-columns: 18px minmax(0,1fr) !important;
gap: 12px !important;
align-items: start !important;
white-space: normal !important;
line-height: 1.55 !important;
}
.woocommerce-checkout .lm-checkout-consents label.checkbox span,
.woocommerce-checkout .lm-checkout-consents .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox span {
white-space: normal !important;
}
/* make sure consent section is at the bottom of left card */
.woocommerce-checkout .lm-checkout-consents {
margin-top: 28px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
}
/* === v147 right-column consents block === */
.woocommerce-checkout .lm-checkout-consents,
.woocommerce-checkout #lamujer_newsletter_field {
display: none !important;
}
.woocommerce-checkout .lm-right-consents {
margin-top: 22px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
color: #111 !important;
}
.woocommerce-checkout .lm-right-consents h3 {
margin: 0 0 14px !important;
font-size: 1.5rem !important;
line-height: 1.15 !important;
color: #111 !important;
}
.woocommerce-checkout .lm-right-consents__privacy {
margin: 0 0 18px !important;
font-size: 1rem !important;
line-height: 1.7 !important;
color: rgba(17,17,17,0.84) !important;
}
.woocommerce-checkout .lm-right-consents__privacy a {
color: inherit !important;
}
.woocommerce-checkout .lm-right-consents__fields {
display: grid !important;
gap: 16px !important;
}
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions-wrapper {
display: block !important;
}
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions,
.woocommerce-checkout .lm-right-consents .woocommerce-privacy-policy-text,
.woocommerce-checkout .lm-right-consents input[name="terms-field"] {
display: none !important;
}
.woocommerce-checkout .lm-right-consents .form-row,
.woocommerce-checkout .lm-right-consents #lamujer_personal_data_consent_field {
margin: 0 !important;
}
.woocommerce-checkout .lm-right-consents .form-row.validate-required .required,
.woocommerce-checkout .lm-right-consents #lamujer_personal_data_consent_field .required {
display: inline !important;
color: #b42318 !important;
margin-left: 4px !important;
}
.woocommerce-checkout .lm-right-consents label.checkbox,
.woocommerce-checkout .lm-right-consents .woocommerce-form__label-for-checkbox {
display: grid !important;
grid-template-columns: 18px minmax(0,1fr) auto !important;
gap: 12px !important;
align-items: start !important;
line-height: 1.55 !important;
color: #111 !important;
}
.woocommerce-checkout .lm-right-consents label.checkbox span,
.woocommerce-checkout .lm-right-consents .woocommerce-form__label-for-checkbox span {
white-space: normal !important;
color: #111 !important;
}
.woocommerce-checkout .lm-right-consents input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
border-radius: 4px !important;
border: 1.5px solid #7a2b9d !important;
appearance: none !important;
-webkit-appearance: none !important;
background: #fff !important;
position: relative !important;
cursor: pointer !important;
margin: 0 !important;
}
.woocommerce-checkout .lm-right-consents input[type="checkbox"]:checked {
background: #7a2b9d !important;
border-color: #7a2b9d !important;
}
.woocommerce-checkout .lm-right-consents input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
left: 5px !important;
top: 2px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions-wrapper abbr.required,
.woocommerce-checkout .lm-right-consents #lamujer_personal_data_consent_field abbr.required {
position: static !important;
display: inline !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
.woocommerce-checkout .lm-right-consents {
margin-top: 18px !important;
padding-top: 18px !important;
}
}
/* === v148 show newsletter + both required consents in right column === */
.woocommerce-checkout .lm-right-consents #lamujer_newsletter_field,
.woocommerce-checkout .lm-right-consents #lamujer_personal_data_consent_field,
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .lm-right-consents #terms_field,
.woocommerce-checkout .lm-right-consents .form-row.validate-required {
display: block !important;
}
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text,
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions {
display: none !important;
}
.woocommerce-checkout .lm-right-consents__fields {
display: grid !important;
gap: 16px !important;
}
.woocommerce-checkout .lm-right-consents #lamujer_newsletter_field .required,
.woocommerce-checkout .lm-right-consents #lamujer_newsletter_field .optional {
display: none !important;
}
.woocommerce-checkout .lm-right-consents label.checkbox,
.woocommerce-checkout .lm-right-consents .woocommerce-form__label-for-checkbox {
display: grid !important;
grid-template-columns: 18px minmax(0,1fr) auto !important;
gap: 12px !important;
align-items: start !important;
line-height: 1.55 !important;
color: #111 !important;
}
.woocommerce-checkout .lm-right-consents label.checkbox span,
.woocommerce-checkout .lm-right-consents .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout .lm-right-consents .woocommerce-terms-and-conditions-checkbox-text {
white-space: normal !important;
color: #111 !important;
}
.woocommerce-checkout .lm-right-consents abbr.required {
display: inline !important;
color: #b42318 !important;
margin-left: 4px !important;
}
.woocommerce-checkout .lm-right-consents input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
border-radius: 4px !important;
border: 1.5px solid #7a2b9d !important;
appearance: none !important;
-webkit-appearance: none !important;
background: #fff !important;
position: relative !important;
cursor: pointer !important;
margin: 0 !important;
}
.woocommerce-checkout .lm-right-consents input[type="checkbox"]:checked {
background: #7a2b9d !important;
border-color: #7a2b9d !important;
}
.woocommerce-checkout .lm-right-consents input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
left: 5px !important;
top: 2px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
/* === v149 unify stepper on my-account + summary: centered, same max width, purple active === */
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {
width: 100% !important;
max-width: 1180px !important;
margin: 0 auto 34px !important;
}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
align-items: stretch !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 112px !important;
padding: 0 32px !important;
border-radius: 999px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 18px !important;
text-align: left !important;
background: rgba(255,255,255,0.86) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: none !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
background: rgba(113,34,137,0.08) !important;
color: #6d2584 !important;
border: 1px solid rgba(113,34,137,0.12) !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
max-width: none !important;
font-size: 1rem !important;
line-height: 1.25 !important;
text-align: left !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active a,
.woocommerce-checkout .lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 22px 40px rgba(113,34,137,0.18) !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__item.is-active .lm-checkout-steps__index {
background: #fff !important;
color: #6d2584 !important;
border-color: transparent !important;
}
.woocommerce-account .lm-checkout-steps__item.is-complete .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__item.is-complete .lm-checkout-steps__index {
background: rgba(113,34,137,0.10) !important;
color: #6d2584 !important;
border-color: rgba(113,34,137,0.12) !important;
}
@media (max-width: 991px) {
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {
max-width: 100% !important;
margin-bottom: 22px !important;
}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
gap: 10px !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 112px !important;
padding: 12px 8px !important;
border-radius: 26px !important;
flex-direction: column !important;
justify-content: center !important;
gap: 10px !important;
text-align: center !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
font-size: 1rem !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 0.8rem !important;
line-height: 1.25 !important;
text-align: center !important;
max-width: 88px !important;
}
}
/* === v150 compact stepper === */
.lm-checkout-steps__item a {
min-height: 72px !important;
padding: 0 24px !important;
border-radius: 999px !important;
}
.lm-checkout-steps__index {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
font-size: 1rem !important;
}
.lm-checkout-steps__label {
font-size: 0.95rem !important;
line-height: 1.2 !important;
}
.lm-checkout-steps ol {
gap: 20px !important;
}
@media (max-width: 768px) {
.lm-checkout-steps__item a {
min-height: 68px !important;
padding: 10px !important;
}
.lm-checkout-steps__index {
width: 34px !important;
height: 34px !important;
}
.lm-checkout-steps__label {
font-size: 0.75rem !important;
}
}
/* === v151 ultra compact stepper === */
.lm-checkout-steps__item a {
min-height: 58px !important;
padding: 0 18px !important;
border-radius: 999px !important;
}
.lm-checkout-steps__index {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
font-size: 0.85rem !important;
}
.lm-checkout-steps__label {
font-size: 0.85rem !important;
line-height: 1.1 !important;
}
.lm-checkout-steps ol {
gap: 14px !important;
}
@media (max-width: 768px) {
.lm-checkout-steps__item a {
min-height: 54px !important;
padding: 8px !important;
gap: 6px !important;
}
.lm-checkout-steps__index {
width: 28px !important;
height: 28px !important;
font-size: 0.8rem !important;
}
.lm-checkout-steps__label {
font-size: 0.7rem !important;
max-width: 70px !important;
}
}
/* === v152 button-size stepper (final fix) === */
.lm-checkout-steps__item a {
min-height: 48px !important;
padding: 0 16px !important;
border-radius: 999px !important;
}
/* circle like small UI */
.lm-checkout-steps__index {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
font-size: 0.75rem !important;
}
/* label like button text */
.lm-checkout-steps__label {
font-size: 0.82rem !important;
line-height: 1 !important;
font-weight: 500 !important;
}
/* spacing tighter */
.lm-checkout-steps ol {
gap: 12px !important;
}
/* mobile = even tighter */
@media (max-width: 768px) {
.lm-checkout-steps__item a {
min-height: 44px !important;
padding: 6px 10px !important;
gap: 6px !important;
}
.lm-checkout-steps__index {
width: 22px !important;
height: 22px !important;
font-size: 0.7rem !important;
}
.lm-checkout-steps__label {
font-size: 0.68rem !important;
}
}
/* === v154 stepper button style, lower height === */
.lm-checkout-steps {
display: flex !important;
justify-content: center !important;
gap: 12px !important;
margin: 20px auto 30px !important;
flex-wrap: wrap !important;
}
.lm-checkout-steps__item {
display: block !important;
}
.lm-checkout-steps__item a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
padding: 8px 16px !important;
border-radius: 999px !important;
min-height: auto !important;
height: auto !important;
background: #f5f5f7 !important;
border: 1px solid #e5e5e5 !important;
box-shadow: none !important;
}
.lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, #6a1b9a, #8e24aa) !important;
color: #fff !important;
border: none !important;
}
.lm-checkout-steps__index {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
font-size: 12px !important;
font-weight: 600 !important;
border-radius: 50% !important;
background: #fff !important;
color: #6a1b9a !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.lm-checkout-steps__label {
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
font-weight: 500 !important;
max-width: none !important;
}
@media (max-width: 768px) {
.lm-checkout-steps {
gap: 8px !important;
}
.lm-checkout-steps__item a {
padding: 6px 10px !important;
min-height: auto !important;
}
.lm-checkout-steps__index {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
font-size: 11px !important;
}
.lm-checkout-steps__label {
font-size: 11px !important;
}
}
/* === v157 unify stepper style on my-account + summary === */
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin: 12px auto 20px !important;
width: 100% !important;
max-width: 980px !important;
}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 !important;
list-style: none !important;
grid-template-columns: none !important;
}
.woocommerce-account .lm-checkout-steps__item,
.woocommerce-checkout .lm-checkout-steps__item {
display: block !important;
flex: 0 0 auto !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 4px 10px !important;
min-height: 28px !important;
height: 28px !important;
border-radius: 999px !important;
background: #f7f7f9 !important;
border: 1px solid #ececf1 !important;
box-shadow: none !important;
line-height: 1 !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active a,
.woocommerce-checkout .lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, #6a1b9a, #8e24aa) !important;
color: #fff !important;
border-color: transparent !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
font-size: 10px !important;
font-weight: 600 !important;
border-radius: 50% !important;
background: #fff !important;
color: #6a1b9a !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 12px !important;
line-height: 1 !important;
font-weight: 500 !important;
white-space: nowrap !important;
max-width: none !important;
text-align: center !important;
}
.woocommerce-account .lm-checkout-steps__item a:hover,
.woocommerce-checkout .lm-checkout-steps__item a:hover {
background: #efeff4 !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active a:hover,
.woocommerce-checkout .lm-checkout-steps__item.is-active a:hover {
background: linear-gradient(135deg, #6a1b9a, #8e24aa) !important;
}
@media (max-width: 768px) {
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps,
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
gap: 6px !important;
max-width: 100% !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
padding: 4px 8px !important;
min-height: 24px !important;
height: 24px !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
font-size: 9px !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 11px !important;
}
}
/* === v159 STEPPER 200% BIG === */
.lm-checkout-steps__item a {
padding: 12px 24px !important;
height: 48px !important;
min-height: 48px !important;
font-size: 16px !important;
}
.lm-checkout-steps__index {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 15px !important;
}
.lm-checkout-steps__label {
font-size: 16px !important;
}
/* === v160 STEPPER 400% BIG === */
.lm-checkout-steps__item a {
padding: 18px 36px !important;
height: 72px !important;
min-height: 72px !important;
font-size: 20px !important;
}
.lm-checkout-steps__index {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
font-size: 20px !important;
}
.lm-checkout-steps__label {
font-size: 20px !important;
}
/* === v162 checkout first/last name labels visible + 50/50 row === */
/* restore labels above first and last name */
.woocommerce-checkout p#billing_first_name_field > label,
.woocommerce-checkout p#billing_last_name_field > label {
display: inline-flex !important;
align-items: baseline !important;
gap: 4px !important;
white-space: nowrap !important;
margin-bottom: 10px !important;
}
/* desktop: 50/50 in one row */
@media (min-width: 768px) {
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 0 !important;
}
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field {
width: calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
float: none !important;
clear: none !important;
box-sizing: border-box !important;
margin-bottom: 18px !important;
}
.woocommerce-checkout p#billing_first_name_field {
margin-right: 20px !important;
}
.woocommerce-checkout p#billing_last_name_field {
margin-right: 0 !important;
}
/* all following fields full width */
.woocommerce-checkout p#billing_email_field,
.woocommerce-checkout p#billing_phone_field,
.woocommerce-checkout p#billing_company_field,
.woocommerce-checkout p#billing_nip_field,
.woocommerce-checkout p#billing_country_field,
.woocommerce-checkout p#billing_address_1_field,
.woocommerce-checkout p#billing_address_2_field,
.woocommerce-checkout p#billing_postcode_field,
.woocommerce-checkout p#billing_city_field,
.woocommerce-checkout p#shipping_first_name_field,
.woocommerce-checkout p#shipping_last_name_field,
.woocommerce-checkout p#shipping_country_field,
.woocommerce-checkout p#shipping_address_1_field,
.woocommerce-checkout p#shipping_address_2_field,
.woocommerce-checkout p#shipping_postcode_field,
.woocommerce-checkout p#shipping_city_field {
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
}
}
/* mobile: stacked one under another */
@media (max-width: 767px) {
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field {
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
margin-right: 0 !important;
}
}
/* === v170 bigger stepper + payment descriptions below method title === */
/* Bigger stepper on my-account + summary */
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {
width: 100% !important;
max-width: 1200px !important;
margin: 18px auto 30px !important;
display: flex !important;
justify-content: center !important;
}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 !important;
list-style: none !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
align-items: stretch !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
width: 100% !important;
min-height: 72px !important;
height: 72px !important;
padding: 0 26px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.92) !important;
border: 1px solid rgba(17,17,17,0.10) !important;
box-shadow: 0 10px 24px rgba(17,17,17,0.04) !important;
line-height: 1 !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active a,
.woocommerce-checkout .lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 18px 34px rgba(113,34,137,0.20) !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 20px !important;
font-weight: 700 !important;
background: rgba(113,34,137,0.10) !important;
color: #6d2584 !important;
border: 1px solid rgba(113,34,137,0.12) !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__item.is-active .lm-checkout-steps__index {
background: #fff !important;
color: #6d2584 !important;
border-color: transparent !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 17px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
white-space: nowrap !important;
max-width: none !important;
text-align: left !important;
}
@media (max-width: 991px) {
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {
max-width: 100% !important;
margin: 14px auto 22px !important;
}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
gap: 10px !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 56px !important;
height: 56px !important;
padding: 0 14px !important;
gap: 10px !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
font-size: 15px !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 13px !important;
white-space: normal !important;
}
}
@media (max-width: 767px) {
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 84px !important;
height: auto !important;
padding: 10px 8px !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
border-radius: 24px !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 16px !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 12px !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: normal !important;
}
}
/* Payment method label row, with description below after selection */
.woocommerce-checkout #payment .wc_payment_method {
position: relative !important;
}
.woocommerce-checkout #payment .wc_payment_method > label {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
width: calc(100% - 92px) !important;
max-width: calc(100% - 92px) !important;
margin: 0 0 0 76px !important;
padding: 22px 20px 22px 0 !important;
box-sizing: border-box !important;
line-height: 1.25 !important;
}
.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
position: absolute !important;
left: 28px !important;
top: 34px !important;
margin: 0 !important;
}
.woocommerce-checkout #payment .wc_payment_method > label img {
margin-left: auto !important;
height: 28px !important;
width: auto !important;
object-fit: contain !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 96px) !important;
max-width: calc(100% - 96px) !important;
margin: 0 20px 18px 76px !important;
padding: 0 !important;
box-sizing: border-box !important;
position: static !important;
float: none !important;
clear: both !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box::before,
.woocommerce-checkout #payment .wc_payment_method .payment_box:before {
display: none !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box p:first-child,
.woocommerce-checkout #payment .wc_payment_method .payment_box > p:first-child,
.woocommerce-checkout #payment .wc_payment_method .payment_box .about_paypal,
.woocommerce-checkout #payment .wc_payment_method .payment_box .payment_method_bacs,
.woocommerce-checkout #payment .wc_payment_method .payment_box .payment_method_cod {
margin-top: 0 !important;
}
@media (max-width: 767px) {
.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
left: 18px !important;
top: 26px !important;
}
.woocommerce-checkout #payment .wc_payment_method > label {
width: calc(100% - 58px) !important;
max-width: calc(100% - 58px) !important;
margin-left: 46px !important;
padding: 18px 12px 18px 0 !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 58px) !important;
max-width: calc(100% - 58px) !important;
margin: 0 12px 14px 46px !important;
}
}
/* === v172 payment clean fix: native Woo toggle, descriptions below, box fits frame === */
.woocommerce-checkout #payment .wc_payment_method {
display: block !important;
position: relative !important;
overflow: visible !important;
}
.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
position: absolute !important;
left: 26px !important;
top: 34px !important;
margin: 0 !important;
}
.woocommerce-checkout #payment .wc_payment_method > label {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
width: calc(100% - 88px) !important;
max-width: calc(100% - 88px) !important;
margin: 0 0 0 72px !important;
padding: 22px 18px 22px 0 !important;
box-sizing: border-box !important;
line-height: 1.25 !important;
}
.woocommerce-checkout #payment .wc_payment_method > label img,
.woocommerce-checkout #payment .wc_payment_method > label .payment-methods--logos,
.woocommerce-checkout #payment .wc_payment_method > label .payment_method_icons,
.woocommerce-checkout #payment .wc_payment_method > label .wc_payment_method_icons {
margin-left: auto !important;
}
.woocommerce-checkout #payment .wc_payment_method > label img {
height: 28px !important;
width: auto !important;
object-fit: contain !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 90px) !important;
max-width: calc(100% - 90px) !important;
margin: 0 18px 18px 72px !important;
padding: 16px !important;
box-sizing: border-box !important;
overflow: hidden !important;
position: static !important;
float: none !important;
clear: both !important;
background: rgba(255,255,255,0.72) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 16px !important;
box-shadow: none !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box::before,
.woocommerce-checkout #payment .wc_payment_method .payment_box:before {
display: none !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box *,
.woocommerce-checkout #payment .wc_payment_method .payment_box iframe,
.woocommerce-checkout #payment .wc_payment_method .payment_box input,
.woocommerce-checkout #payment .wc_payment_method .payment_box .input-text,
.woocommerce-checkout #payment .wc_payment_method .payment_box .StripeElement,
.woocommerce-checkout #payment .wc_payment_method .payment_box fieldset,
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row,
.woocommerce-checkout #payment .wc_payment_method .payment_box .wcpay-upe-form,
.woocommerce-checkout #payment .wc_payment_method .payment_box .wc-payment-form,
.woocommerce-checkout #payment .wc_payment_method .payment_box .wcpay-upe-element {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row-first,
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row-last {
width: calc(50% - 8px) !important;
max-width: calc(50% - 8px) !important;
float: left !important;
clear: none !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row-first {
margin-right: 16px !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row-last {
margin-right: 0 !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box p,
.woocommerce-checkout #payment .wc_payment_method .payment_box div,
.woocommerce-checkout #payment .wc_payment_method .payment_box span,
.woocommerce-checkout #payment .wc_payment_method .payment_box label {
overflow-wrap: anywhere !important;
word-break: break-word !important;
line-height: 1.5 !important;
}
@media (max-width: 767px) {
.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
left: 18px !important;
top: 28px !important;
}
.woocommerce-checkout #payment .wc_payment_method > label {
width: calc(100% - 58px) !important;
max-width: calc(100% - 58px) !important;
margin-left: 46px !important;
padding: 18px 12px 18px 0 !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 58px) !important;
max-width: calc(100% - 58px) !important;
margin: 0 12px 14px 46px !important;
padding: 14px !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row-first,
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row-last {
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
margin-right: 0 !important;
}
}
/* === v173 final fit for card payment box === */
.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 120px) !important;
max-width: calc(100% - 120px) !important;
margin: 0 24px 18px 72px !important;
overflow: hidden !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box .wcpay-upe-form,
.woocommerce-checkout #payment .wc_payment_method .payment_box .wc-payment-form,
.woocommerce-checkout #payment .wc_payment_method .payment_box .wcpay-upe-element,
.woocommerce-checkout #payment .wc_payment_method .payment_box .StripeElement,
.woocommerce-checkout #payment .wc_payment_method .payment_box .__PrivateStripeElement,
.woocommerce-checkout #payment .wc_payment_method .payment_box iframe {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box iframe {
display: block !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box .form-row,
.woocommerce-checkout #payment .wc_payment_method .payment_box fieldset {
max-width: 100% !important;
overflow: hidden !important;
}
@media (max-width: 767px) {
.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 72px) !important;
max-width: calc(100% - 72px) !important;
margin: 0 12px 14px 46px !important;
}
}
/* === v174 compact payment methods (expand on select) === */
.woocommerce-checkout #payment .wc_payment_method {
padding: 14px 18px !important;
transition: all 0.25s ease;
}
.woocommerce-checkout #payment .wc_payment_method > label {
padding: 0 !important;
min-height: auto !important;
align-items: center !important;
}
.woocommerce-checkout #payment .wc_payment_method .payment_box {
margin-top: 0 !important;
}
.woocommerce-checkout #payment .wc_payment_method input[type="radio"]:checked ~ .payment_box {
margin-top: 14px !important;
}
.woocommerce-checkout #payment .wc_payment_method:has(input[type="radio"]:checked) {
padding: 20px 18px !important;
}
.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
top: 50% !important;
transform: translateY(-50%);
}
.woocommerce-checkout #payment .wc_payment_method:has(input[type="radio"]:checked) > input[type="radio"] {
top: 28px !important;
transform: none !important;
}
/* === v177 terms checkbox one-line === */
.woocommerce-terms-and-conditions-wrapper label {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 8px !important;
}
.woocommerce-terms-and-conditions-wrapper label span {
display: inline !important;
white-space: nowrap !important;
}
.woocommerce-terms-and-conditions-wrapper .required {
display: inline !important;
margin-left: 4px !important;
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
margin-right: 6px !important;
}
/* === v178 terms FINAL one-line fix === */
.woocommerce-terms-and-conditions-wrapper .form-row label {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 6px !important;
white-space: nowrap !important;
}
.woocommerce-terms-and-conditions-checkbox-text {
display: inline !important;
white-space: nowrap !important;
}
.woocommerce-terms-and-conditions-wrapper label abbr.required {
display: inline !important;
white-space: nowrap !important;
margin-left: 4px !important;
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
flex-shrink: 0;
}
/* === v179 terms single-line DOM-backed fix === */
.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required {
margin-bottom: 0 !important;
}
.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required > label.checkbox,
.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required > label.woocommerce-form__label-for-checkbox {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
gap: 6px !important;
width: auto !important;
max-width: 100% !important;
}
.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required > label input[type="checkbox"] {
flex: 0 0 auto !important;
margin: 0 6px 0 0 !important;
}
.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-terms-and-conditions-checkbox-text a,
.woocommerce-terms-and-conditions-wrapper .required {
white-space: nowrap !important;
}
.woocommerce-terms-and-conditions-wrapper .required {
margin-left: 4px !important;
}
/* === v170 bigger stepper === */
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {
width: 100% !important;
max-width: 1200px !important;
margin: 18px auto 30px !important;
display: flex !important;
justify-content: center !important;
}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 !important;
list-style: none !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
align-items: stretch !important;
}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
width: 100% !important;
min-height: 72px !important;
height: 72px !important;
padding: 0 26px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.92) !important;
border: 1px solid rgba(17,17,17,0.10) !important;
box-shadow: 0 10px 24px rgba(17,17,17,0.04) !important;
line-height: 1 !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active a,
.woocommerce-checkout .lm-checkout-steps__item.is-active a {
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 18px 34px rgba(113,34,137,0.20) !important;
}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 20px !important;
font-weight: 700 !important;
background: rgba(113,34,137,0.10) !important;
color: #6d2584 !important;
border: 1px solid rgba(113,34,137,0.12) !important;
}
.woocommerce-account .lm-checkout-steps__item.is-active .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__item.is-active .lm-checkout-steps__index {
background: #fff !important;
color: #6d2584 !important;
border-color: transparent !important;
}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {
font-size: 17px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
white-space: nowrap !important;
max-width: none !important;
text-align: left !important;
}
@media (max-width: 991px) {
.woocommerce-account .lm-checkout-steps,
.woocommerce-checkout .lm-checkout-steps {max-width:100%!important;margin:14px auto 22px!important;}
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {gap:10px!important;}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {min-height:56px!important;height:56px!important;padding:0 14px!important;gap:10px!important;}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {width:30px!important;height:30px!important;min-width:30px!important;font-size:15px!important;}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {font-size:13px!important;white-space:normal!important;}
}
@media (max-width: 767px) {
.woocommerce-account .lm-checkout-steps ol,
.woocommerce-checkout .lm-checkout-steps ol {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.woocommerce-account .lm-checkout-steps__item a,
.woocommerce-checkout .lm-checkout-steps__item a {min-height:84px!important;height:auto!important;padding:10px 8px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;border-radius:24px!important;}
.woocommerce-account .lm-checkout-steps__index,
.woocommerce-checkout .lm-checkout-steps__index {width:34px!important;height:34px!important;min-width:34px!important;font-size:16px!important;}
.woocommerce-account .lm-checkout-steps__label,
.woocommerce-checkout .lm-checkout-steps__label {font-size:12px!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;}
}
/* === v187 newsletter custom block visible under terms === */
.woocommerce-checkout #woo_ml_subscribe_field,
.woocommerce-checkout p#woo_ml_subscribe_field,
.woocommerce-checkout .form-row:has(#woo_ml_subscribe) {
display: none !important;
}
.woocommerce-terms-and-conditions-wrapper .lm-newsletter-block {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 12px !important;
visibility: visible !important;
opacity: 1 !important;
}
.woocommerce-terms-and-conditions-wrapper .lm-newsletter-block label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
white-space: nowrap !important;
visibility: visible !important;
opacity: 1 !important;
}
.woocommerce-terms-and-conditions-wrapper .lm-newsletter-block input[type="checkbox"] {
flex: 0 0 auto !important;
margin: 0 6px 0 0 !important;
}
/* === v188 checkout button styled like add-to-cart === */
.woocommerce-checkout #place_order {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 64px !important;
border-radius: 999px !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
color: #fff !important;
background: linear-gradient(135deg,#6f2487 0%,#8e3db0 50%,#7a2b9d 100%) !important;
border: none !important;
box-shadow: 0 14px 30px rgba(113,34,137,0.25) !important;
transition: all .25s ease !important;
margin-top: 24px !important;
}
.woocommerce-checkout #place_order:hover {
transform: translateY(-2px) !important;
box-shadow: 0 18px 36px rgba(113,34,137,0.35) !important;
}
.woocommerce-checkout #place_order:active {
transform: translateY(0) !important;
box-shadow: 0 10px 20px rgba(113,34,137,0.25) !important;
}
/* === v189 place order button styled exactly like add-to-cart CTA === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order,
.woocommerce-checkout .place-order #place_order {
width: 100% !important;
min-height: 86px !important;
height: 86px !important;
padding: 0 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
font-size: 22px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
box-shadow: 0 20px 42px rgba(113,34,137,0.22) !important;
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
margin-top: 28px !important;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button#place_order:hover,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order:hover,
.woocommerce-checkout .place-order #place_order:hover {
transform: translateY(-1px) !important;
box-shadow: 0 24px 48px rgba(113,34,137,0.28) !important;
filter: brightness(1.02) !important;
}
.woocommerce-checkout #place_order:active,
.woocommerce-checkout button#place_order:active,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order:active,
.woocommerce-checkout .place-order #place_order:active {
transform: translateY(0) !important;
box-shadow: 0 14px 28px rgba(113,34,137,0.22) !important;
}
@media (max-width: 767px) {
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order,
.woocommerce-checkout .place-order #place_order {
min-height: 74px !important;
height: 74px !important;
font-size: 18px !important;
letter-spacing: 0.06em !important;
margin-top: 24px !important;
}
}
/* === v190 place order shimmer hover like cart/product CTA === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order,
.woocommerce-checkout .place-order #place_order {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
}
.woocommerce-checkout #place_order::before,
.woocommerce-checkout button#place_order::before,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order::before,
.woocommerce-checkout .place-order #place_order::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -120% !important;
width: 60% !important;
height: 100% !important;
background: linear-gradient(
100deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.10) 35%,
rgba(255,255,255,0.34) 50%,
rgba(255,255,255,0.10) 65%,
rgba(255,255,255,0) 100%
) !important;
transform: skewX(-22deg) !important;
pointer-events: none !important;
z-index: 1 !important;
transition: left .75s ease !important;
}
.woocommerce-checkout #place_order:hover::before,
.woocommerce-checkout button#place_order:hover::before,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order:hover::before,
.woocommerce-checkout .place-order #place_order:hover::before {
left: 135% !important;
}
.woocommerce-checkout #place_order > *,
.woocommerce-checkout button#place_order > *,
.woocommerce-checkout .woocommerce-checkout-review-order #place_order > *,
.woocommerce-checkout .place-order #place_order > * {
position: relative !important;
z-index: 2 !important;
}
/* === v191 smaller place order like stepper size === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
height: 56px !important;
padding: 0 32px !important;
font-size: 15px !important;
border-radius: 999px !important;
max-width: 420px !important;
width: 100% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce-checkout .place-order {
display: flex !important;
justify-content: center !important;
}
/* === v192 fix place order layout (no columns, full width block) === */
.woocommerce-checkout .place-order {
display: block !important;
width: 100% !important;
}
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
display: block !important;
width: 100% !important;
max-width: none !important;
margin-top: 16px !important;
}
/* === v193 place order EXACT cart CTA style === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
border-radius: 999px !important;
min-height: 72px !important;
padding: 0 32px !important;
color: #fff !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
font-weight: 700 !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 24px 48px rgba(113, 34, 137, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
position: relative !important;
overflow: hidden !important;
}
/* === v194 balanced size (not oversized) === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
min-height: 58px !important;
height: 58px !important;
font-size: 16px !important;
padding: 0 28px !important;
box-shadow: 0 16px 32px rgba(113, 34, 137, 0.18), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
/* === v195 place order same height as stepper + keep shimmer === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
min-height: 72px !important;
height: 72px !important;
font-size: 17px !important;
line-height: 1 !important;
padding: 0 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
}
@media (max-width: 767px) {
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order {
min-height: 56px !important;
height: 56px !important;
font-size: 15px !important;
padding: 0 24px !important;
}
}
/* === v196 clean terms/newsletter area === */
.woocommerce-checkout #woo_ml_subscribe_field,
.woocommerce-checkout p#woo_ml_subscribe_field {
display: none !important;
}
.woocommerce-terms-and-conditions-wrapper .lm-newsletter-block {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 14px !important;
margin-bottom: 24px !important;
}
.woocommerce-terms-and-conditions-wrapper .lm-newsletter-block label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
white-space: nowrap !important;
}
.woocommerce-terms-and-conditions-wrapper .lm-newsletter-block input[type="checkbox"] {
flex: 0 0 auto !important;
margin: 0 6px 0 0 !important;
}
/* === v197 premium thank you / order received page === */
.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .entry-content > .woocommerce {
max-width: 1280px !important;
margin: 0 auto !important;
}
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
font-size: 20px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
color: #161616 !important;
margin: 0 0 26px !important;
}
.woocommerce-order-received ul.woocommerce-order-overview {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 16px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 38px !important;
border: 0 !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li {
margin: 0 !important;
padding: 22px 24px !important;
border-radius: 24px !important;
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 14px 34px rgba(17,17,17,0.05) !important;
min-height: 108px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong,
.woocommerce-order-received ul.woocommerce-order-overview li .amount {
display: block !important;
margin-top: 8px !important;
font-size: 17px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #171717 !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li {
font-size: 11px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #6f2487 !important;
font-weight: 700 !important;
}
.woocommerce-order-received .woocommerce-bacs-bank-details,
.woocommerce-order-received .wc-bacs-bank-details,
.woocommerce-order-received .customer_details,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-column--billing-address {
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 28px !important;
box-shadow: 0 16px 36px rgba(17,17,17,0.05) !important;
padding: 28px 28px !important;
margin: 0 0 28px !important;
}
.woocommerce-order-received .wc-bacs-bank-details-heading,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-order-received .woocommerce-bacs-bank-details h2,
.woocommerce-order-received .woocommerce-bacs-bank-details h3 {
font-size: 26px !important;
line-height: 1.2 !important;
margin: 0 0 18px !important;
color: #161616 !important;
}
.woocommerce-order-received .wc-bacs-bank-details-account-name,
.woocommerce-order-received .wc-bacs-bank-details .wc-bacs-bank-details-account-name {
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
margin: 0 0 18px !important;
color: #6f2487 !important;
}
.woocommerce-order-received .wc-bacs-bank-details-order-details {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-order-received .wc-bacs-bank-details-order-details li {
margin: 0 !important;
padding: 18px 20px !important;
border-radius: 20px !important;
background: rgba(255,255,255,0.9) !important;
border: 1px solid rgba(17,17,17,0.06) !important;
font-size: 11px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #6f2487 !important;
font-weight: 700 !important;
}
.woocommerce-order-received .wc-bacs-bank-details-order-details li strong {
display: block !important;
margin-top: 8px !important;
font-size: 18px !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #171717 !important;
font-weight: 700 !important;
word-break: break-word !important;
}
.woocommerce-order-received table.shop_table.order_details,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
border-radius: 24px !important;
border: 1px solid rgba(17,17,17,0.08) !important;
background: rgba(255,255,255,0.84) !important;
}
.woocommerce-order-received table.shop_table.order_details thead th,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details thead th {
padding: 18px 16px !important;
background: rgba(255,255,255,0.95) !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #161616 !important;
border-bottom: 1px solid rgba(17,17,17,0.08) !important;
}
.woocommerce-order-received table.shop_table.order_details td,
.woocommerce-order-received table.shop_table.order_details th,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details td,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details th {
padding: 18px 16px !important;
border-bottom: 1px solid rgba(17,17,17,0.07) !important;
vertical-align: top !important;
}
.woocommerce-order-received table.shop_table.order_details tbody td:first-child a,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details tbody td:first-child a {
font-weight: 600 !important;
}
.woocommerce-order-received table.shop_table.order_details tfoot th,
.woocommerce-order-received table.shop_table.order_details tfoot td,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details tfoot th,
.woocommerce-order-received table.shop_table.woocommerce-table--order-details tfoot td {
background: rgba(255,255,255,0.92) !important;
font-weight: 700 !important;
}
.woocommerce-order-received .customer_details dt,
.woocommerce-order-received .customer_details strong {
color: #6f2487 !important;
font-size: 12px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.woocommerce-order-received .customer_details dd,
.woocommerce-order-received address {
font-style: normal !important;
font-size: 16px !important;
line-height: 1.7 !important;
color: #171717 !important;
}
.woocommerce-order-received .woocommerce-order-details + .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-customer-details {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
}
.woocommerce-order-received .woocommerce-column--billing-address address {
margin-top: 12px !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
float: none !important;
width: 100% !important;
}
@media (max-width: 991px) {
.woocommerce-order-received ul.woocommerce-order-overview {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.woocommerce-order-received .wc-bacs-bank-details-order-details {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 767px) {
.woocommerce-order-received ul.woocommerce-order-overview {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li,
.woocommerce-order-received .woocommerce-bacs-bank-details,
.woocommerce-order-received .wc-bacs-bank-details,
.woocommerce-order-received .customer_details,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-column--billing-address {
padding: 20px 18px !important;
border-radius: 22px !important;
}
.woocommerce-order-received .wc-bacs-bank-details-heading,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
font-size: 22px !important;
}
}
/* === v198 thankyou overview in one row + billing card like other elements === */
.woocommerce-order-received ul.woocommerce-order-overview {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
align-items: stretch !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li {
min-width: 0 !important;
width: 100% !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong,
.woocommerce-order-received ul.woocommerce-order-overview li .amount {
word-break: break-word !important;
}
@media (min-width: 992px) {
.woocommerce-order-received ul.woocommerce-order-overview {
grid-template-columns: repeat(5, minmax(180px, 1fr)) !important;
gap: 14px !important;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.woocommerce-order-received ul.woocommerce-order-overview li {
padding: 20px 18px !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong,
.woocommerce-order-received ul.woocommerce-order-overview li .amount {
font-size: 15px !important;
}
}
.woocommerce-order-received .woocommerce-column--billing-address,
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address {
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 28px !important;
box-shadow: 0 16px 36px rgba(17,17,17,0.05) !important;
padding: 28px 28px !important;
margin: 0 0 28px !important;
}
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-column__title {
font-size: 26px !important;
line-height: 1.2 !important;
margin: 0 0 18px !important;
color: #161616 !important;
}
.woocommerce-order-received .woocommerce-column--billing-address address {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-style: normal !important;
font-size: 18px !important;
line-height: 1.75 !important;
color: #171717 !important;
}
.woocommerce-order-received .woocommerce-column--billing-address address br + .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce-column--billing-address address br + .woocommerce-customer-details--email {
margin-top: 12px !important;
}
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-customer-details--email {
display: block !important;
margin-top: 14px !important;
font-size: 18px !important;
}
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-customer-details--phone::before,
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-customer-details--email::before {
color: #6f2487 !important;
}
@media (max-width: 991px) {
.woocommerce-order-received ul.woocommerce-order-overview {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.woocommerce-order-received .woocommerce-column--billing-address,
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address {
padding: 20px 18px !important;
border-radius: 22px !important;
}
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-column__title {
font-size: 22px !important;
}
.woocommerce-order-received .woocommerce-column--billing-address address,
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce-column--billing-address .woocommerce-customer-details--email {
font-size: 16px !important;
}
}
/* === v199 thankyou overview + billing section exact box fix === */
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 16px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 38px !important;
border: 0 !important;
width: 100% !important;
}
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before,
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after {
display: none !important;
content: none !important;
}
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 22px 24px !important;
min-width: 0 !important;
min-height: 108px !important;
border-radius: 24px !important;
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 14px 34px rgba(17,17,17,0.05) !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li strong,
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li .amount {
display: block !important;
margin-top: 8px !important;
font-size: 17px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #171717 !important;
word-break: break-word !important;
}
.woocommerce-order-received section.woocommerce-customer-details {
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 28px !important;
box-shadow: 0 16px 36px rgba(17,17,17,0.05) !important;
padding: 28px 28px !important;
margin: 0 0 28px !important;
}
.woocommerce-order-received section.woocommerce-customer-details > h2.woocommerce-column__title {
font-size: 26px !important;
line-height: 1.2 !important;
margin: 0 0 18px !important;
color: #161616 !important;
}
.woocommerce-order-received section.woocommerce-customer-details > address {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-style: normal !important;
font-size: 18px !important;
line-height: 1.75 !important;
color: #171717 !important;
}
.woocommerce-order-received section.woocommerce-customer-details > address p.woocommerce-customer-details--phone,
.woocommerce-order-received section.woocommerce-customer-details > address p.woocommerce-customer-details--email {
margin: 14px 0 0 !important;
font-size: 18px !important;
line-height: 1.6 !important;
}
.woocommerce-order-received section.woocommerce-customer-details > address p.woocommerce-customer-details--phone::before,
.woocommerce-order-received section.woocommerce-customer-details > address p.woocommerce-customer-details--email::before {
color: #6f2487 !important;
}
@media (max-width: 991px) {
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li,
.woocommerce-order-received section.woocommerce-customer-details {
padding: 20px 18px !important;
border-radius: 22px !important;
}
.woocommerce-order-received section.woocommerce-customer-details > h2.woocommerce-column__title {
font-size: 22px !important;
}
.woocommerce-order-received section.woocommerce-customer-details > address,
.woocommerce-order-received section.woocommerce-customer-details > address p.woocommerce-customer-details--phone,
.woocommerce-order-received section.woocommerce-customer-details > address p.woocommerce-customer-details--email {
font-size: 16px !important;
}
}
/* === v200 center thank you text === */
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
text-align: center !important;
width: 100% !important;
display: block !important;
margin: 0 auto 32px !important;
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
}
/* === v201 premium my-account restyle === */
.woocommerce-account .woocommerce {
max-width: 1280px !important;
margin: 0 auto !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 320px !important;
flex: 0 0 320px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: auto !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
.woocommerce-account .woocommerce {
display: grid !important;
grid-template-columns: 320px minmax(0, 1fr) !important;
gap: 28px !important;
align-items: start !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 28px !important;
box-shadow: 0 16px 36px rgba(17,17,17,0.05) !important;
padding: 18px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
margin-top: 8px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: flex !important;
align-items: center !important;
min-height: 56px !important;
padding: 0 18px !important;
border-radius: 999px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #191919 !important;
text-decoration: none !important;
border: 1px solid transparent !important;
transition: all .2s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: rgba(111,36,135,0.06) !important;
color: #6f2487 !important;
border-color: rgba(111,36,135,0.12) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
color: #fff !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 18px 34px rgba(113,34,137,0.20) !important;
border-color: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
background: rgba(255,255,255,0.78) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 28px !important;
box-shadow: 0 16px 36px rgba(17,17,17,0.05) !important;
padding: 34px 36px !important;
}
.woocommerce-account .woocommerce-MyAccount-content p:first-child {
margin-top: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content p {
font-size: 17px !important;
line-height: 1.8 !important;
color: #1b1b1b !important;
}
.woocommerce-account .woocommerce-MyAccount-content a {
text-underline-offset: 3px !important;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h3 {
font-size: 30px !important;
line-height: 1.2 !important;
margin: 0 0 18px !important;
color: #161616 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-account .woocommerce-MyAccount-content form {
width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
border-radius: 22px !important;
border: 1px solid rgba(17,17,17,0.08) !important;
background: rgba(255,255,255,0.92) !important;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
padding: 16px 14px !important;
border-bottom: 1px solid rgba(17,17,17,0.07) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input.button {
border-radius: 999px !important;
min-height: 52px !important;
padding: 0 24px !important;
color: #fff !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
font-weight: 700 !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 18px 34px rgba(113, 34, 137, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
border: 0 !important;
position: relative !important;
overflow: hidden !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:hover,
.woocommerce-account .woocommerce-MyAccount-content input.button:hover {
filter: brightness(1.02) !important;
}
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .woocommerce-MyAccount-content select {
min-height: 60px !important;
border-radius: 18px !important;
border: 1px solid rgba(17,17,17,0.12) !important;
background: rgba(255,255,255,0.94) !important;
padding: 0 18px !important;
font-size: 16px !important;
box-sizing: border-box !important;
}
.woocommerce-account .woocommerce-MyAccount-content textarea {
min-height: 160px !important;
padding: 16px 18px !important;
}
.woocommerce-account .woocommerce-Addresses {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
background: rgba(255,255,255,0.92) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 24px !important;
padding: 22px 22px !important;
}
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notices-wrapper > * {
border-radius: 20px !important;
border: 1px solid rgba(17,17,17,0.08) !important;
background: rgba(255,255,255,0.88) !important;
box-shadow: 0 12px 28px rgba(17,17,17,0.04) !important;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce {
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 14px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 24px 20px !important;
}
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr !important;
}
}
/* === v202 force 20/80 layout my-account === */
.woocommerce-account .woocommerce {
display: grid !important;
grid-template-columns: 20% 80% !important;
gap: 32px !important;
align-items: start !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
min-width: 0 !important;
}
/* prevent shrinking / weird centering */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
margin: 0 !important;
}
/* mobile fallback */
@media (max-width: 991px) {
.woocommerce-account .woocommerce {
grid-template-columns: 1fr !important;
}
}
/* === v203 my-account: layout like reference, style from current theme === */
.woocommerce-account .woocommerce {
display: grid !important;
grid-template-columns: minmax(240px, 20%) minmax(0, 1fr) !important;
gap: 36px !important;
align-items: start !important;
width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
margin: 0 !important;
width: auto !important;
min-width: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
align-self: start !important;
position: relative !important;
top: 0 !important;
padding: 18px !important;
max-width: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
align-self: start !important;
padding: 32px 34px !important;
min-height: 320px !important;
}
/* keep left menu visually slimmer like ref */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
min-height: 54px !important;
padding: 0 18px !important;
font-size: 15px !important;
}
/* active item remains premium but not oversized */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
min-height: 64px !important;
box-shadow: 0 16px 30px rgba(113,34,137,0.18) !important;
}
/* dashboard intro spacing similar to reference */
.woocommerce-account .woocommerce-MyAccount-content p {
max-width: 980px !important;
}
/* tables and cards stay inside right column */
.woocommerce-account .woocommerce-MyAccount-content > * {
max-width: 100% !important;
box-sizing: border-box !important;
}
@media (max-width: 991px) {
.woocommerce-account .woocommerce {
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 14px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 24px 20px !important;
min-height: 0 !important;
}
}
/* === v204 my-account: nav 20%, content 80%, both directly under heading === */
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account .site-main .woocommerce,
.woocommerce-account main .woocommerce {
display: grid !important;
grid-template-columns: 20% 80% !important;
gap: 32px !important;
align-items: start !important;
width: 100% !important;
max-width: 1280px !important;
margin: 0 auto !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
grid-column: 1 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
align-self: start !important;
float: none !important;
margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
grid-column: 2 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
align-self: start !important;
float: none !important;
margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: block !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-account .woocommerce-MyAccount-content > * {
max-width: 100% !important;
box-sizing: border-box !important;
}
@media (max-width: 991px) {
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account .site-main .woocommerce,
.woocommerce-account main .woocommerce {
grid-template-columns: 1fr !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
grid-column: auto !important;
}
}
/* === v205 my-account full width under heading + logged-in aligned table === */
/* Full-width content area under the page heading */
.woocommerce-account .site-main > .woocommerce,
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account main .woocommerce {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 280px minmax(0, 1fr) !important;
gap: 36px !important;
align-items: start !important;
}
/* Logged-in account layout */
body.woocommerce-account.logged-in .site-main > .woocommerce,
body.woocommerce-account.logged-in .entry-content > .woocommerce,
body.woocommerce-account.logged-in main .woocommerce {
grid-template-columns: 280px minmax(0, 1fr) !important;
}
/* Left navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
grid-column: 1 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
margin: 0 !important;
align-self: start !important;
}
/* Right content */
.woocommerce-account .woocommerce-MyAccount-content {
grid-column: 2 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
margin: 0 !important;
align-self: start !important;
}
/* Keep logged-out "My account" page using the full available row beneath heading */
body.woocommerce-account:not(.logged-in) .woocommerce {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce > * {
width: 100% !important;
max-width: 100% !important;
}
/* Logged-in orders table/card aligned directly under heading area */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > * {
box-sizing: border-box !important;
max-width: 100% !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table {
width: 100% !important;
max-width: 100% !important;
table-layout: auto !important;
}
/* Card containing the logged-in content spans from the heading line visually */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
padding: 28px 28px !important;
}
/* Orders table wrapper should not be visually narrower than content column */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table {
margin: 0 !important;
}
/* Ensure notices / dashboards start flush with content column */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content p:first-child,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-notices-wrapper:first-child {
margin-top: 0 !important;
}
/* Mobile */
@media (max-width: 991px) {
.woocommerce-account .site-main > .woocommerce,
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account main .woocommerce,
body.woocommerce-account.logged-in .site-main > .woocommerce,
body.woocommerce-account.logged-in .entry-content > .woocommerce,
body.woocommerce-account.logged-in main .woocommerce {
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
grid-column: auto !important;
}
}
/* === v206 white text in guest banner + universal purple checkboxes === */
/* Guest purchase banner text white */
.lm-guest-checkout-card,
.lm-guest-checkout-card p,
.lm-guest-checkout-card h2,
.lm-guest-checkout-card h3,
.lm-guest-checkout-card .lm-guest-checkout-card__text,
.lm-guest-checkout-card .lm-guest-checkout-card__desc,
.lm-guest-checkout-card .lm-guest-checkout-card__title {
color: #fff !important;
}
/* Universal purple custom checkbox styling */
.woocommerce form .input-checkbox,
.woocommerce-page form .input-checkbox,
.woocommerce-checkout input[type="checkbox"],
.woocommerce-account input[type="checkbox"] {
-webkit-appearance: none !important;
appearance: none !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
border-radius: 6px !important;
border: 2px solid #7f33a5 !important;
background: #fff !important;
display: inline-grid !important;
place-content: center !important;
vertical-align: middle !important;
cursor: pointer !important;
position: relative !important;
box-shadow: none !important;
margin: 0 10px 0 0 !important;
}
.woocommerce form .input-checkbox::before,
.woocommerce-page form .input-checkbox::before,
.woocommerce-checkout input[type="checkbox"]::before,
.woocommerce-account input[type="checkbox"]::before {
content: "" !important;
width: 8px !important;
height: 14px !important;
border-right: 3px solid #fff !important;
border-bottom: 3px solid #fff !important;
transform: rotate(45deg) scale(0) !important;
transform-origin: center !important;
transition: transform .15s ease !important;
margin-top: -2px !important;
}
.woocommerce form .input-checkbox:checked,
.woocommerce-page form .input-checkbox:checked,
.woocommerce-checkout input[type="checkbox"]:checked,
.woocommerce-account input[type="checkbox"]:checked {
background: #7f33a5 !important;
border-color: #7f33a5 !important;
}
.woocommerce form .input-checkbox:checked::before,
.woocommerce-page form .input-checkbox:checked::before,
.woocommerce-checkout input[type="checkbox"]:checked::before,
.woocommerce-account input[type="checkbox"]:checked::before {
transform: rotate(45deg) scale(1) !important;
}
/* Better alignment for labels with checkboxes */
.woocommerce form label.checkbox,
.woocommerce-page form label.checkbox,
.woocommerce-checkout label.checkbox,
.woocommerce-account label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
}
/* Create account checkbox row */
.woocommerce-checkout .create-account label.checkbox,
.woocommerce-checkout .woocommerce-account-fields label.checkbox,
.woocommerce-checkout #account_password_field,
.woocommerce-checkout .create-account {
color: #1a1a1a !important;
}
.woocommerce-checkout .create-account .form-row,
.woocommerce-checkout .woocommerce-account-fields .form-row {
margin-top: 10px !important;
}
/* Ensure tick is centered in newsletter/terms/create-account */
.woocommerce-checkout .create-account input[type="checkbox"],
.woocommerce-checkout #createaccount,
.woocommerce-checkout #terms,
.woocommerce-checkout #lm_newsletter_proxy,
.woocommerce-checkout #woo_ml_subscribe {
place-content: center !important;
}
/* === v207 white guest text + mobile my-account cards/tabs === */
/* Force white text in guest banner */
.lm-guest-checkout-card,
.lm-guest-checkout-card *,
.lm-guest-checkout-card p,
.lm-guest-checkout-card .lm-guest-checkout-card__desc {
color: #fff !important;
}
/* Mobile My Account = card-like tab navigation */
@media (max-width: 767px) {
body.woocommerce-account.logged-in .woocommerce {
display: block !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 0 18px !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li {
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a {
min-height: 68px !important;
height: auto !important;
padding: 14px 16px !important;
border-radius: 22px !important;
background: rgba(255,255,255,0.82) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 10px 22px rgba(17,17,17,0.04) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
color: #1b1b1b !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a:hover {
color: #fff !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 18px 34px rgba(113,34,137,0.20) !important;
border-color: transparent !important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
}
/* === v208 white guest bar text + communication newsletter card === */
.lm-account-guest-bar,
.lm-account-guest-bar p,
.lm-account-guest-bar strong,
.lm-account-guest-bar__content,
.lm-account-guest-bar__content p,
.lm-account-guest-bar__content strong {
color: #fff !important;
}
.woocommerce-account .lm-communication-newsletter-card {
margin-top: 24px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
}
.woocommerce-account .lm-communication-newsletter-card h3 {
margin: 0 0 16px !important;
}
.woocommerce-account .lm-communication-newsletter-form {
display: grid !important;
gap: 18px !important;
align-items: start !important;
}
.woocommerce-account .lm-communication-newsletter-form label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
font-size: 17px !important;
line-height: 1.5 !important;
}
.woocommerce-account .lm-communication-newsletter-form .button {
width: fit-content !important;
}
/* === v209 refined purple checkboxes: smaller + centered tick === */
.woocommerce form .input-checkbox,
.woocommerce-page form .input-checkbox,
.woocommerce-checkout input[type="checkbox"],
.woocommerce-account input[type="checkbox"] {
-webkit-appearance: none !important;
appearance: none !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
border-radius: 5px !important;
border: 2px solid #7f33a5 !important;
background: #fff !important;
display: inline-grid !important;
place-items: center !important;
vertical-align: middle !important;
cursor: pointer !important;
position: relative !important;
box-shadow: none !important;
margin: 0 10px 0 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.woocommerce form .input-checkbox::before,
.woocommerce-page form .input-checkbox::before,
.woocommerce-checkout input[type="checkbox"]::before,
.woocommerce-account input[type="checkbox"]::before {
content: "" !important;
width: 6px !important;
height: 11px !important;
border-right: 2.5px solid #fff !important;
border-bottom: 2.5px solid #fff !important;
transform: rotate(45deg) scale(0) !important;
transform-origin: center center !important;
transition: transform .15s ease !important;
margin: 0 !important;
position: relative !important;
top: -1px !important;
left: 0 !important;
}
.woocommerce form .input-checkbox:checked,
.woocommerce-page form .input-checkbox:checked,
.woocommerce-checkout input[type="checkbox"]:checked,
.woocommerce-account input[type="checkbox"]:checked {
background: #7f33a5 !important;
border-color: #7f33a5 !important;
}
.woocommerce form .input-checkbox:checked::before,
.woocommerce-page form .input-checkbox:checked::before,
.woocommerce-checkout input[type="checkbox"]:checked::before,
.woocommerce-account input[type="checkbox"]:checked::before {
transform: rotate(45deg) scale(1) !important;
}
.woocommerce form label.checkbox,
.woocommerce-page form label.checkbox,
.woocommerce-checkout label.checkbox,
.woocommerce-account label.checkbox {
display: inline-flex !important;
align-items: center !important;
}
.woocommerce-checkout #terms,
.woocommerce-checkout #lm_newsletter_proxy,
.woocommerce-checkout #woo_ml_subscribe,
.woocommerce-checkout #createaccount,
.woocommerce-account #woo_ml_subscribe_comm {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
}
/* === v210 remove duplicate checkmarks === */
.woocommerce input[type="checkbox"]::after,
.woocommerce input[type="checkbox"] + span::before,
.woocommerce input[type="checkbox"] + label::before,
.woocommerce input[type="checkbox"] + span::after,
.woocommerce input[type="checkbox"] + label::after {
content: none !important;
display: none !important;
}
.woocommerce input[type="checkbox"] {
background-image: none !important;
}
/* === v211 style login and coupon buttons like place-order, scaled down === */
.woocommerce-checkout .woocommerce-form-login .button,
.woocommerce-checkout .checkout_coupon .button,
.woocommerce-checkout form.checkout_coupon .button,
.woocommerce-checkout .woocommerce-form-coupon .button,
.woocommerce-checkout button[name="login"],
.woocommerce-checkout button[name="apply_coupon"],
.woocommerce-checkout .woocommerce-form-login__submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px !important;
height: 52px !important;
padding: 0 26px !important;
border-radius: 999px !important;
border: 0 !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
box-shadow: 0 18px 34px rgba(113,34,137,0.18), inset 0 1px 0 rgba(255,255,255,0.18) !important;
position: relative !important;
overflow: hidden !important;
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
.woocommerce-checkout .woocommerce-form-login .button:hover,
.woocommerce-checkout .checkout_coupon .button:hover,
.woocommerce-checkout form.checkout_coupon .button:hover,
.woocommerce-checkout .woocommerce-form-coupon .button:hover,
.woocommerce-checkout button[name="login"]:hover,
.woocommerce-checkout button[name="apply_coupon"]:hover,
.woocommerce-checkout .woocommerce-form-login__submit:hover {
filter: brightness(1.02) !important;
transform: translateY(-1px) !important;
box-shadow: 0 22px 40px rgba(113,34,137,0.22), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.woocommerce-checkout .woocommerce-form-login .button::before,
.woocommerce-checkout .checkout_coupon .button::before,
.woocommerce-checkout form.checkout_coupon .button::before,
.woocommerce-checkout .woocommerce-form-coupon .button::before,
.woocommerce-checkout button[name="login"]::before,
.woocommerce-checkout button[name="apply_coupon"]::before,
.woocommerce-checkout .woocommerce-form-login__submit::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -120% !important;
width: 60% !important;
height: 100% !important;
background: linear-gradient(
100deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.10) 35%,
rgba(255,255,255,0.34) 50%,
rgba(255,255,255,0.10) 65%,
rgba(255,255,255,0) 100%
) !important;
transform: skewX(-22deg) !important;
pointer-events: none !important;
z-index: 1 !important;
transition: left .75s ease !important;
}
.woocommerce-checkout .woocommerce-form-login .button:hover::before,
.woocommerce-checkout .checkout_coupon .button:hover::before,
.woocommerce-checkout form.checkout_coupon .button:hover::before,
.woocommerce-checkout .woocommerce-form-coupon .button:hover::before,
.woocommerce-checkout button[name="login"]:hover::before,
.woocommerce-checkout button[name="apply_coupon"]:hover::before,
.woocommerce-checkout .woocommerce-form-login__submit:hover::before {
left: 135% !important;
}
.woocommerce-checkout .woocommerce-form-login .button > *,
.woocommerce-checkout .checkout_coupon .button > *,
.woocommerce-checkout form.checkout_coupon .button > *,
.woocommerce-checkout .woocommerce-form-coupon .button > *,
.woocommerce-checkout button[name="login"] > *,
.woocommerce-checkout button[name="apply_coupon"] > *,
.woocommerce-checkout .woocommerce-form-login__submit > * {
position: relative !important;
z-index: 2 !important;
}
/* better spacing in login/coupon rows */
.woocommerce-checkout .woocommerce-form-login__submit,
.woocommerce-checkout .checkout_coupon .button,
.woocommerce-checkout form.checkout_coupon .button {
margin-top: 0 !important;
}
@media (max-width: 767px) {
.woocommerce-checkout .woocommerce-form-login .button,
.woocommerce-checkout .checkout_coupon .button,
.woocommerce-checkout form.checkout_coupon .button,
.woocommerce-checkout .woocommerce-form-coupon .button,
.woocommerce-checkout button[name="login"],
.woocommerce-checkout button[name="apply_coupon"],
.woocommerce-checkout .woocommerce-form-login__submit {
min-height: 46px !important;
height: 46px !important;
font-size: 14px !important;
padding: 0 20px !important;
}
}
/* === v212 fix remember me checkbox + center button text in my-account === */
/* Remember me row on login: keep checkbox aligned and not broken */
.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-checkout .woocommerce-form-login label.woocommerce-form__label-for-checkbox,
.woocommerce-checkout .woocommerce-form-login label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
line-height: 1.2 !important;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme .input-checkbox,
.woocommerce-checkout .woocommerce-form-login #rememberme,
.woocommerce-checkout .woocommerce-form-login input[name="rememberme"] {
flex: 0 0 22px !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
margin: 0 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme span,
.woocommerce-checkout .woocommerce-form-login .woocommerce-form__label span {
display: inline-block !important;
line-height: 1.2 !important;
}
/* My account buttons: perfectly centered text */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input.button,
.woocommerce-account .woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button span,
.woocommerce-account .woocommerce-MyAccount-content button span,
.woocommerce-account .woocommerce-MyAccount-content input.button span,
.woocommerce-account .woocommerce-MyAccount-content a.button span,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
/* Extra fix for order table action buttons */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table a.button {
min-width: 120px !important;
text-align: center !important;
}
/* === v213 softer Woo links: smaller font + more vertical breathing room === */
.woocommerce a,
.woocommerce-page a {
text-underline-offset: 3px !important;
}
.woocommerce .woocommerce-Address-title a,
.woocommerce .woocommerce-Address-title .edit,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title a,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit,
.woocommerce-account .lost_password a,
.woocommerce .lost_password a,
.woocommerce-form-login .lost_password a,
.woocommerce .woocommerce-LostPassword a,
.woocommerce-page .woocommerce-LostPassword a {
font-size: 15px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
display: inline-block !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.woocommerce .woocommerce-Address-title,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
margin-bottom: 18px !important;
}
.woocommerce .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
margin-bottom: 16px !important;
}
.woocommerce .lost_password,
.woocommerce-form-login .lost_password,
.woocommerce .woocommerce-LostPassword {
margin-top: 18px !important;
margin-bottom: 8px !important;
}
.woocommerce .lost_password a,
.woocommerce-form-login .lost_password a,
.woocommerce .woocommerce-LostPassword a {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
/* general utility for small Woo action links that appear under cards/forms */
.woocommerce .edit,
.woocommerce-account .edit,
.woocommerce .showcoupon,
.woocommerce .showlogin {
font-size: 15px !important;
line-height: 1.45 !important;
}
/* === v214 fix show/hide password control in account details === */
.woocommerce-account .show-password-input,
.woocommerce-account button.show-password-input,
.woocommerce-account .password-input .show-password-input,
.woocommerce-checkout .show-password-input,
.woocommerce-checkout button.show-password-input,
.woocommerce-checkout .password-input .show-password-input {
position: absolute !important;
right: 18px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #111 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
z-index: 3 !important;
}
.woocommerce-account .show-password-input::before,
.woocommerce-checkout .show-password-input::before {
position: static !important;
margin: 0 !important;
left: auto !important;
top: auto !important;
transform: none !important;
transition: none !important;
color: #111 !important;
}
.woocommerce-account .show-password-input:hover,
.woocommerce-checkout .show-password-input:hover {
background: transparent !important;
box-shadow: none !important;
filter: none !important;
}
.woocommerce-account .password-input,
.woocommerce-checkout .password-input {
position: relative !important;
display: block !important;
}
.woocommerce-account .password-input input,
.woocommerce-checkout .password-input input {
padding-right: 56px !important;
}
/* neutralize CTA/button styles accidentally inherited by password toggle */
.woocommerce-account .password-input .show-password-input,
.woocommerce-checkout .password-input .show-password-input {
min-height: 28px !important;
height: 28px !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-size: 0 !important;
}
/* if plugin injects span/button, keep only icon */
.woocommerce-account .password-input .show-password-input span,
.woocommerce-checkout .password-input .show-password-input span {
display: none !important;
}
/* === v215 my-account Woo buttons styled like cart CTA, scaled down === */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce-MyAccount-content button.button,
.woocommerce-account .woocommerce-MyAccount-content input.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px !important;
height: 52px !important;
padding: 0 26px !important;
border-radius: 999px !important;
border: 0 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
text-transform: uppercase !important;
text-align: center !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 18px 34px rgba(113, 34, 137, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
position: relative !important;
overflow: hidden !important;
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content input.button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover {
filter: brightness(1.02) !important;
transform: translateY(-1px) !important;
box-shadow: 0 22px 40px rgba(113,34,137,0.22), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button::before,
.woocommerce-account .woocommerce-MyAccount-content a.button::before,
.woocommerce-account .woocommerce-MyAccount-content button.button::before,
.woocommerce-account .woocommerce-MyAccount-content input.button::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -120% !important;
width: 60% !important;
height: 100% !important;
background: linear-gradient(
100deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.10) 35%,
rgba(255,255,255,0.34) 50%,
rgba(255,255,255,0.10) 65%,
rgba(255,255,255,0) 100%
) !important;
transform: skewX(-22deg) !important;
pointer-events: none !important;
z-index: 1 !important;
transition: left .75s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover::before,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover::before,
.woocommerce-account .woocommerce-MyAccount-content button.button:hover::before,
.woocommerce-account .woocommerce-MyAccount-content input.button:hover::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover::before {
left: 135% !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button > *,
.woocommerce-account .woocommerce-MyAccount-content a.button > *,
.woocommerce-account .woocommerce-MyAccount-content button.button > *,
.woocommerce-account .woocommerce-MyAccount-content input.button > *,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button > *,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button > * {
position: relative !important;
z-index: 2 !important;
}
/* action buttons in tables/cards */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .edit,
.woocommerce-account .woocommerce-MyAccount-content .download-file .button {
min-width: 140px !important;
}
/* submit/save buttons can be slightly wider naturally */
.woocommerce-account .woocommerce-MyAccount-content form button.button,
.woocommerce-account .woocommerce-MyAccount-content form .button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content form input.button[type="submit"] {
min-width: 180px !important;
}
/* keep tiny utility controls out of CTA styling */
.woocommerce-account .woocommerce-MyAccount-content .show-password-input,
.woocommerce-account .woocommerce-MyAccount-content button.show-password-input {
min-width: 28px !important;
width: 28px !important;
height: 28px !important;
min-height: 28px !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
/* mobile */
@media (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce-MyAccount-content button.button,
.woocommerce-account .woocommerce-MyAccount-content input.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
min-height: 46px !important;
height: 46px !important;
padding: 0 20px !important;
font-size: 14px !important;
letter-spacing: 0.05em !important;
}
}
/* === v216 hide first communication preferences button === */
.woocommerce-account .woocommerce-MyAccount-content form[action*="communication-preferences"] > button:first-of-type,
.woocommerce-account .woocommerce-MyAccount-content form[action*="communication-preferences"] > input[type="submit"]:first-of-type,
.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-notice-banner + form > button:first-of-type,
.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-notice-banner + form > input[type="submit"]:first-of-type {
display: none !important;
}
/* fallback for the top native communication preferences submit */
.woocommerce-account .woocommerce-MyAccount-content > form:first-of-type > button:first-of-type,
.woocommerce-account .woocommerce-MyAccount-content > form:first-of-type > input[type="submit"]:first-of-type {
display: none !important;
}
/* === v217 communication preferences single native form styling === */
.woocommerce-account .lm-account-guest-bar,
.woocommerce-account .lm-account-guest-bar *,
.lm-guest-checkout-card,
.lm-guest-checkout-card *,
.lm-guest-checkout-card p,
.lm-guest-checkout-card .lm-guest-checkout-card__desc {
color: #fff !important;
}
/* hide any old custom newsletter card if it survives cache */
.woocommerce-account .lm-communication-newsletter-card {
display: none !important;
}
/* Native communication form with injected newsletter */
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field {
margin-top: 24px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
display: grid !important;
gap: 16px !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field h3 {
margin: 0 !important;
font-size: 32px !important;
line-height: 1.2 !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
font-size: 17px !important;
line-height: 1.5 !important;
}
.woocommerce-account .woocommerce-MyAccount-content form footer {
margin-top: 18px !important;
}
.woocommerce-account .woocommerce-MyAccount-content form footer input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content form footer button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px !important;
height: 52px !important;
padding: 0 26px !important;
border-radius: 999px !important;
border: 0 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
text-transform: uppercase !important;
text-align: center !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 18px 34px rgba(113, 34, 137, 0.18), inset 0 1px 0 rgba(255,255,255,0.18) !important;
position: relative !important;
overflow: hidden !important;
}
/* remove generic browser button look on native input submit */
.woocommerce-account .woocommerce-MyAccount-content form footer input[type="submit"] {
-webkit-appearance: none !important;
appearance: none !important;
}
@media (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field h3 {
font-size: 26px !important;
}
}
/* === v218 injected newsletter in native communication form === */
.woocommerce-account .lm-communication-newsletter-card {
display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field {
margin-top: 24px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
display: grid !important;
gap: 16px !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field h3 {
margin: 0 !important;
font-size: 32px !important;
line-height: 1.2 !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-newsletter-field label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
font-size: 17px !important;
line-height: 1.5 !important;
}
/* === v219 communication preferences: style native opt-in only === */
.woocommerce-account .lm-communication-newsletter-card,
.woocommerce-account .lm-native-newsletter-field {
display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-optin-heading {
margin: 24px 0 16px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(17,17,17,0.08) !important;
font-size: 32px !important;
line-height: 1.2 !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .shopmagic-optin.form-row,
.woocommerce-account .woocommerce-MyAccount-content form .shopmagic-optin {
margin: 0 0 18px !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content form .shopmagic-optin label {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
font-size: 17px !important;
line-height: 1.5 !important;
}
@media (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-content form .lm-native-optin-heading {
font-size: 26px !important;
}
}
/* === v220 hide newsletter opt-in on account details page === */
.woocommerce-account.woocommerce-edit-account .shopmagic-optin,
.woocommerce-account.woocommerce-edit-account .shopmagic-optin.form-row,
.woocommerce-account.woocommerce-edit-account .lm-native-newsletter-field,
.woocommerce-account.woocommerce-edit-account .lm-native-optin-heading,
.woocommerce-account.woocommerce-edit-account .lm-communication-newsletter-card {
display: none !important;
}
/* === v221 wishlist core styles === */
.lm-header-icon--wishlist,
.lm-wishlist-button {
position: relative;
}
.lm-wishlist-count {
position: absolute;
top: -4px;
right: -4px;
min-width: 22px;
height: 22px;
padding: 0 4px;
border-radius: 999px;
background: #7f33a5;
color: #fff;
font-size: 12px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
}
.lm-wishlist-count:empty { display:none; }
.lm-card-topbar {
position: absolute;
top: 14px;
left: 14px;
right: 14px;
z-index: 3;
display: flex;
align-items: flex-start;
justify-content: space-between;
pointer-events: none;
}
.lm-card-topbar > * { pointer-events: auto; }
.lm-card-topbar__left .lm-sale-badge,
.lm-card-topbar__left .onsale {
margin: 0 !important;
}
.lm-wishlist-button {
width: 44px;
height: 44px;
border-radius: 999px !important;
border: 1px solid rgba(127,51,165,.18) !important;
background: rgba(255,255,255,.92) !important;
color: #7f33a5 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
box-shadow: 0 12px 24px rgba(17,17,17,.08);
transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.lm-wishlist-button svg {
width: 22px;
height: 22px;
}
.lm-wishlist-button:hover { transform: translateY(-1px); }
.lm-wishlist-button.is-active {
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
color: #fff !important;
border-color: transparent !important;
}
.lm-product-card { position: relative; }
.lm-archive-thumb { position: relative; z-index: 1; }
.lm-account-wishlist-grid {
display:grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap:24px;
}
.lm-account-wishlist-card {
position:relative;
padding:20px;
border-radius:24px;
border:1px solid rgba(17,17,17,.08);
background: rgba(255,255,255,.86);
box-shadow: 0 14px 32px rgba(17,17,17,.05);
}
.lm-account-wishlist-card .lm-wishlist-button {
position:absolute;
top:14px;
right:14px;
}
.lm-account-wishlist-thumb {
display:block;
margin-bottom:14px;
}
.lm-account-wishlist-thumb img {
width:100%;
height:auto;
border-radius:18px;
}
.lm-account-wishlist-card h3 {
font-size:22px !important;
margin:0 0 10px !important;
}
.lm-account-wishlist-price { margin-bottom:14px; font-weight:700; }
.lm-account-wishlist-actions .button { min-width: 180px !important; }
.lm-wishlist-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: none;
}
.lm-wishlist-modal.is-visible { display:block; }
.lm-wishlist-modal__backdrop {
position:absolute; inset:0; background: rgba(17,17,17,.42);
}
.lm-wishlist-modal__dialog {
position: relative;
width:min(560px, calc(100vw - 32px));
margin: 10vh auto 0;
background:#fff;
border-radius:28px;
padding:32px;
box-shadow: 0 22px 54px rgba(17,17,17,.24);
z-index:1;
}
.lm-wishlist-modal__close {
position:absolute; right:14px; top:10px;
width:36px; height:36px; border:0; background:transparent; font-size:28px; line-height:1;
}
.lm-wishlist-modal__title {
font-family: var(--font-serif);
font-size: 34px;
line-height: 1.15;
margin-bottom: 14px;
}
.lm-wishlist-modal__text {
font-size: 18px;
line-height: 1.6;
margin-bottom: 18px;
}
.lm-wishlist-modal__button.button {
min-width: 240px !important;
}
/* put white font in guest banner */
.lm-guest-checkout-card__desc,
.lm-guest-checkout-card p,
.lm-guest-checkout-card .lm-guest-checkout-card__content {
color: #fff !important;
}
@media (max-width: 991px) {
.lm-account-wishlist-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
.lm-account-wishlist-grid { grid-template-columns: 1fr; }
.lm-card-topbar { top:10px; left:10px; right:10px; }
.lm-wishlist-button { width:38px; height:38px; }
.lm-wishlist-button svg { width:18px; height:18px; }
}
/* === v223 wishlist UI refinements === */
/* Make sale badge and wishlist button share one top line without overlap */
.lm-card-topbar {
top: 18px !important;
left: 18px !important;
right: 18px !important;
align-items: center !important;
}
.lm-card-topbar__left,
.lm-card-topbar__right {
display: inline-flex !important;
align-items: center !important;
}
.lm-card-topbar__left .onsale,
.lm-card-topbar__left .lm-sale-badge {
position: static !important;
inset: auto !important;
transform: none !important;
margin: 0 !important;
}
/* Fix wishlist icon visibility */
.lm-wishlist-button {
font-size: 0 !important;
}
.lm-wishlist-button svg {
width: 20px !important;
height: 20px !important;
display: block !important;
}
.lm-wishlist-button svg path {
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
/* Public wishlist page like category archives */
.lm-public-wishlist-page .container {
max-width: 1640px !important;
}
.lm-public-wishlist-header h1 {
font-size: 64px !important;
margin: 0 0 34px !important;
}
.lm-public-wishlist-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 32px !important;
}
/* Account wishlist: 3 aligned products */
.lm-account-wishlist-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
align-items: stretch !important;
}
.lm-account-wishlist-grid .lm-wishlist-product-card,
.lm-public-wishlist-grid .lm-wishlist-product-card {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 28px !important;
}
.lm-account-wishlist-grid .lm-archive-thumb,
.lm-public-wishlist-grid .lm-archive-thumb {
display: block !important;
padding: 42px 24px 0 !important;
}
.lm-account-wishlist-grid .lm-archive-thumb img,
.lm-public-wishlist-grid .lm-archive-thumb img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: contain !important;
}
.lm-account-wishlist-content {
padding: 0 26px 28px !important;
margin-top: auto !important;
display: flex !important;
flex-direction: column !important;
min-height: 230px !important;
}
.lm-account-wishlist-grid .woocommerce-loop-product__title,
.lm-public-wishlist-grid .woocommerce-loop-product__title {
font-size: 24px !important;
line-height: 1.18 !important;
margin: 0 0 14px !important;
}
.lm-account-wishlist-grid .woocommerce-loop-product__title a,
.lm-public-wishlist-grid .woocommerce-loop-product__title a {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.lm-account-wishlist-grid .price,
.lm-public-wishlist-grid .price {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
}
.lm-account-wishlist-actions {
margin-top: auto !important;
}
.lm-account-wishlist-actions .button,
.lm-public-wishlist-grid .lm-account-wishlist-actions .button {
min-width: 0 !important;
}
/* On account page, make titles much smaller so 3 cards fit evenly */
.woocommerce-account .lm-account-wishlist-grid .woocommerce-loop-product__title {
font-size: 18px !important;
line-height: 1.22 !important;
}
.woocommerce-account .lm-account-wishlist-grid .lm-account-wishlist-content {
min-height: 180px !important;
}
/* Mobile */
@media (max-width: 1199px) {
.lm-public-wishlist-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 991px) {
.lm-account-wishlist-grid,
.lm-public-wishlist-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.lm-public-wishlist-header h1 {
font-size: 46px !important;
}
.lm-account-wishlist-grid,
.lm-public-wishlist-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.lm-account-wishlist-grid .lm-card-topbar,
.lm-public-wishlist-grid .lm-card-topbar {
left: 14px !important;
right: 14px !important;
top: 14px !important;
}
.lm-account-wishlist-grid .lm-wishlist-button,
.lm-public-wishlist-grid .lm-wishlist-button {
margin-left: auto !important;
}
.lm-account-wishlist-content {
min-height: 0 !important;
}
.lm-account-wishlist-actions,
.lm-public-wishlist-grid .lm-account-wishlist-actions {
text-align: center !important;
}
.lm-account-wishlist-actions .button,
.lm-public-wishlist-grid .lm-account-wishlist-actions .button {
margin-left: auto !important;
margin-right: auto !important;
}
}
/* === v224 wishlist dedupe + public/account styling + visible heart icon === */
/* never show duplicate wishlist sections on account */
.woocommerce-account .lm-account-wishlist + .lm-account-wishlist {
display: none !important;
}
/* public wishlist page should look like archive pages, not a big inner card */
.lm-public-wishlist-page .container {
max-width: 1680px !important;
}
.lm-public-wishlist-page .woocommerce-info,
.lm-public-wishlist-page > .container > .button {
margin-left: 0 !important;
}
.lm-public-wishlist-header {
margin-bottom: 18px !important;
}
.lm-public-wishlist-page .lm-public-wishlist-grid {
margin-top: 8px !important;
}
/* account wishlist card heights/alignment */
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
align-items: stretch !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-wishlist-product-card {
height: 100% !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-content {
min-height: 170px !important;
display: flex !important;
flex-direction: column !important;
}
.woocommerce-account .lm-account-wishlist--single .woocommerce-loop-product__title {
font-size: 16px !important;
line-height: 1.2 !important;
min-height: 58px !important;
margin-bottom: 12px !important;
}
.woocommerce-account .lm-account-wishlist--single .price {
font-size: 16px !important;
margin-bottom: 14px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions {
margin-top: auto !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button {
display: flex !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* archive and wishlist top controls line */
.lm-card-topbar {
justify-content: space-between !important;
align-items: center !important;
}
.lm-card-topbar__left .onsale,
.lm-card-topbar__left .lm-sale-badge {
align-self: center !important;
}
.lm-card-topbar__right .lm-wishlist-button {
margin-left: auto !important;
}
/* replace missing svg with reliable heart glyph */
.lm-wishlist-button svg {
display: none !important;
}
.lm-wishlist-button::after {
content: "♡" !important;
display: block !important;
font-size: 21px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: currentColor !important;
position: relative !important;
top: 0 !important;
}
.lm-wishlist-button.is-active::after {
content: "♥" !important;
color: #fff !important;
}
.lm-wishlist-button {
color: #7f33a5 !important;
}
.lm-wishlist-button.is-active {
color: #fff !important;
}
/* keep discount badge pinned left and heart pinned right on category/archive */
.post-type-archive-product .lm-card-topbar,
.tax-product_cat .lm-card-topbar,
.tax-product_tag .lm-card-topbar {
left: 18px !important;
right: 18px !important;
}
.post-type-archive-product .lm-card-topbar__left,
.tax-product_cat .lm-card-topbar__left,
.tax-product_tag .lm-card-topbar__left {
justify-content: flex-start !important;
}
.post-type-archive-product .lm-card-topbar__right,
.tax-product_cat .lm-card-topbar__right,
.tax-product_tag .lm-card-topbar__right {
justify-content: flex-end !important;
}
/* mobile still centered button */
@media (max-width: 767px) {
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions,
.lm-public-wishlist-grid .lm-account-wishlist-actions {
text-align: center !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button,
.lm-public-wishlist-grid .lm-account-wishlist-actions .button {
margin-left: auto !important;
margin-right: auto !important;
}
}
/* === v225 wishlist cards use same svg as header === */
.lm-wishlist-button svg {
display: block !important;
width: 20px !important;
height: 20px !important;
}
.lm-wishlist-button svg path {
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.lm-wishlist-button::after {
content: none !important;
display: none !important;
}
.lm-wishlist-button.is-active svg path {
fill: currentColor !important;
stroke: currentColor !important;
}
/* === v226 wishlist layout refined === */
/* Public wishlist page should mirror archive/category layout */
.lm-public-wishlist-page {
padding-top: 0 !important;
}
.lm-public-wishlist-page .container {
max-width: 1680px !important;
}
.lm-public-wishlist-header {
margin: 0 0 24px !important;
}
.lm-public-wishlist-header h1 {
margin: 0 0 8px !important;
}
.lm-public-wishlist-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 32px !important;
align-items: stretch !important;
}
.lm-public-wishlist-grid .lm-wishlist-product-card {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
border-radius: 32px !important;
overflow: hidden !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(17,17,17,.06) !important;
box-shadow: 0 16px 36px rgba(17,17,17,.05) !important;
}
.lm-public-wishlist-grid .lm-archive-thumb {
display: block !important;
padding: 34px 18px 0 !important;
}
.lm-public-wishlist-grid .lm-archive-thumb img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: contain !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-content {
padding: 0 18px 24px !important;
min-height: 170px !important;
display: flex !important;
flex-direction: column !important;
}
.lm-public-wishlist-grid .woocommerce-loop-product__title {
font-size: 20px !important;
line-height: 1.12 !important;
margin: 0 0 10px !important;
}
.lm-public-wishlist-grid .woocommerce-loop-product__title a {
text-decoration: none !important;
}
.lm-public-wishlist-grid .price {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 14px !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-actions {
margin-top: auto !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-actions .button {
min-width: 0 !important;
}
/* Logged-in account wishlist should keep archive/category card feel */
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
align-items: stretch !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-wishlist-product-card {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
border-radius: 32px !important;
overflow: hidden !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(17,17,17,.06) !important;
box-shadow: 0 16px 36px rgba(17,17,17,.05) !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-archive-thumb {
display: block !important;
padding: 34px 18px 0 !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-archive-thumb img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: contain !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-content {
padding: 0 18px 24px !important;
min-height: 170px !important;
display: flex !important;
flex-direction: column !important;
}
.woocommerce-account .lm-account-wishlist--single .woocommerce-loop-product__title {
font-size: 16px !important;
line-height: 1.18 !important;
min-height: 58px !important;
margin: 0 0 10px !important;
}
.woocommerce-account .lm-account-wishlist--single .woocommerce-loop-product__title a {
text-decoration: none !important;
}
.woocommerce-account .lm-account-wishlist--single .price {
font-size: 16px !important;
font-weight: 700 !important;
margin-bottom: 14px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions {
margin-top: auto !important;
text-align: left !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button {
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Ensure wishlist top controls match archive card alignment */
.lm-public-wishlist-grid .lm-card-topbar,
.woocommerce-account .lm-account-wishlist--single .lm-card-topbar {
top: 18px !important;
left: 18px !important;
right: 18px !important;
justify-content: space-between !important;
align-items: center !important;
}
.lm-public-wishlist-grid .lm-card-topbar__left,
.woocommerce-account .lm-account-wishlist--single .lm-card-topbar__left {
justify-content: flex-start !important;
}
.lm-public-wishlist-grid .lm-card-topbar__right,
.woocommerce-account .lm-account-wishlist--single .lm-card-topbar__right {
justify-content: flex-end !important;
}
/* Logged-in mobile: one product under another */
@media (max-width: 767px) {
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions {
text-align: center !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button {
margin-left: auto !important;
margin-right: auto !important;
}
}
/* Public page responsive steps */
@media (max-width: 1199px) {
.lm-public-wishlist-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 991px) {
.lm-public-wishlist-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.lm-public-wishlist-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-actions {
text-align: center !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-actions .button {
margin-left: auto !important;
margin-right: auto !important;
}
}
/* === v227 wishlist archive match + popup === */
.lm-page-eyebrow {
margin: 0 0 10px !important;
font-size: 14px !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
color: #7f33a5 !important;
font-weight: 700 !important;
}
.lm-public-wishlist-header.woocommerce-products-header {
margin-bottom: 24px !important;
}
.lm-public-wishlist-header .page-title {
font-size: 72px !important;
line-height: .95 !important;
margin: 0 !important;
}
.lm-public-wishlist-products {
width: 100% !important;
}
.lm-public-wishlist-grid,
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
align-items: stretch !important;
}
.lm-public-wishlist-grid .lm-wishlist-product-card,
.woocommerce-account .lm-account-wishlist--single .lm-wishlist-product-card {
padding: 0 !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(17,17,17,.06) !important;
border-radius: 32px !important;
box-shadow: 0 16px 36px rgba(17,17,17,.05) !important;
overflow: hidden !important;
}
.lm-public-wishlist-grid .lm-archive-thumb,
.woocommerce-account .lm-account-wishlist--single .lm-archive-thumb {
padding: 34px 18px 0 !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-content,
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-content {
padding: 0 18px 24px !important;
display: flex !important;
flex-direction: column !important;
}
.lm-public-wishlist-grid .woocommerce-loop-product__title,
.woocommerce-account .lm-account-wishlist--single .woocommerce-loop-product__title {
font-family: var(--font-serif) !important;
font-weight: 400 !important;
text-decoration: none !important;
}
.lm-public-wishlist-grid .woocommerce-loop-product__title a,
.woocommerce-account .lm-account-wishlist--single .woocommerce-loop-product__title a {
text-decoration: none !important;
}
.lm-public-wishlist-grid .price,
.woocommerce-account .lm-account-wishlist--single .price {
font-weight: 700 !important;
color: #111 !important;
}
.lm-public-wishlist-grid .lm-account-wishlist-actions .button,
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 58px !important;
padding: 0 28px !important;
border-radius: 999px !important;
margin-top: auto !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions {
margin-top: auto !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button {
margin-left: 0 !important;
margin-right: 0 !important;
}
.lm-public-wishlist-grid .woocommerce-loop-product__title {
font-size: 24px !important;
line-height: 1.12 !important;
margin: 0 0 12px !important;
}
.lm-public-wishlist-grid .price {
font-size: 18px !important;
margin-bottom: 16px !important;
}
.woocommerce-account .lm-account-wishlist--single .woocommerce-loop-product__title {
font-size: 18px !important;
line-height: 1.18 !important;
margin: 0 0 12px !important;
min-height: 64px !important;
}
.woocommerce-account .lm-account-wishlist--single .price {
font-size: 18px !important;
margin-bottom: 16px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-content {
min-height: 205px !important;
}
.lm-wishlist-modal__button.button {
min-height: 56px !important;
padding: 0 28px !important;
}
@media (max-width: 767px) {
.lm-public-wishlist-header .page-title {
font-size: 54px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
grid-template-columns: 1fr !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions,
.lm-public-wishlist-grid .lm-account-wishlist-actions {
text-align: center !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-actions .button,
.lm-public-wishlist-grid .lm-account-wishlist-actions .button {
margin-left: auto !important;
margin-right: auto !important;
}
}
/* === v229 wishlist exact archive styling === */
/* Public wishlist should inherit archive layout 1:1 */
.lm-public-wishlist-page .lm-archive-shell {
width: min(1680px, calc(100% - 48px)) !important;
}
.lm-public-wishlist-page .lm-archive-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 28px !important;
}
.lm-public-wishlist-page .lm-product-card {
height: auto !important;
}
.lm-public-wishlist-page .lm-card-title a {
text-decoration: none !important;
}
.lm-public-wishlist-page .lm-ordering {
min-height: 1px !important;
}
/* Account wishlist should use the same archive cards, only slightly smaller title */
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-wishlist-product-card {
height: 100% !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-card-body {
display: flex !important;
flex-direction: column !important;
min-height: 228px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-card-title {
font-size: 20px !important;
line-height: 1.12 !important;
min-height: 68px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-card-title a {
text-decoration: none !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-card-bottom {
margin-top: auto !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-card-bottom-right .button {
margin-left: 0 !important;
}
/* Remove leftover custom wishlist layout styling that deviated from archive cards */
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-content,
.lm-public-wishlist-page .lm-account-wishlist-content {
all: unset;
}
@media (max-width: 1199px) {
.lm-public-wishlist-page .lm-archive-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 991px) {
.lm-public-wishlist-page .lm-archive-grid,
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.lm-public-wishlist-page .lm-archive-shell {
width: min(1680px, calc(100% - 24px)) !important;
}
.lm-public-wishlist-page .lm-archive-grid,
.woocommerce-account .lm-account-wishlist--single .lm-account-wishlist-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.woocommerce-account .lm-account-wishlist--single .lm-card-bottom-right,
.lm-public-wishlist-page .lm-card-bottom-right {
width: 100% !important;
display: flex !important;
justify-content: center !important;
}
}
/* === v235 wishlist final: use native archive shell width + popup CTA styling === */
/* Public wishlist must inherit the exact same shell width as category archive. */
.lm-public-wishlist-page .lm-archive-shell {
width: auto !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
/* Keep public wishlist internals aligned to native archive layout */
.lm-public-wishlist-page .lm-shop-header,
.lm-public-wishlist-page .lm-archive-toolbar,
.lm-public-wishlist-page .lm-archive-grid {
width: 100% !important;
}
/* Popup CTA like Add to cart / checkout step button */
.lm-wishlist-modal__button.button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 58px !important;
padding: 0 32px !important;
border: 0 !important;
border-radius: 999px !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
line-height: 1 !important;
text-transform: uppercase !important;
text-align: center !important;
background: linear-gradient(135deg, #6f2487 0%, #8e3db0 52%, #7a2b9d 100%) !important;
box-shadow: 0 24px 48px rgba(113, 34, 137, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
position: relative !important;
overflow: hidden !important;
margin: 24px auto 0 !important;
}
.lm-wishlist-modal__button.button::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -120% !important;
width: 60% !important;
height: 100% !important;
background: linear-gradient(
100deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.10) 35%,
rgba(255,255,255,0.34) 50%,
rgba(255,255,255,0.10) 65%,
rgba(255,255,255,0) 100%
) !important;
transform: skewX(-22deg) !important;
pointer-events: none !important;
z-index: 1 !important;
transition: left .75s ease !important;
}
.lm-wishlist-modal__button.button:hover::before {
left: 135% !important;
}
.lm-wishlist-modal__dialog {
text-align: left !important;
}
@media (max-width: 767px) {
.lm-wishlist-modal__button.button {
width: 100% !important;
}
}
/* === v236 fix public wishlist shell gutters like archive/blog === */
.lm-public-wishlist-page .lm-archive-shell {
width: min(1680px, calc(100% - 48px)) !important;
max-width: min(1680px, calc(100% - 48px)) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 767px) {
.lm-public-wishlist-page .lm-archive-shell {
width: calc(100% - 32px) !important;
max-width: calc(100% - 32px) !important;
}
}
/* === v237 public wishlist desktop width = native archive container === */
.lm-public-wishlist-page .lm-archive-shell {
width: var(--container) !important;
max-width: var(--container) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 767px) {
.lm-public-wishlist-page .lm-archive-shell {
width: min(1680px, calc(100% - 32px)) !important;
max-width: min(1680px, calc(100% - 32px)) !important;
}
}
/* ===== v281 wishlist close button hard fix ===== */
.lm-wishlist-modal__dialog {
position: relative !important;
}
.lm-wishlist-modal__close,
button.lm-wishlist-modal__close,
.lm-wishlist-modal .lm-wishlist-modal__close {
position: absolute !important;
top: 18px !important;
right: 18px !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
padding: 0 !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
line-height: 1 !important;
font-size: 22px !important;
border: 2px solid rgba(113,34,137,0.22) !important;
background: rgba(255,255,255,0.96) !important;
color: #712289 !important;
box-shadow: 0 10px 24px rgba(113,34,137,0.12) !important;
cursor: pointer !important;
flex: 0 0 44px !important;
}
.lm-wishlist-modal__close:hover,
button.lm-wishlist-modal__close:hover,
.lm-wishlist-modal .lm-wishlist-modal__close:hover {
background: rgba(113,34,137,0.10) !important;
}
/* === v32 wishlist instant removal === */
.lm-wishlist-product-card.lm-wishlist-card-removing {
opacity: 0;
transform: scale(.96);
pointer-events: none;
transition: opacity .09s ease, transform .09s ease;
}
/* === SKYADS v44: cart/checkout left mandala only + aligned summary === */
body.woocommerce-cart,
body.woocommerce-checkout {
position: relative !important;
overflow-x: clip !important;
}
/* keep one decorative mandala only on the left side */
body.woocommerce-cart::before,
body.woocommerce-checkout::before {
content: "" !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
width: 50vw !important;
height: 100vh !important;
min-height: 100svh !important;
z-index: 0 !important;
pointer-events: none !important;
background-image: url('https://lamujer1.skyads.pl/wp-content/uploads/2026/05/mandala-lewa.png') !important;
background-repeat: no-repeat !important;
background-position: left center !important;
background-size: auto 100vh !important;
background-attachment: fixed !important;
opacity: .24 !important;
transform: none !important;
}
/* remove every decorative layer from the right/order-summary side */
body.woocommerce-cart::after,
body.woocommerce-checkout::after,
body.woocommerce-cart .site-main::before,
body.woocommerce-cart .site-main::after,
body.woocommerce-cart main::before,
body.woocommerce-cart main::after,
body.woocommerce-cart .cart-collaterals::before,
body.woocommerce-cart .cart-collaterals::after,
body.woocommerce-cart .cart_totals::before,
body.woocommerce-cart .cart_totals::after,
body.woocommerce-checkout .site-main::before,
body.woocommerce-checkout .site-main::after,
body.woocommerce-checkout main::before,
body.woocommerce-checkout main::after,
body.woocommerce-checkout .lm-checkout-shell::before,
body.woocommerce-checkout .lm-checkout-shell::after,
body.woocommerce-checkout .woocommerce-checkout-review-order::before,
body.woocommerce-checkout .woocommerce-checkout-review-order::after,
body.woocommerce-checkout #order_review::before,
body.woocommerce-checkout #order_review::after,
body.woocommerce-checkout .woocommerce-checkout-review-order-table::before,
body.woocommerce-checkout .woocommerce-checkout-review-order-table::after,
body.woocommerce-checkout #payment::before,
body.woocommerce-checkout #payment::after {
content: none !important;
display: none !important;
background: none !important;
background-image: none !important;
opacity: 0 !important;
}
body.woocommerce-cart main,
body.woocommerce-cart .site-main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout main,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
position: relative !important;
z-index: 1 !important;
}
/* checkout: summary aligned to the top of the form card */
@media (min-width: 992px) {
body.woocommerce-checkout .woocommerce form.checkout {
display: grid !important;
grid-template-columns: minmax(0, 1.42fr) minmax(380px, 520px) !important;
column-gap: 36px !important;
row-gap: 0 !important;
align-items: start !important;
}
body.woocommerce-checkout .woocommerce form.checkout .col2-set,
body.woocommerce-checkout .woocommerce form.checkout #customer_details {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
align-self: start !important;
}
body.woocommerce-checkout .woocommerce form.checkout #order_review_heading {
grid-column: 2 !important;
grid-row: 1 !important;
margin: 0 0 14px 0 !important;
align-self: start !important;
}
body.woocommerce-checkout .woocommerce form.checkout #order_review,
body.woocommerce-checkout .woocommerce form.checkout .woocommerce-checkout-review-order {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 520px !important;
margin: 0 0 0 auto !important;
align-self: start !important;
justify-self: end !important;
top: auto !important;
transform: none !important;
}
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals {
width: 100% !important;
max-width: 520px !important;
margin-left: auto !important;
margin-right: 0 !important;
align-self: start !important;
}
}
@media (max-width: 991px) {
body.woocommerce-cart::before,
body.woocommerce-checkout::before {
width: 100vw !important;
opacity: .16 !important;
}
body.woocommerce-checkout .woocommerce form.checkout {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
}
body.woocommerce-checkout .woocommerce form.checkout #order_review,
body.woocommerce-checkout .woocommerce form.checkout .woocommerce-checkout-review-order {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
}
/* === SKYADS v58: payment method card matches delivery card + hide logged-in default shipping row === */
body.woocommerce-checkout .lm-checkout-sidebar-heading {
margin: 26px 0 0 !important;
padding: 48px 50px 16px !important;
border: 1px solid rgba(113, 34, 137, .12) !important;
border-bottom: 0 !important;
border-radius: 42px 42px 0 0 !important;
background: rgba(255, 255, 255, .96) !important;
box-shadow: 0 24px 70px rgba(42, 21, 52, .07) !important;
}
body.woocommerce-checkout .lm-checkout-sidebar-heading .lm-checkout-section-heading__eyebrow {
display: none !important;
}
body.woocommerce-checkout .lm-checkout-sidebar-heading h3 {
margin: 0 !important;
color: #17131a !important;
font-family: var(--lm-heading-font, Georgia, serif) !important;
font-size: clamp(34px, 3.2vw, 58px) !important;
font-weight: 400 !important;
line-height: 1.05 !important;
letter-spacing: -.035em !important;
}
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
margin: 0 !important;
padding: 18px 50px 48px !important;
border: 1px solid rgba(113, 34, 137, .12) !important;
border-top: 0 !important;
border-radius: 0 0 42px 42px !important;
background: rgba(255, 255, 255, .96) !important;
box-shadow: 0 24px 70px rgba(42, 21, 52, .07) !important;
overflow: visible !important;
}
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
list-style: none !important;
background: transparent !important;
}
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method,
body.woocommerce-checkout #payment .wc_payment_method,
body.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_method {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
position: absolute !important;
left: 34px !important;
top: 50% !important;
z-index: 2 !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
transform: translateY(-50%) !important;
accent-color: #712289 !important;
opacity: 1 !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 88px !important;
width: 100% !important;
margin: 0 !important;
padding: 22px 32px 22px 96px !important;
border: 1px solid rgba(113, 34, 137, .12) !important;
border-radius: 32px !important;
background: #fff !important;
color: #17131a !important;
font-size: clamp(18px, 1.35vw, 24px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
cursor: pointer !important;
box-shadow: 0 12px 34px rgba(42, 21, 52, .035) !important;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"]:checked + label,
body.woocommerce-checkout #payment .wc_payment_method:has(> input[type="radio"]:checked) > label {
border-color: rgba(113, 34, 137, .28) !important;
box-shadow: 0 18px 44px rgba(113, 34, 137, .10) !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label img {
max-width: 150px !important;
max-height: 54px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 0 0 24px !important;
flex: 0 0 auto !important;
}
body.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 42px) !important;
margin: 14px 0 0 42px !important;
padding: 18px 22px !important;
border: 1px solid rgba(113, 34, 137, .10) !important;
border-radius: 22px !important;
background: rgba(113, 34, 137, .045) !important;
color: #4d4353 !important;
box-shadow: none !important;
}
body.woocommerce-checkout #payment .wc_payment_method .payment_box::before,
body.woocommerce-checkout #payment .wc_payment_method .payment_box:before {
display: none !important;
content: none !important;
}
/* Standard Woo shipping table is duplicated by the custom delivery selector for logged-in users. */
body.logged-in.woocommerce-checkout tr.woocommerce-shipping-totals.shipping,
body.logged-in.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping {
display: none !important;
}
@media (max-width: 767px) {
body.woocommerce-checkout .lm-checkout-sidebar-heading {
padding: 30px 24px 12px !important;
border-radius: 28px 28px 0 0 !important;
}
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
padding: 14px 24px 30px !important;
border-radius: 0 0 28px 28px !important;
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
left: 22px !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label {
min-height: 76px !important;
padding: 18px 18px 18px 62px !important;
border-radius: 24px !important;
font-size: 17px !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label img {
max-width: 96px !important;
max-height: 38px !important;
margin-left: 12px !important;
}
}
/* === SKYADS v59: compact payment methods like delivery cards (checkout asset fallback) === */
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
width: 100% !important;
max-width: 100% !important;
background: #fff !important;
border: 1px solid rgba(113, 34, 137, .14) !important;
border-radius: 34px !important;
padding: 34px !important;
box-shadow: 0 22px 70px rgba(48, 20, 60, .08) !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .lm-checkout-sidebar-heading h3,
body.woocommerce-checkout #payment h3,
body.woocommerce-checkout .woocommerce-checkout-payment h3 {
font-size: clamp(34px, 3vw, 54px) !important;
line-height: .98 !important;
margin: 0 0 28px !important;
max-width: 100% !important;
white-space: normal !important;
}
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment .wc_payment_methods {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
list-style: none !important;
display: block !important;
}
body.woocommerce-checkout #payment .wc_payment_method {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
min-height: 82px !important;
margin: 0 0 16px !important;
padding: 0 !important;
border: 1px solid rgba(113, 34, 137, .16) !important;
border-radius: 28px !important;
background: #fff !important;
box-shadow: none !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout #payment .wc_payment_method:has(input[type="radio"]:checked) {
border-color: rgba(113, 34, 137, .36) !important;
box-shadow: 0 14px 34px rgba(113, 34, 137, .08) !important;
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
position: absolute !important;
left: 28px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
accent-color: #712289 !important;
z-index: 2 !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label {
width: 100% !important;
min-height: 82px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding: 18px 28px 18px 78px !important;
margin: 0 !important;
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #17131a !important;
box-sizing: border-box !important;
cursor: pointer !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label img {
display: block !important;
max-width: 120px !important;
max-height: 42px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 0 0 auto !important;
}
body.woocommerce-checkout #payment .wc_payment_method .payment_box {
width: calc(100% - 56px) !important;
margin: 0 28px 22px !important;
padding: 18px 20px !important;
border-radius: 20px !important;
background: rgba(113, 34, 137, .04) !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout #payment .place-order {
margin-top: 22px !important;
}
body.woocommerce-checkout tr.woocommerce-shipping-totals.shipping {
display: none !important;
}
@media (max-width: 767px) {
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
padding: 22px !important;
border-radius: 26px !important;
}
body.woocommerce-checkout .lm-checkout-sidebar-heading h3,
body.woocommerce-checkout #payment h3,
body.woocommerce-checkout .woocommerce-checkout-payment h3 {
font-size: 34px !important;
margin-bottom: 22px !important;
}
body.woocommerce-checkout #payment .wc_payment_method {
min-height: 76px !important;
border-radius: 24px !important;
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
left: 22px !important;
width: 20px !important;
height: 20px !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label {
min-height: 76px !important;
padding: 16px 20px 16px 62px !important;
font-size: 18px !important;
gap: 12px !important;
}
body.woocommerce-checkout #payment .wc_payment_method > label img {
max-width: 92px !important;
max-height: 34px !important;
}
}
/* === SKYADS v60: payment heading inside payment box + full width compact methods === */
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #order_review { overflow: visible !important; }
body.woocommerce-checkout .lm-checkout-sidebar-heading { margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
body.woocommerce-checkout .lm-checkout-sidebar-heading .lm-checkout-section-heading__eyebrow { display:none!important; }
body.woocommerce-checkout .lm-checkout-sidebar-heading h3 { font-size:clamp(34px,3.2vw,56px)!important; line-height:1.02!important; margin:0 0 26px!important; padding:0!important; max-width:none!important; }
body.woocommerce-checkout #payment, body.woocommerce-checkout .woocommerce-checkout-payment { width:100%!important; max-width:100%!important; min-width:0!important; display:block!important; background:#fff!important; border:1px solid rgba(113,34,137,.14)!important; border-radius:34px!important; padding:34px!important; margin:28px 0 0!important; box-shadow:0 22px 70px rgba(48,20,60,.08)!important; box-sizing:border-box!important; overflow:visible!important; }
body.woocommerce-checkout #payment ul.payment_methods, body.woocommerce-checkout #payment .wc_payment_methods, body.woocommerce-checkout #payment .payment_methods.methods { width:100%!important; max-width:100%!important; min-width:0!important; padding:0!important; margin:0!important; border:0!important; list-style:none!important; display:block!important; box-sizing:border-box!important; }
body.woocommerce-checkout #payment .wc_payment_method, body.woocommerce-checkout #payment li.wc_payment_method, body.woocommerce-checkout #payment .payment_methods > li { position:relative!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:82px!important; margin:0 0 16px!important; padding:0!important; border:1px solid rgba(113,34,137,.16)!important; border-radius:28px!important; background:#fff!important; box-shadow:none!important; overflow:visible!important; box-sizing:border-box!important; float:none!important; clear:both!important; }
body.woocommerce-checkout #payment .wc_payment_method:has(input[type="radio"]:checked), body.woocommerce-checkout #payment .payment_methods > li:has(input[type="radio"]:checked) { border-color:rgba(113,34,137,.36)!important; box-shadow:0 14px 34px rgba(113,34,137,.08)!important; }
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"], body.woocommerce-checkout #payment .payment_methods > li > input[type="radio"] { position:absolute!important; left:28px!important; top:41px!important; transform:translateY(-50%)!important; width:22px!important; height:22px!important; margin:0!important; accent-color:#712289!important; z-index:2!important; }
body.woocommerce-checkout #payment .wc_payment_method > label, body.woocommerce-checkout #payment .payment_methods > li > label { width:100%!important; max-width:100%!important; min-height:82px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; padding:18px 28px 18px 78px!important; margin:0!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; color:#17131a!important; box-sizing:border-box!important; cursor:pointer!important; float:none!important; }
body.woocommerce-checkout #payment .wc_payment_method > label img, body.woocommerce-checkout #payment .payment_methods > li > label img { display:block!important; max-width:120px!important; max-height:42px!important; width:auto!important; height:auto!important; object-fit:contain!important; margin:0 0 0 auto!important; flex:0 0 auto!important; }
body.woocommerce-checkout #payment .wc_payment_method .payment_box, body.woocommerce-checkout #payment .payment_methods > li .payment_box { width:calc(100% - 56px)!important; max-width:calc(100% - 56px)!important; margin:0 28px 22px!important; padding:18px 20px!important; border-radius:20px!important; background:rgba(113,34,137,.04)!important; box-sizing:border-box!important; float:none!important; }
body.woocommerce-checkout #payment .place-order { width:100%!important; margin-top:22px!important; }
body.woocommerce-checkout tr.woocommerce-shipping-totals.shipping { display:none!important; }
@media (max-width:767px){ body.woocommerce-checkout #payment, body.woocommerce-checkout .woocommerce-checkout-payment{padding:22px!important;border-radius:26px!important;} body.woocommerce-checkout .lm-checkout-sidebar-heading h3{font-size:34px!important;line-height:1.05!important;margin-bottom:22px!important;} body.woocommerce-checkout #payment .wc_payment_method, body.woocommerce-checkout #payment li.wc_payment_method, body.woocommerce-checkout #payment .payment_methods > li{min-height:76px!important;border-radius:24px!important;} body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"], body.woocommerce-checkout #payment .payment_methods > li > input[type="radio"]{left:22px!important;top:38px!important;width:20px!important;height:20px!important;} body.woocommerce-checkout #payment .wc_payment_method > label, body.woocommerce-checkout #payment .payment_methods > li > label{min-height:76px!important;padding:16px 20px 16px 62px!important;font-size:18px!important;gap:12px!important;} body.woocommerce-checkout #payment .wc_payment_method > label img, body.woocommerce-checkout #payment .payment_methods > li > label img{max-width:92px!important;max-height:34px!important;} body.woocommerce-checkout #payment .wc_payment_method .payment_box, body.woocommerce-checkout #payment .payment_methods > li .payment_box{width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;margin:0 20px 18px!important;} }
/* === SKYADS v61: combined delivery/payment heading + payment cards aligned to shipping cards === */
/* One visible heading for this whole area: delivery + payment. */
body.woocommerce-checkout .lm-checkout-delivery-methods__head h3 {
font-size: clamp(22px, 2vw, 30px) !important;
line-height: 1.15 !important;
margin: 6px 0 0 !important;
}
/* Payment title is no longer a separate large block; the combined heading above covers both sections. */
body.woocommerce-checkout #payment .lm-checkout-sidebar-heading,
body.woocommerce-checkout .woocommerce-checkout-payment .lm-checkout-sidebar-heading {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
/* Payment wrapper matches the delivery selector card spacing. */
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout .woocommerce-checkout-payment {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 24px 0 26px !important;
padding: 24px !important;
border: 1px solid rgba(113, 34, 137, .12) !important;
border-radius: 28px !important;
background: #fff !important;
box-shadow: 0 18px 52px rgba(72, 22, 86, .08) !important;
box-sizing: border-box !important;
overflow: visible !important;
}
/* Force the actual WooCommerce payment list to use the full available column width. */
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment ul.wc_payment_methods,
html body.woocommerce-checkout #payment .wc_payment_methods,
html body.woocommerce-checkout #payment .payment_methods.methods,
html body.woocommerce-checkout #payment .payment_methods {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
list-style: none !important;
box-sizing: border-box !important;
}
/* Payment method rows should have the same visual rhythm as shipping rows. */
html body.woocommerce-checkout #payment .wc_payment_method,
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment ul.payment_methods > li,
html body.woocommerce-checkout #payment .payment_methods > li {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 16px 18px !important;
border: 1px solid rgba(113, 34, 137, .13) !important;
border-radius: 22px !important;
background: rgba(255, 255, 255, .96) !important;
box-shadow: 0 10px 24px rgba(72, 22, 86, .05) !important;
box-sizing: border-box !important;
overflow: visible !important;
float: none !important;
clear: both !important;
}
/* Active payment method only gets the same subtle selected outline. */
html body.woocommerce-checkout #payment .wc_payment_method:has(input[type="radio"]:checked),
html body.woocommerce-checkout #payment .payment_methods > li:has(input[type="radio"]:checked) {
border-color: rgba(113, 34, 137, .36) !important;
box-shadow: 0 14px 34px rgba(113, 34, 137, .08) !important;
}
/* Radio aligned like delivery radios, not floating into the card corner. */
html body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods > li > input[type="radio"] {
position: absolute !important;
left: 18px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
accent-color: #712289 !important;
z-index: 2 !important;
}
/* Label full width with font/height closer to delivery methods. */
html body.woocommerce-checkout #payment .wc_payment_method > label,
html body.woocommerce-checkout #payment .payment_methods > li > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 0 0 44px !important;
box-sizing: border-box !important;
color: #17131a !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
cursor: pointer !important;
float: none !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > label img,
html body.woocommerce-checkout #payment .payment_methods > li > label img {
display: block !important;
max-width: 110px !important;
max-height: 34px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 0 0 auto !important;
flex: 0 0 auto !important;
}
/* Description/payment fields open below selected method using the same column width. */
html body.woocommerce-checkout #payment .wc_payment_method .payment_box,
html body.woocommerce-checkout #payment .payment_methods > li .payment_box {
width: calc(100% - 44px) !important;
max-width: calc(100% - 44px) !important;
margin: 14px 0 0 44px !important;
padding: 16px 18px !important;
border-radius: 20px !important;
background: rgba(113, 34, 137, .04) !important;
box-sizing: border-box !important;
float: none !important;
font-size: 15px !important;
line-height: 1.45 !important;
}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box p {
margin: 0 0 10px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box p:last-child {
margin-bottom: 0 !important;
}
html body.woocommerce-checkout #payment .place-order {
width: 100% !important;
margin-top: 22px !important;
}
/* Keep the default Woo shipping totals row hidden; custom delivery selector is the visible UI. */
html body.woocommerce-checkout tr.woocommerce-shipping-totals.shipping {
display: none !important;
}
@media (max-width: 767px) {
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout .woocommerce-checkout-payment {
padding: 18px !important;
border-radius: 22px !important;
margin: 20px 0 24px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method,
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment ul.payment_methods > li,
html body.woocommerce-checkout #payment .payment_methods > li {
padding: 14px !important;
border-radius: 22px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods > li > input[type="radio"] {
left: 14px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > label,
html body.woocommerce-checkout #payment .payment_methods > li > label {
padding-left: 38px !important;
font-size: 16px !important;
gap: 10px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > label img,
html body.woocommerce-checkout #payment .payment_methods > li > label img {
max-width: 86px !important;
max-height: 30px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box,
html body.woocommerce-checkout #payment .payment_methods > li .payment_box {
width: calc(100% - 38px) !important;
max-width: calc(100% - 38px) !important;
margin-left: 38px !important;
}
}
/* === SKYADS v65: payment method border belongs to whole , not inner label === */
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment ul.wc_payment_methods,
html body.woocommerce-checkout #payment .wc_payment_methods,
html body.woocommerce-checkout #payment .payment_methods.methods,
html body.woocommerce-checkout #payment .payment_methods {display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;list-style:none!important;border:0!important;box-sizing:border-box!important;}
html body.woocommerce-checkout #payment .wc_payment_method,
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment ul.payment_methods>li,
html body.woocommerce-checkout #payment .payment_methods>li {position:relative!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:1px solid rgba(113,34,137,.14)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 10px 24px rgba(72,22,86,.05)!important;overflow:hidden!important;box-sizing:border-box!important;float:none!important;clear:both!important;}
html body.woocommerce-checkout #payment .wc_payment_method:has(>input[type="radio"]:checked),
html body.woocommerce-checkout #payment .payment_methods>li:has(>input[type="radio"]:checked) {border-color:rgba(113,34,137,.42)!important;box-shadow:0 14px 34px rgba(113,34,137,.08)!important;}
html body.woocommerce-checkout #payment .wc_payment_method>input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods>li>input[type="radio"] {position:absolute!important;left:28px!important;top:39px!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;margin:0!important;z-index:3!important;accent-color:#712289!important;}
html body.woocommerce-checkout #payment .wc_payment_method>label,
html body.woocommerce-checkout #payment .payment_methods>li>label {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;max-width:100%!important;min-height:78px!important;margin:0!important;padding:18px 24px 18px 72px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#17131a!important;font-size:18px!important;line-height:1.25!important;font-weight:700!important;cursor:pointer!important;box-sizing:border-box!important;float:none!important;}
html body.woocommerce-checkout #payment .wc_payment_method>label img,
html body.woocommerce-checkout #payment .payment_methods>li>label img {display:block!important;max-width:116px!important;max-height:36px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 0 0 auto!important;flex:0 0 auto!important;}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box,
html body.woocommerce-checkout #payment .payment_methods>li .payment_box {width:calc(100% - 96px)!important;max-width:calc(100% - 96px)!important;margin:0 24px 24px 72px!important;padding:18px 20px!important;border:1px solid rgba(113,34,137,.12)!important;border-radius:22px!important;background:rgba(113,34,137,.04)!important;box-shadow:none!important;box-sizing:border-box!important;float:none!important;clear:both!important;color:#17131a!important;font-size:15px!important;line-height:1.45!important;}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box::before,
html body.woocommerce-checkout #payment .wc_payment_method .payment_box:before,
html body.woocommerce-checkout #payment .payment_methods>li .payment_box::before,
html body.woocommerce-checkout #payment .payment_methods>li .payment_box:before {display:none!important;content:none!important;}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box p {margin:0 0 10px!important;}
html body.woocommerce-checkout #payment .wc_payment_method .payment_box p:last-child {margin-bottom:0!important;}
@media (max-width:767px){html body.woocommerce-checkout #payment ul.payment_methods,html body.woocommerce-checkout #payment ul.wc_payment_methods,html body.woocommerce-checkout #payment .wc_payment_methods,html body.woocommerce-checkout #payment .payment_methods.methods,html body.woocommerce-checkout #payment .payment_methods{gap:14px!important;}html body.woocommerce-checkout #payment .wc_payment_method,html body.woocommerce-checkout #payment li.wc_payment_method,html body.woocommerce-checkout #payment ul.payment_methods>li,html body.woocommerce-checkout #payment .payment_methods>li{border-radius:24px!important;}html body.woocommerce-checkout #payment .wc_payment_method>input[type="radio"],html body.woocommerce-checkout #payment .payment_methods>li>input[type="radio"]{left:22px!important;top:38px!important;width:20px!important;height:20px!important;}html body.woocommerce-checkout #payment .wc_payment_method>label,html body.woocommerce-checkout #payment .payment_methods>li>label{min-height:76px!important;padding:16px 20px 16px 62px!important;font-size:17px!important;gap:12px!important;}html body.woocommerce-checkout #payment .wc_payment_method>label img,html body.woocommerce-checkout #payment .payment_methods>li>label img{max-width:92px!important;max-height:34px!important;}html body.woocommerce-checkout #payment .wc_payment_method .payment_box,html body.woocommerce-checkout #payment .payment_methods>li .payment_box{width:calc(100% - 82px)!important;max-width:calc(100% - 82px)!important;margin:0 20px 20px 62px!important;padding:16px 18px!important;border-radius:20px!important;}}
/* === SKYADS v67: payment method full card fix === */
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment ul.wc_payment_methods,
html body.woocommerce-checkout #payment .wc_payment_methods,
html body.woocommerce-checkout #payment .payment_methods.methods,
html body.woocommerce-checkout #payment .payment_methods { display:flex!important; flex-direction:column!important; gap:18px!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; list-style:none!important; border:0!important; background:transparent!important; box-sizing:border-box!important; }
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method,
html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method { position:relative!important; display:block!important; width:100%!important; max-width:100%!important; min-height:0!important; margin:0!important; padding:0!important; float:none!important; clear:both!important; box-sizing:border-box!important; overflow:hidden!important; background:#fff!important; background-color:#fff!important; border:1px solid rgba(113,34,137,.16)!important; border-radius:30px!important; box-shadow:none!important; }
html body.woocommerce-checkout #payment li.wc_payment_method:has(>input[type="radio"]:checked),
html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method:has(>input[type="radio"]:checked),
html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method:has(>input[type="radio"]:checked) { border-color:rgba(113,34,137,.48)!important; box-shadow:0 16px 42px rgba(113,34,137,.08)!important; }
html body.woocommerce-checkout #payment li.wc_payment_method>input[type="radio"],
html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method>input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method>input[type="radio"] { position:absolute!important; left:30px!important; top:43px!important; transform:translateY(-50%)!important; width:24px!important; height:24px!important; margin:0!important; z-index:5!important; accent-color:#712289!important; box-shadow:none!important; }
html body.woocommerce-checkout #payment li.wc_payment_method>label,
html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method>label,
html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method>label,
html body.woocommerce-checkout #payment li.wc_payment_method>input[type="radio"]+label,
html body.woocommerce-checkout #payment li.wc_payment_method>input[type="radio"]:checked+label { display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:86px!important; margin:0!important; padding:20px 30px 20px 88px!important; gap:18px!important; box-sizing:border-box!important; float:none!important; background:transparent!important; background-color:transparent!important; border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important; color:#17131a!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; cursor:pointer!important; }
html body.woocommerce-checkout #payment li.wc_payment_method>label img,
html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method>label img,
html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method>label img { display:block!important; max-width:126px!important; max-height:40px!important; width:auto!important; height:auto!important; object-fit:contain!important; margin:0 0 0 auto!important; flex:0 0 auto!important; }
html body.woocommerce-checkout #payment li.wc_payment_method .payment_box,
html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method .payment_box,
html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method .payment_box { display:block!important; width:calc(100% - 118px)!important; max-width:calc(100% - 118px)!important; margin:0 30px 28px 88px!important; padding:22px 26px!important; box-sizing:border-box!important; float:none!important; clear:both!important; background:rgba(113,34,137,.035)!important; background-color:rgba(113,34,137,.035)!important; border:1px solid rgba(113,34,137,.14)!important; border-radius:26px!important; box-shadow:none!important; color:#17131a!important; overflow:hidden!important; }
html body.woocommerce-checkout #payment li.wc_payment_method .payment_box::before,
html body.woocommerce-checkout #payment li.wc_payment_method .payment_box:before { display:none!important; content:none!important; }
html body.woocommerce-checkout #payment li.wc_payment_method .payment_box p { margin:0!important; color:#17131a!important; font-size:16px!important; line-height:1.55!important; font-weight:400!important; }
@media (max-width:767px){ html body.woocommerce-checkout #payment ul.payment_methods,html body.woocommerce-checkout #payment ul.wc_payment_methods,html body.woocommerce-checkout #payment .wc_payment_methods,html body.woocommerce-checkout #payment .payment_methods.methods,html body.woocommerce-checkout #payment .payment_methods{gap:16px!important} html body.woocommerce-checkout #payment li.wc_payment_method,html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method,html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method{border-radius:26px!important} html body.woocommerce-checkout #payment li.wc_payment_method>input[type="radio"],html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method>input[type="radio"],html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method>input[type="radio"]{left:22px!important;top:39px!important;width:22px!important;height:22px!important} html body.woocommerce-checkout #payment li.wc_payment_method>label,html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method>label,html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method>label,html body.woocommerce-checkout #payment li.wc_payment_method>input[type="radio"]+label,html body.woocommerce-checkout #payment li.wc_payment_method>input[type="radio"]:checked+label{min-height:78px!important;padding:16px 22px 16px 64px!important;font-size:18px!important;gap:12px!important} html body.woocommerce-checkout #payment li.wc_payment_method>label img,html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method>label img,html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method>label img{max-width:98px!important;max-height:34px!important} html body.woocommerce-checkout #payment li.wc_payment_method .payment_box,html body.woocommerce-checkout #payment ul.payment_methods>li.wc_payment_method .payment_box,html body.woocommerce-checkout #payment .payment_methods>li.wc_payment_method .payment_box{width:calc(100% - 86px)!important;max-width:calc(100% - 86px)!important;margin:0 22px 22px 64px!important;padding:18px 20px!important;border-radius:22px!important} html body.woocommerce-checkout #payment li.wc_payment_method .payment_box p{font-size:15px!important} }
/* === SKYADS v69: payment boxes visible only for selected method + final card/radio alignment === */
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment ul.wc_payment_methods,
html body.woocommerce-checkout #payment .wc_payment_methods,
html body.woocommerce-checkout #payment .payment_methods.methods,
html body.woocommerce-checkout #payment .payment_methods {
display: flex !important;
flex-direction: column !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
border: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: both !important;
box-sizing: border-box !important;
overflow: hidden !important;
background: #fff !important;
background-color: #fff !important;
border: 1px solid rgba(113,34,137,.16) !important;
border-radius: 30px !important;
box-shadow: none !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method.is-selected,
html body.woocommerce-checkout #payment li.wc_payment_method:has(> input[type="radio"]:checked) {
border-color: rgba(113,34,137,.48) !important;
box-shadow: 0 16px 42px rgba(113,34,137,.08) !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > input[type="radio"] {
position: absolute !important;
left: 30px !important;
top: 43px !important;
transform: translateY(-50%) !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
z-index: 5 !important;
accent-color: #712289 !important;
box-shadow: none !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > label,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > label,
html body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"] + label,
html body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"]:checked + label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
min-height: 86px !important;
margin: 0 !important;
padding: 20px 30px 20px 88px !important;
gap: 18px !important;
box-sizing: border-box !important;
float: none !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
outline: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #17131a !important;
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
cursor: pointer !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > label img,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > label img {
display: block !important;
max-width: 126px !important;
max-height: 40px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 0 0 auto !important;
flex: 0 0 auto !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > .payment_box,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > .payment_box {
width: calc(100% - 118px) !important;
max-width: calc(100% - 118px) !important;
margin: 0 30px 28px 88px !important;
padding: 22px 26px !important;
box-sizing: border-box !important;
float: none !important;
clear: both !important;
background: rgba(113,34,137,.035) !important;
background-color: rgba(113,34,137,.035) !important;
border: 1px solid rgba(113,34,137,.14) !important;
border-radius: 26px !important;
box-shadow: none !important;
color: #17131a !important;
overflow: hidden !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method:not(.is-selected) > .payment_box,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:not(.is-selected) > .payment_box,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method:not(.is-selected) > .payment_box {
display: none !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method.is-selected > .payment_box,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method.is-selected > .payment_box,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method.is-selected > .payment_box {
display: block !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > .payment_box::before,
html body.woocommerce-checkout #payment li.wc_payment_method > .payment_box:before {
display: none !important;
content: none !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > .payment_box p {
margin: 0 !important;
color: #17131a !important;
font-size: 16px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
}
@media (max-width: 767px) {
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment ul.wc_payment_methods,
html body.woocommerce-checkout #payment .wc_payment_methods,
html body.woocommerce-checkout #payment .payment_methods.methods,
html body.woocommerce-checkout #payment .payment_methods {
gap: 16px !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method {
border-radius: 26px !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > input[type="radio"] {
left: 22px !important;
top: 39px !important;
width: 22px !important;
height: 22px !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > label,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > label,
html body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"] + label,
html body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"]:checked + label {
min-height: 78px !important;
padding: 16px 22px 16px 64px !important;
font-size: 18px !important;
gap: 12px !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > label img,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > label img {
max-width: 98px !important;
max-height: 34px !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > .payment_box,
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > .payment_box,
html body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method > .payment_box {
width: calc(100% - 86px) !important;
max-width: calc(100% - 86px) !important;
margin: 0 22px 22px 64px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
}
html body.woocommerce-checkout #payment li.wc_payment_method > .payment_box p {
font-size: 15px !important;
}
}
/* === SKYADS v73: ship-to-different-address checkbox like newsletter checkbox === */
html body.woocommerce-checkout h3#ship-to-different-address,
html body.woocommerce-checkout #ship-to-different-address {
display: block !important;
margin: 22px 0 22px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-family: inherit !important;
}
html body.woocommerce-checkout #ship-to-different-address label,
html body.woocommerce-checkout #ship-to-different-address label.checkbox,
html body.woocommerce-checkout #ship-to-different-address label.woocommerce-form__label-for-checkbox {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
width: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
cursor: pointer !important;
color: #42124d !important;
font-family: inherit !important;
font-size: 18px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
html body.woocommerce-checkout #ship-to-different-address span {
color: #42124d !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
}
html body.woocommerce-checkout #ship-to-different-address-checkbox,
html body.woocommerce-checkout #ship-to-different-address input[type="checkbox"] {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-grid !important;
place-items: center !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
flex: 0 0 22px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid #7f33a5 !important;
border-radius: 5px !important;
background: #fff !important;
box-shadow: none !important;
cursor: pointer !important;
position: relative !important;
vertical-align: middle !important;
accent-color: #7f33a5 !important;
}
html body.woocommerce-checkout #ship-to-different-address-checkbox::before,
html body.woocommerce-checkout #ship-to-different-address input[type="checkbox"]::before {
content: "" !important;
width: 6px !important;
height: 11px !important;
border-right: 2.5px solid #fff !important;
border-bottom: 2.5px solid #fff !important;
transform: rotate(45deg) scale(0) !important;
transform-origin: center center !important;
transition: transform .15s ease !important;
position: relative !important;
top: -1px !important;
}
html body.woocommerce-checkout #ship-to-different-address-checkbox:checked,
html body.woocommerce-checkout #ship-to-different-address input[type="checkbox"]:checked {
background: #7f33a5 !important;
border-color: #7f33a5 !important;
}
html body.woocommerce-checkout #ship-to-different-address-checkbox:checked::before,
html body.woocommerce-checkout #ship-to-different-address input[type="checkbox"]:checked::before {
transform: rotate(45deg) scale(1) !important;
}
@media (max-width: 767px) {
html body.woocommerce-checkout #ship-to-different-address label,
html body.woocommerce-checkout #ship-to-different-address label.checkbox,
html body.woocommerce-checkout #ship-to-different-address label.woocommerce-form__label-for-checkbox {
font-size: 16px !important;
gap: 10px !important;
}
}
/* === SKYADS v79: remove extra top spacer above shipping-address checkbox === */
html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
html body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p:last-child,
html body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper > p:last-child,
html body.woocommerce-checkout p#billing_city_field,
html body.woocommerce-checkout p#billing_state_field,
html body.woocommerce-checkout p#billing_postcode_field {
margin-bottom: 22px !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields + .woocommerce-shipping-fields,
html body.woocommerce-checkout #customer_details .woocommerce-billing-fields + .woocommerce-shipping-fields,
html body.woocommerce-checkout #customer_details .col-2 .woocommerce-shipping-fields,
html body.woocommerce-checkout .col-2 .woocommerce-shipping-fields {
margin-top: 0 !important;
padding-top: 0 !important;
}
html body.woocommerce-checkout h3#ship-to-different-address,
html body.woocommerce-checkout #ship-to-different-address,
html body.woocommerce-checkout .col-2 h3#ship-to-different-address,
html body.woocommerce-checkout .woocommerce-shipping-fields h3#ship-to-different-address {
margin-top: 0 !important;
padding-top: 0 !important;
}
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-checkout #customer_details .woocommerce-additional-fields {
margin-top: 22px !important;
padding-top: 0 !important;
}
@media (max-width: 767px) {
html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p:last-child,
html body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper > p:last-child,
html body.woocommerce-checkout p#billing_city_field,
html body.woocommerce-checkout p#billing_state_field,
html body.woocommerce-checkout p#billing_postcode_field {
margin-bottom: 18px !important;
}
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-checkout #customer_details .woocommerce-additional-fields {
margin-top: 18px !important;
}
}
/* === SKYADS v99: mobile checkout steps and compact form fields === */
@media (max-width: 767px) {
html body.woocommerce-account .lm-checkout-steps,
html body.woocommerce-checkout .lm-checkout-steps,
html body.woocommerce-account .lm-checkout-shell__steps,
html body.woocommerce-checkout .lm-checkout-shell__steps {
width: calc(100% - 48px) !important;
max-width: 680px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
html body.woocommerce-account .lm-checkout-steps ol,
html body.woocommerce-checkout .lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
html body.woocommerce-account .lm-checkout-steps__item,
html body.woocommerce-checkout .lm-checkout-steps__item {
min-width: 0 !important;
}
html body.woocommerce-account .lm-checkout-steps__item a,
html body.woocommerce-checkout .lm-checkout-steps__item a {
width: 100% !important;
min-width: 0 !important;
min-height: 78px !important;
padding: 11px 6px 12px !important;
border-radius: 28px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
box-sizing: border-box !important;
text-align: center !important;
}
html body.woocommerce-account .lm-checkout-steps__index,
html body.woocommerce-checkout .lm-checkout-steps__index {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
font-size: 17px !important;
line-height: 42px !important;
margin: 0 !important;
}
html body.woocommerce-account .lm-checkout-steps__label,
html body.woocommerce-checkout .lm-checkout-steps__label {
display: block !important;
max-width: 100% !important;
font-size: 14px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
html body.woocommerce-account .lm-checkout-shell,
html body.woocommerce-checkout .lm-checkout-shell,
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout #customer_details,
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-account .woocommerce,
html body.woocommerce-account .woocommerce-form-login,
html body.woocommerce-account .woocommerce-form-register {
width: calc(100% - 48px) !important;
max-width: 680px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-shipping-fields,
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-account .woocommerce-form-login,
html body.woocommerce-account .woocommerce-form-register,
html body.woocommerce-account .lm-auth-card,
html body.woocommerce-checkout .lm-checkout-form-card {
padding: 24px 22px !important;
border-radius: 28px !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields h3,
html body.woocommerce-checkout .woocommerce-shipping-fields h3,
html body.woocommerce-checkout .woocommerce-additional-fields h3,
html body.woocommerce-checkout .lm-checkout-section-heading h3,
html body.woocommerce-account .woocommerce h2,
html body.woocommerce-account .lm-auth-card h2,
html body.woocommerce-account .lm-checkout-shell__intro h1,
html body.woocommerce-checkout .lm-checkout-shell__intro h1 {
font-size: clamp(30px, 8.8vw, 40px) !important;
line-height: 1.02 !important;
}
html body.woocommerce-checkout .form-row,
html body.woocommerce-account .form-row {
margin-bottom: 18px !important;
}
html body.woocommerce-checkout label,
html body.woocommerce-account label,
html body.woocommerce-checkout .form-row label,
html body.woocommerce-account .form-row label {
font-size: 16px !important;
line-height: 1.25 !important;
}
html body.woocommerce-checkout input.input-text,
html body.woocommerce-checkout textarea.input-text,
html body.woocommerce-checkout select,
html body.woocommerce-account input.input-text,
html body.woocommerce-account textarea.input-text,
html body.woocommerce-account select,
html body.woocommerce-checkout .select2-container .select2-selection--single {
min-height: 58px !important;
height: auto !important;
padding: 14px 18px !important;
border-radius: 20px !important;
font-size: 16px !important;
line-height: 1.25 !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout textarea.input-text,
html body.woocommerce-account textarea.input-text {
min-height: 112px !important;
}
html body.woocommerce-checkout input::placeholder,
html body.woocommerce-checkout textarea::placeholder,
html body.woocommerce-account input::placeholder,
html body.woocommerce-account textarea::placeholder {
font-size: 16px !important;
line-height: 1.25 !important;
}
html body.woocommerce-checkout .lm-guest-checkout-banner,
html body.woocommerce-account .lm-guest-checkout-banner,
html body.woocommerce-account .lm-auth-guest {
width: calc(100% - 48px) !important;
max-width: 680px !important;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 28px !important;
padding: 24px 22px !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout .lm-guest-checkout-banner h2,
html body.woocommerce-account .lm-guest-checkout-banner h2,
html body.woocommerce-account .lm-auth-guest h2 {
font-size: clamp(28px, 7.5vw, 38px) !important;
line-height: 1.1 !important;
}
html body.woocommerce-checkout .lm-guest-checkout-banner p,
html body.woocommerce-account .lm-guest-checkout-banner p,
html body.woocommerce-account .lm-auth-guest p {
font-size: 18px !important;
line-height: 1.45 !important;
}
}
@media (max-width: 389px) {
html body.woocommerce-account .lm-checkout-steps,
html body.woocommerce-checkout .lm-checkout-steps,
html body.woocommerce-account .lm-checkout-shell,
html body.woocommerce-checkout .lm-checkout-shell,
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout #customer_details,
html body.woocommerce-account .woocommerce {
width: calc(100% - 36px) !important;
}
html body.woocommerce-account .lm-checkout-steps ol,
html body.woocommerce-checkout .lm-checkout-steps ol {
gap: 8px !important;
}
html body.woocommerce-account .lm-checkout-steps__item a,
html body.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 72px !important;
padding: 9px 4px 10px !important;
border-radius: 24px !important;
}
html body.woocommerce-account .lm-checkout-steps__index,
html body.woocommerce-checkout .lm-checkout-steps__index {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
font-size: 16px !important;
line-height: 38px !important;
}
html body.woocommerce-account .lm-checkout-steps__label,
html body.woocommerce-checkout .lm-checkout-steps__label {
font-size: 13px !important;
}
}
/* === SKYADS v100: exact mobile checkout width + compact form fit === */
@media (max-width: 767px) {
html body.woocommerce-checkout,
html body.woocommerce-account { overflow-x: hidden !important; }
html body.woocommerce-checkout .lm-checkout-shell,
html body.woocommerce-checkout .lm-checkout-shell__steps,
html body.woocommerce-checkout .lm-checkout-steps,
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout #customer_details,
html body.woocommerce-checkout .woocommerce-checkout-review-order,
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-shipping-fields,
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-checkout .lm-checkout-form-card,
html body.woocommerce-account .lm-checkout-shell,
html body.woocommerce-account .lm-checkout-shell__steps,
html body.woocommerce-account .lm-checkout-steps,
html body.woocommerce-account .woocommerce,
html body.woocommerce-account .woocommerce-form-login,
html body.woocommerce-account .woocommerce-form-register,
html body.woocommerce-account .lm-auth-card {
width: calc(100vw - 28px) !important;
max-width: calc(100vw - 28px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout .lm-checkout-steps ol,
html body.woocommerce-account .lm-checkout-steps ol {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
}
html body.woocommerce-checkout .lm-checkout-steps__item,
html body.woocommerce-account .lm-checkout-steps__item { min-width: 0 !important; width: 100% !important; }
html body.woocommerce-checkout .lm-checkout-steps__item a,
html body.woocommerce-account .lm-checkout-steps__item a {
width: 100% !important;
min-width: 0 !important;
height: 72px !important;
min-height: 72px !important;
padding: 8px 4px !important;
border-radius: 26px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
text-align: center !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout .lm-checkout-steps__index,
html body.woocommerce-account .lm-checkout-steps__index {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 15px !important;
line-height: 34px !important;
margin: 0 !important;
}
html body.woocommerce-checkout .lm-checkout-steps__label,
html body.woocommerce-account .lm-checkout-steps__label {
font-size: 12px !important;
line-height: 1.08 !important;
letter-spacing: .01em !important;
font-weight: 800 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 100% !important;
}
html body.woocommerce-checkout .lm-guest-checkout-banner,
html body.woocommerce-account .lm-guest-checkout-banner,
html body.woocommerce-account .lm-auth-guest {
width: calc(100vw - 28px) !important;
max-width: calc(100vw - 28px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 22px 20px !important;
border-radius: 28px !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-shipping-fields,
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-checkout .lm-checkout-form-card,
html body.woocommerce-account .woocommerce-form-login,
html body.woocommerce-account .woocommerce-form-register,
html body.woocommerce-account .lm-auth-card {
padding: 22px 18px !important;
border-radius: 28px !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields h3,
html body.woocommerce-checkout .woocommerce-shipping-fields h3,
html body.woocommerce-checkout .woocommerce-additional-fields h3,
html body.woocommerce-checkout .lm-checkout-section-heading h3,
html body.woocommerce-account .woocommerce h2,
html body.woocommerce-account .lm-auth-card h2,
html body.woocommerce-account .lm-checkout-shell__intro h1,
html body.woocommerce-checkout .lm-checkout-shell__intro h1 {
font-size: clamp(27px, 7.2vw, 34px) !important;
line-height: 1.02 !important;
}
html body.woocommerce-checkout .form-row,
html body.woocommerce-account .form-row { margin-bottom: 14px !important; }
html body.woocommerce-checkout label,
html body.woocommerce-account label,
html body.woocommerce-checkout .form-row label,
html body.woocommerce-account .form-row label {
font-size: 14px !important;
line-height: 1.22 !important;
}
html body.woocommerce-checkout input.input-text,
html body.woocommerce-checkout textarea.input-text,
html body.woocommerce-checkout select,
html body.woocommerce-account input.input-text,
html body.woocommerce-account textarea.input-text,
html body.woocommerce-account select,
html body.woocommerce-checkout .select2-container .select2-selection--single {
min-height: 50px !important;
height: auto !important;
padding: 12px 15px !important;
border-radius: 18px !important;
font-size: 14px !important;
line-height: 1.22 !important;
box-sizing: border-box !important;
}
html body.woocommerce-checkout textarea.input-text,
html body.woocommerce-account textarea.input-text { min-height: 96px !important; }
html body.woocommerce-checkout input::placeholder,
html body.woocommerce-checkout textarea::placeholder,
html body.woocommerce-account input::placeholder,
html body.woocommerce-account textarea::placeholder {
font-size: 14px !important;
line-height: 1.22 !important;
}
}
@media (max-width: 389px) {
html body.woocommerce-checkout .lm-checkout-shell,
html body.woocommerce-checkout .lm-checkout-shell__steps,
html body.woocommerce-checkout .lm-checkout-steps,
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout #customer_details,
html body.woocommerce-account .lm-checkout-shell,
html body.woocommerce-account .lm-checkout-shell__steps,
html body.woocommerce-account .lm-checkout-steps,
html body.woocommerce-account .woocommerce {
width: calc(100vw - 22px) !important;
max-width: calc(100vw - 22px) !important;
}
html body.woocommerce-checkout .lm-checkout-steps ol,
html body.woocommerce-account .lm-checkout-steps ol { gap: 6px !important; }
html body.woocommerce-checkout .lm-checkout-steps__item a,
html body.woocommerce-account .lm-checkout-steps__item a {
height: 66px !important;
min-height: 66px !important;
border-radius: 23px !important;
}
html body.woocommerce-checkout .lm-checkout-steps__index,
html body.woocommerce-account .lm-checkout-steps__index {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
font-size: 14px !important;
line-height: 30px !important;
}
html body.woocommerce-checkout .lm-checkout-steps__label,
html body.woocommerce-account .lm-checkout-steps__label { font-size: 11px !important; }
}
/* === v103 mobile cart: thumbnail above product details + safe 10px gutters === */
@media (max-width: 767px) {
html,
body {
max-width: 100% !important;
overflow-x: hidden !important;
}
body.woocommerce-cart .site-main,
body.woocommerce-cart main,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals {
width: 100% !important;
max-width: calc(100vw - 20px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart,
body.woocommerce-cart .shop_table.cart tbody,
body.woocommerce-cart .shop_table.cart tr,
body.woocommerce-cart .shop_table.cart td {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"thumb"
"name"
"price"
"qty"
"subtotal" !important;
gap: 12px !important;
padding: 18px 16px 20px !important;
margin: 0 0 16px !important;
overflow: hidden !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail {
grid-area: thumb !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 42px 6px !important;
margin: 0 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail a,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail img,
body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img,
body.woocommerce-cart .woocommerce table.cart td.product-thumbnail img {
width: 128px !important;
max-width: 128px !important;
height: auto !important;
max-height: 112px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name {
grid-area: name !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 40px 10px 0 !important;
border-bottom: 1px dashed rgba(113, 34, 137, .18) !important;
text-align: left !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name a {
font-size: 18px !important;
line-height: 1.25 !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: minmax(82px, .7fr) minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 0 !important;
border-bottom: 1px dashed rgba(113, 34, 137, .18) !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
border-bottom: 0 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price::before,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity::before,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::before {
justify-self: start !important;
text-align: left !important;
min-width: 0 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price .amount,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .amount,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price .woocommerce-Price-amount,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal .woocommerce-Price-amount {
justify-self: end !important;
text-align: right !important;
white-space: nowrap !important;
max-width: 100% !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity.lm-qty-enhanced {
justify-self: end !important;
width: auto !important;
max-width: 150px !important;
min-width: 0 !important;
display: inline-flex !important;
flex-wrap: nowrap !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-minus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-plus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .lm-qty-btn {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
border-radius: 999px !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity input.qty {
width: 40px !important;
min-width: 40px !important;
height: 42px !important;
min-height: 42px !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove {
top: 14px !important;
right: 14px !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove .remove {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
}
}
/* === SKYADS v104: valid cart shipping block + total below shipping on mobile === */
.woocommerce-cart .lamujer-cart-summary__shipping-table {
width: 100% !important;
margin: 18px 0 0 !important;
padding: 0 !important;
display: block !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-shipping-table,
.woocommerce-cart .lamujer-cart-shipping-table tbody,
.woocommerce-cart .lamujer-cart-shipping-table tr,
.woocommerce-cart .lamujer-cart-shipping-table th,
.woocommerce-cart .lamujer-cart-shipping-table td {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-cart .lamujer-cart-shipping-table {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
table-layout: fixed !important;
}
.woocommerce-cart .lamujer-cart-shipping-table th,
.woocommerce-cart .lamujer-cart-shipping-table td {
display: block !important;
border: 0 !important;
padding: 0 !important;
background: transparent !important;
text-align: left !important;
}
.woocommerce-cart .lamujer-cart-shipping-table th {
margin: 0 0 12px !important;
color: #17131a !important;
font-weight: 800 !important;
}
.woocommerce-cart .lamujer-cart-shipping-table ul#shipping_method,
.woocommerce-cart .lamujer-cart-shipping-table ul.woocommerce-shipping-methods {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.woocommerce-cart .lamujer-cart-shipping-table ul#shipping_method li,
.woocommerce-cart .lamujer-cart-shipping-table ul.woocommerce-shipping-methods li {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 12px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.woocommerce-cart .lamujer-cart-shipping-table .woocommerce-shipping-destination {
margin: 12px 0 0 !important;
}
.woocommerce-cart .lamujer-cart-summary__line--total {
margin-top: 18px !important;
}
@media (max-width: 767px) {
html,
body.woocommerce-cart {
overflow-x: hidden !important;
}
body.woocommerce-cart .site-main,
body.woocommerce-cart main,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .shop_table.cart,
body.woocommerce-cart .shop_table.cart tbody,
body.woocommerce-cart .shop_table.cart tr,
body.woocommerce-cart .shop_table.cart td,
body.woocommerce-cart .lamujer-cart-actions__summary,
body.woocommerce-cart .lamujer-cart-actions {
max-width: calc(100vw - 20px) !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form {
width: calc(100vw - 20px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.woocommerce-cart .shop_table.cart {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-cart .lamujer-cart-summary__shipping-table {
margin-top: 14px !important;
order: 20 !important;
}
body.woocommerce-cart .lamujer-cart-summary__line--total {
order: 30 !important;
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(113, 34, 137, .14) !important;
}
body.woocommerce-cart .lamujer-cart-actions__summary {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
overflow: hidden !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table ul#shipping_method li,
body.woocommerce-cart .lamujer-cart-shipping-table ul.woocommerce-shipping-methods li {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table label {
min-width: 0 !important;
max-width: calc(100% - 34px) !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
}
/* === SKYADS v105: hard mobile cart viewport containment === */
@media (max-width: 767px) {
html,
body,
body.woocommerce-cart {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.woocommerce-cart .lm-archive-page,
body.woocommerce-cart .site-main,
body.woocommerce-cart main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .lamujer-cart-actions__summary,
body.woocommerce-cart .lamujer-cart-actions {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
left: auto !important;
right: auto !important;
transform: none !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart,
body.woocommerce-cart table.shop_table.cart,
body.woocommerce-cart .woocommerce-cart-form__contents,
body.woocommerce-cart .shop_table.cart tbody {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
table-layout: fixed !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 16px !important;
padding: 16px 12px 18px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"thumb"
"name"
"price"
"qty"
"subtotal" !important;
gap: 10px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail {
grid-area: thumb !important;
padding: 0 40px 8px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail img {
width: 120px !important;
max-width: 42vw !important;
height: auto !important;
object-fit: contain !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name {
grid-area: name !important;
padding: 0 38px 10px 0 !important;
border-bottom: 1px dashed rgba(113, 34, 137, .18) !important;
text-align: left !important;
overflow: hidden !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name a {
display: block !important;
max-width: 100% !important;
font-size: 18px !important;
line-height: 1.22 !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
display: grid !important;
grid-template-columns: 76px minmax(0, 1fr) !important;
align-items: center !important;
column-gap: 8px !important;
padding: 9px 0 !important;
border-bottom: 1px dashed rgba(113, 34, 137, .18) !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
border-bottom: 0 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price::before,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity::before,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal::before {
min-width: 0 !important;
width: auto !important;
justify-self: start !important;
font-size: 14px !important;
letter-spacing: .08em !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price > *,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal > * {
justify-self: end !important;
min-width: 0 !important;
max-width: 100% !important;
white-space: nowrap !important;
text-align: right !important;
font-size: 17px !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity.lm-qty-enhanced {
justify-self: end !important;
width: 128px !important;
max-width: 128px !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 38px 1fr 38px !important;
align-items: center !important;
justify-items: center !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-minus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-plus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .lm-qty-btn {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
line-height: 38px !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity input.qty {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 !important;
text-align: center !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove {
position: absolute !important;
top: 12px !important;
right: 12px !important;
width: auto !important;
}
body.woocommerce-cart .lamujer-cart-actions__summary {
padding: 18px 12px !important;
overflow: hidden !important;
}
body.woocommerce-cart .lamujer-cart-summary__line,
body.woocommerce-cart .lamujer-cart-summary__line--total {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.woocommerce-cart .lamujer-cart-summary__line > strong,
body.woocommerce-cart .lamujer-cart-summary__line > span {
min-width: 0 !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-cart .lamujer-cart-summary__shipping-table,
body.woocommerce-cart .lamujer-cart-shipping-table,
body.woocommerce-cart .lamujer-cart-shipping-table tbody,
body.woocommerce-cart .lamujer-cart-shipping-table tr,
body.woocommerce-cart .lamujer-cart-shipping-table th,
body.woocommerce-cart .lamujer-cart-shipping-table td {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table ul#shipping_method,
body.woocommerce-cart .lamujer-cart-shipping-table ul.woocommerce-shipping-methods {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table ul#shipping_method li,
body.woocommerce-cart .lamujer-cart-shipping-table ul.woocommerce-shipping-methods li {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) !important;
column-gap: 8px !important;
align-items: start !important;
overflow: hidden !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table ul#shipping_method li input[type="radio"],
body.woocommerce-cart .lamujer-cart-shipping-table ul.woocommerce-shipping-methods li input[type="radio"] {
grid-column: 1 !important;
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
margin: 4px 0 0 !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table label {
grid-column: 2 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table .skyads-shipping-method-logo {
flex: 0 0 auto !important;
max-width: 44px !important;
height: auto !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table .skyads-shipping-label-text {
min-width: 0 !important;
max-width: 100% !important;
display: inline !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
font-size: 15px !important;
line-height: 1.25 !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table .shipping-method-description,
body.woocommerce-cart .lamujer-cart-shipping-table .woocommerce-shipping-destination {
grid-column: 2 !important;
width: 100% !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
font-size: 14px !important;
}
}
/* === SKYADS v106: late mobile cart shell no-overflow override === */
@media (max-width: 767px) {
html,
body,
body.woocommerce-cart {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.woocommerce-cart .site-shell,
body.woocommerce-cart .lm-checkout-shell,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .woocommerce-cart-form__contents,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .lamujer-cart-actions,
body.woocommerce-cart .lamujer-cart-actions__summary,
body.woocommerce-cart .lamujer-cart-actions__coupon,
body.woocommerce-cart .lamujer-cart-actions__checkout {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
overflow-x: clip !important;
}
body.woocommerce-cart .shop_table.cart,
body.woocommerce-cart table.shop_table.cart,
body.woocommerce-cart .shop_table.cart tbody {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
table-layout: fixed !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas: "thumb" "name" "price" "qty" "subtotal" !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 18px !important;
padding: 16px 12px 18px !important;
border-radius: 28px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail {
grid-area: thumb !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 4px 42px 12px !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail img {
width: 132px !important;
max-width: 52vw !important;
height: auto !important;
object-fit: contain !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name {
grid-area: name !important;
padding: 0 42px 12px 0 !important;
text-align: left !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name a {
display: block !important;
max-width: 100% !important;
font-size: 18px !important;
line-height: 1.22 !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
display: grid !important;
grid-template-columns: 72px minmax(0, 1fr) !important;
align-items: center !important;
gap: 8px !important;
padding: 10px 0 !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price > *,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal > * {
justify-self: end !important;
max-width: 100% !important;
text-align: right !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity.lm-qty-enhanced {
justify-self: end !important;
width: 126px !important;
max-width: 126px !important;
min-width: 126px !important;
display: grid !important;
grid-template-columns: 38px 1fr 38px !important;
align-items: center !important;
justify-items: center !important;
overflow: visible !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-minus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-plus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .lm-qty-btn,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity input.qty {
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-remove {
position: absolute !important;
top: 12px !important;
right: 12px !important;
width: auto !important;
max-width: none !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table,
body.woocommerce-cart .lamujer-cart-shipping-table tbody,
body.woocommerce-cart .lamujer-cart-shipping-table tr,
body.woocommerce-cart .lamujer-cart-shipping-table th,
body.woocommerce-cart .lamujer-cart-shipping-table td,
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping,
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping th,
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping td {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-cart ul#shipping_method,
body.woocommerce-cart ul.woocommerce-shipping-methods {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.woocommerce-cart ul#shipping_method li,
body.woocommerce-cart ul.woocommerce-shipping-methods li {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 26px minmax(0, 1fr) !important;
gap: 8px !important;
align-items: start !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.woocommerce-cart ul#shipping_method li label,
body.woocommerce-cart ul.woocommerce-shipping-methods li label {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-cart .skyads-shipping-method-logo {
max-width: 44px !important;
height: auto !important;
flex: 0 0 auto !important;
}
body.woocommerce-cart .skyads-shipping-label-text,
body.woocommerce-cart .shipping-method-description,
body.woocommerce-cart .woocommerce-shipping-destination {
max-width: 100% !important;
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
}
/* === SKYADS v107: mobile cart full-bleed no side gutters === */
@media (max-width: 767px) {
html,
body,
body.woocommerce-cart {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.woocommerce-cart .site-shell,
body.woocommerce-cart .lm-archive-page,
body.woocommerce-cart .lm-archive-shell,
body.woocommerce-cart .lm-checkout-shell,
body.woocommerce-cart .site-main,
body.woocommerce-cart main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .woocommerce-cart-form__contents,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .lamujer-cart-actions,
body.woocommerce-cart .lamujer-cart-actions__summary,
body.woocommerce-cart .lamujer-cart-actions__coupon,
body.woocommerce-cart .lamujer-cart-actions__checkout {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
body.woocommerce-cart .woocommerce {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.woocommerce-cart .shop_table.cart,
body.woocommerce-cart table.shop_table.cart,
body.woocommerce-cart .shop_table.cart tbody {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 18px !important;
padding: 14px 10px 18px !important;
border-radius: 26px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail {
padding: 4px 34px 12px !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name {
padding: 0 34px 12px 0 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-name a {
font-size: 18px !important;
line-height: 1.2 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal {
grid-template-columns: 70px minmax(0, 1fr) !important;
gap: 6px !important;
padding: 9px 0 !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-price > *,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-subtotal > * {
justify-self: end !important;
max-width: 100% !important;
font-size: 18px !important;
line-height: 1.2 !important;
text-align: right !important;
white-space: nowrap !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .quantity.lm-qty-enhanced {
width: 116px !important;
max-width: 116px !important;
min-width: 116px !important;
grid-template-columns: 34px 1fr 34px !important;
}
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-minus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty-plus,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .lm-qty-btn,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity .qty,
body.woocommerce-cart .shop_table.cart tr.woocommerce-cart-form__cart-item > td.product-quantity input.qty {
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
}
body.woocommerce-cart .lamujer-cart-actions__summary {
padding-left: 10px !important;
padding-right: 10px !important;
overflow: hidden !important;
}
body.woocommerce-cart .lamujer-cart-summary__line,
body.woocommerce-cart .lamujer-cart-summary__line--total {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 8px !important;
align-items: baseline !important;
max-width: 100% !important;
}
body.woocommerce-cart .lamujer-cart-summary__line > strong {
min-width: 0 !important;
max-width: 100% !important;
text-align: right !important;
white-space: normal !important;
}
body.woocommerce-cart .lamujer-cart-shipping-table,
body.woocommerce-cart .lamujer-cart-shipping-table tbody,
body.woocommerce-cart .lamujer-cart-shipping-table tr,
body.woocommerce-cart .lamujer-cart-shipping-table th,
body.woocommerce-cart .lamujer-cart-shipping-table td,
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping,
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping th,
body.woocommerce-cart tr.woocommerce-shipping-totals.shipping td {
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-cart ul#shipping_method li,
body.woocommerce-cart ul.woocommerce-shipping-methods li {
grid-template-columns: 24px minmax(0, 1fr) !important;
gap: 6px !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-cart ul#shipping_method li label,
body.woocommerce-cart ul.woocommerce-shipping-methods li label {
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) !important;
gap: 8px !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-cart .skyads-shipping-label-text,
body.woocommerce-cart .shipping-method-description,
body.woocommerce-cart .woocommerce-shipping-destination {
font-size: 16px !important;
line-height: 1.35 !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
}
/* === SKYADS v111: checkout mobile overflow guard loaded after main style === */
@media (max-width: 767px) {
body.woocommerce-checkout .lm-checkout-shell,
body.woocommerce-checkout .lm-checkout-page,
body.woocommerce-checkout .lm-checkout-wrapper,
body.woocommerce-checkout .lm-checkout-layout,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
height: auto !important;
max-height: none !important;
overflow: visible !important;
overflow-y: visible !important;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin-left: 12px !important;
margin-right: 12px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout p.form-row,
body.woocommerce-checkout .form-row,
body.woocommerce-checkout .woocommerce-input-wrapper,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
}
/* === SKYADS v112: mobile checkout shell loaded last === */
@media (max-width: 767px) {
html,
body,
body.woocommerce-checkout {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}
body.woocommerce-checkout .site-shell,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .lm-checkout-shell,
body.woocommerce-checkout .lm-checkout-shell > *,
body.woocommerce-checkout .lm-checkout-shell__intro,
body.woocommerce-checkout .lm-checkout-steps,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
body.woocommerce-checkout .lm-checkout-shell {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details.col2-set {
display: block !important;
float: none !important;
clear: both !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout form.checkout .col-1,
body.woocommerce-checkout form.checkout .col-2 {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 0 18px !important;
box-sizing: border-box !important;
overflow: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .lm-checkout-delivery-methods,
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .place-order {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 14px !important;
padding-right: 14px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout p.form-row,
body.woocommerce-checkout .form-row {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-checkout .woocommerce-input-wrapper,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container,
body.woocommerce-checkout .select2-selection {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout .select2-selection {
font-size: 16px !important;
line-height: 1.25 !important;
padding-left: 18px !important;
padding-right: 18px !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .checkout_coupon {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 14px !important;
padding-right: 14px !important;
box-sizing: border-box !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-checkout .lm-checkout-steps ol {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 6px !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
}
/* === SKYADS v113: late-loaded checkout no clipping override === */
@media (max-width: 767px) {
body.woocommerce-checkout *,
body.woocommerce-checkout *::before,
body.woocommerce-checkout *::after { box-sizing: border-box !important; }
body.woocommerce-checkout .site-shell,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .lm-checkout-shell,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details.col2-set,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
max-width: 100vw !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
float: none !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .lm-checkout-delivery-methods,
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .checkout_coupon,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
width: auto !important;
max-width: calc(100vw - 24px) !important;
min-width: 0 !important;
margin-left: 12px !important;
margin-right: 12px !important;
padding-left: 18px !important;
padding-right: 18px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout p.form-row,
body.woocommerce-checkout .form-row,
body.woocommerce-checkout .woocommerce-input-wrapper,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container,
body.woocommerce-checkout .select2-selection {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* === SKYADS v114: checkout mobile layout from A to Z ===
Fixes the real checkout DOM: .lm-checkout-shell > form.checkout > #customer_details + #order_review.
The checkout page does not use a theme checkout template; it is generated by WooCommerce and wrapped by hooks.
This block must stay at the very end of the last-loaded CSS file. */
@media (max-width: 767px) {
html,
body.woocommerce-checkout {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}
body.woocommerce-checkout,
body.woocommerce-checkout * ,
body.woocommerce-checkout *::before,
body.woocommerce-checkout *::after {
box-sizing: border-box !important;
}
body.woocommerce-checkout .site-shell,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .lm-checkout-shell {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout .lm-checkout-shell {
--lm-checkout-mobile-gutter: 12px;
padding-left: var(--lm-checkout-mobile-gutter) !important;
padding-right: var(--lm-checkout-mobile-gutter) !important;
padding-top: 28px !important;
padding-bottom: 54px !important;
}
body.woocommerce-checkout .woocommerce {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
}
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout .lm-checkout-shell__intro,
body.woocommerce-checkout .lm-checkout-steps,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon,
body.woocommerce-checkout .checkout_coupon,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
left: auto !important;
right: auto !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details.col2-set {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
float: none !important;
clear: both !important;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout form.checkout .col-1,
body.woocommerce-checkout form.checkout .col-2 {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 18px 0 !important;
padding: 24px 18px !important;
border-radius: 24px !important;
background: rgba(255,255,255,0.90) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 18px 38px rgba(17,17,17,0.055) !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
-webkit-overflow-scrolling: auto !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .shipping_address {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout .shipping_address[aria-hidden="true"] {
display: none !important;
height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout p.form-row,
body.woocommerce-checkout .form-row,
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last,
body.woocommerce-checkout .form-row-wide {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
height: auto !important;
max-height: none !important;
}
body.woocommerce-checkout .woocommerce-input-wrapper,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container,
body.woocommerce-checkout .select2-selection,
body.woocommerce-checkout .select2-selection--single {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout .select2-selection--single {
font-size: 16px !important;
line-height: 1.25 !important;
min-height: 58px !important;
padding: 14px 16px !important;
border-radius: 18px !important;
}
body.woocommerce-checkout .lm-checkout-section-heading h3,
body.woocommerce-checkout #customer_details h3 {
font-size: clamp(2rem, 10vw, 2.7rem) !important;
line-height: 1.02 !important;
margin-bottom: 24px !important;
}
body.woocommerce-checkout .lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.woocommerce-checkout .lm-checkout-steps__item,
body.woocommerce-checkout .lm-checkout-steps__item a {
min-width: 0 !important;
max-width: 100% !important;
}
body.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 98px !important;
padding: 10px 6px !important;
border-radius: 24px !important;
}
body.woocommerce-checkout .woocommerce-info {
padding: 18px 18px 18px 52px !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
position: static !important;
top: auto !important;
padding: 22px 18px !important;
border-radius: 24px !important;
}
body.woocommerce-checkout #order_review table,
body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .lm-checkout-delivery-methods,
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .payment_methods,
body.woocommerce-checkout .wc_payment_methods,
body.woocommerce-checkout .place-order,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
}
body.woocommerce-checkout #order_review table,
body.woocommerce-checkout #order_review th,
body.woocommerce-checkout #order_review td {
table-layout: fixed !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.woocommerce-checkout .lm-checkout-delivery-methods__item,
body.woocommerce-checkout #payment .payment_methods > li.wc_payment_method {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
}
}
/* === SKYADS v115: checkout mobile equal gutters + full page scroll fix ===
Real DOM: form.checkout > #customer_details(.col-1/.col-2) + #order_review.
This intentionally uses viewport-based boxes like the mobile cart, so no child column can be wider than the screen. */
@media (max-width: 767px) {
html,
body,
body.woocommerce-checkout {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}
body.woocommerce-checkout,
body.woocommerce-checkout *,
body.woocommerce-checkout *::before,
body.woocommerce-checkout *::after {
box-sizing: border-box !important;
}
body.woocommerce-checkout .site-shell,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .lm-checkout-shell,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.woocommerce-checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details.col2-set {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
left: auto !important;
right: auto !important;
transform: none !important;
grid-template-columns: none !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
contain: none !important;
clip-path: none !important;
-webkit-overflow-scrolling: auto !important;
}
body.woocommerce-checkout .lm-checkout-shell {
padding-top: 30px !important;
padding-bottom: 56px !important;
}
body.woocommerce-checkout .lm-checkout-shell__intro,
body.woocommerce-checkout .lm-checkout-steps,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon,
body.woocommerce-checkout .checkout_coupon,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout #customer_details > .col-1,
body.woocommerce-checkout #customer_details > .col-2,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: calc(100vw - 24px) !important;
max-width: calc(100vw - 24px) !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
transform: none !important;
left: auto !important;
right: auto !important;
}
body.woocommerce-checkout #customer_details > .col-1,
body.woocommerce-checkout #customer_details > .col-2 {
display: block !important;
float: none !important;
clear: both !important;
padding: 24px 14px !important;
margin-bottom: 18px !important;
border-radius: 24px !important;
background: rgba(255,255,255,0.92) !important;
border: 1px solid rgba(17,17,17,0.08) !important;
box-shadow: 0 18px 38px rgba(17,17,17,0.055) !important;
}
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .shipping_address,
body.woocommerce-checkout p.form-row,
body.woocommerce-checkout .form-row,
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last,
body.woocommerce-checkout .form-row-wide,
body.woocommerce-checkout .woocommerce-input-wrapper {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
contain: none !important;
}
body.woocommerce-checkout .shipping_address[aria-hidden="true"] {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container,
body.woocommerce-checkout .select2-selection,
body.woocommerce-checkout .select2-selection--single {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea.input-text,
body.woocommerce-checkout .select2-selection--single {
min-height: 56px !important;
padding: 13px 14px !important;
border-radius: 18px !important;
font-size: 16px !important;
line-height: 1.25 !important;
}
body.woocommerce-checkout #customer_details > .col-1::after,
body.woocommerce-checkout #customer_details > .col-2::after,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper::after {
content: "" !important;
display: table !important;
clear: both !important;
}
body.woocommerce-checkout #billing_state_field[style*="display: none"],
body.woocommerce-checkout #shipping_state_field[style*="display: none"] {
display: none !important;
}
body.woocommerce-checkout .lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.woocommerce-checkout .lm-checkout-steps__item,
body.woocommerce-checkout .lm-checkout-steps__item a {
min-width: 0 !important;
max-width: 100% !important;
}
body.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 96px !important;
padding: 10px 5px !important;
border-radius: 24px !important;
}
body.woocommerce-checkout .woocommerce-info {
padding: 18px 18px 18px 52px !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .lm-checkout-delivery-methods,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .payment_methods,
body.woocommerce-checkout .wc_payment_methods,
body.woocommerce-checkout .place-order,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
}
/* === SKYADS v118 duplicate: final mobile checkout shell/header alignment === */
@media (max-width: 767px) {
html,
body,
body.woocommerce-checkout {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.woocommerce-checkout,
body.woocommerce-checkout *,
body.woocommerce-checkout *::before,
body.woocommerce-checkout *::after {
box-sizing: border-box !important;
}
html body.woocommerce-checkout .lm-archive-page,
html body.woocommerce-checkout main,
html body.woocommerce-checkout .site-main {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: hidden !important;
}
html body.woocommerce-checkout .lm-archive-shell {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
}
html body.woocommerce-checkout .lm-shop-header,
html body.woocommerce-checkout .lm-archive-shell > .entry-content,
html body.woocommerce-checkout .entry-content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
}
html body.woocommerce-checkout .entry-content > .woocommerce,
html body.woocommerce-checkout .woocommerce,
html body.woocommerce-checkout .lm-checkout-shell,
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout form.woocommerce-checkout,
html body.woocommerce-checkout #customer_details,
html body.woocommerce-checkout #customer_details.col2-set,
html body.woocommerce-checkout #order_review,
html body.woocommerce-checkout .woocommerce-checkout-review-order,
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout .woocommerce-checkout-payment,
html body.woocommerce-checkout .lm-checkout-delivery-methods {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
left: auto !important;
right: auto !important;
transform: none !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
html body.woocommerce-checkout .lm-checkout-shell {
padding-top: 30px !important;
padding-bottom: 56px !important;
}
html body.woocommerce-checkout .lm-checkout-shell__intro,
html body.woocommerce-checkout .lm-checkout-steps,
html body.woocommerce-checkout .woocommerce-notices-wrapper,
html body.woocommerce-checkout .woocommerce-form-coupon-toggle,
html body.woocommerce-checkout form.checkout_coupon,
html body.woocommerce-checkout .checkout_coupon,
html body.woocommerce-checkout .woocommerce-info,
html body.woocommerce-checkout .woocommerce-message,
html body.woocommerce-checkout .woocommerce-error,
html body.woocommerce-checkout #customer_details > .col-1,
html body.woocommerce-checkout #customer_details > .col-2,
html body.woocommerce-checkout #order_review_heading,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table,
html body.woocommerce-checkout .payment_methods,
html body.woocommerce-checkout .wc_payment_methods,
html body.woocommerce-checkout .place-order,
html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
html body.woocommerce-checkout .lm-checkout-delivery-methods__head,
html body.woocommerce-checkout .lm-checkout-delivery-methods__list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}
html body.woocommerce-checkout #customer_details > .col-1,
html body.woocommerce-checkout #customer_details > .col-2 {
padding: 24px 14px !important;
margin-bottom: 18px !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-shipping-fields,
html body.woocommerce-checkout .woocommerce-additional-fields,
html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
html body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
html body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
html body.woocommerce-checkout .shipping_address,
html body.woocommerce-checkout p.form-row,
html body.woocommerce-checkout .form-row,
html body.woocommerce-checkout .form-row-first,
html body.woocommerce-checkout .form-row-last,
html body.woocommerce-checkout .form-row-wide,
html body.woocommerce-checkout .woocommerce-input-wrapper,
html body.woocommerce-checkout input.input-text,
html body.woocommerce-checkout textarea.input-text,
html body.woocommerce-checkout select,
html body.woocommerce-checkout .select2-container,
html body.woocommerce-checkout .select2-selection,
html body.woocommerce-checkout .select2-selection--single {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
max-height: none !important;
}
html body.woocommerce-checkout input.input-text,
html body.woocommerce-checkout textarea.input-text,
html body.woocommerce-checkout .select2-selection--single {
min-height: 56px !important;
padding: 13px 14px !important;
border-radius: 18px !important;
font-size: 16px !important;
line-height: 1.25 !important;
}
html body.woocommerce-checkout .lm-checkout-steps ol {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
html body.woocommerce-checkout .lm-checkout-steps__item,
html body.woocommerce-checkout .lm-checkout-steps__item a {
min-width: 0 !important;
max-width: 100% !important;
}
html body.woocommerce-checkout .lm-checkout-steps__item a {
min-height: 96px !important;
padding: 10px 5px !important;
border-radius: 24px !important;
}
html body.woocommerce-checkout .woocommerce-info {
padding: 18px 18px 18px 52px !important;
overflow-wrap: anywhere !important;
}
html body.woocommerce-checkout .shipping_address[aria-hidden="true"] {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
}
}
/* === SKYADS v119: mobile checkout delivery/payment inner gutters === */
@media (max-width: 767px) {
html body.woocommerce-checkout .lm-checkout-delivery-methods {
padding: 22px 16px !important;
border-radius: 28px !important;
overflow: visible !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods__head,
html body.woocommerce-checkout .lm-checkout-delivery-methods__list {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods__head h3 {
font-size: 34px !important;
line-height: 1.05 !important;
margin: 0 0 18px !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods__list { display: grid !important; gap: 12px !important; }
html body.woocommerce-checkout .lm-checkout-delivery-methods__item {
min-height: 72px !important;
padding: 14px 16px !important;
border-radius: 22px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods__label {
min-width: 0 !important;
width: 100% !important;
display: grid !important;
grid-template-columns: 86px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods__label .skyads-shipping-method-logo {
max-width: 72px !important;
max-height: 34px !important;
object-fit: contain !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods__name,
html body.woocommerce-checkout .lm-checkout-delivery-methods__name * {
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
text-align: right !important;
font-size: 18px !important;
line-height: 1.22 !important;
}
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout .woocommerce-checkout-payment {
padding: 22px 16px !important;
border-radius: 28px !important;
overflow: visible !important;
}
html body.woocommerce-checkout #payment ul.wc_payment_methods,
html body.woocommerce-checkout #payment .wc_payment_methods,
html body.woocommerce-checkout #payment .payment_methods.methods {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
html body.woocommerce-checkout #payment .wc_payment_method,
html body.woocommerce-checkout #payment li.wc_payment_method,
html body.woocommerce-checkout #payment .payment_methods > li {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 22px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > label,
html body.woocommerce-checkout #payment .payment_methods > li > label {
min-height: 72px !important;
padding: 14px 16px 14px 60px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
font-size: 18px !important;
line-height: 1.22 !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"],
html body.woocommerce-checkout #payment .payment_methods > li > input[type="radio"] {
left: 18px !important;
top: 36px !important;
}
html body.woocommerce-checkout #payment .wc_payment_method > label img,
html body.woocommerce-checkout #payment .payment_methods > li > label img,
html body.woocommerce-checkout #payment .payment-methods--logos {
max-width: 86px !important;
max-height: 34px !important;
margin-left: auto !important;
flex: 0 0 auto !important;
}
}
/* === SKYADS v120: mobile checkout delivery block spacing from order review === */
@media (max-width: 767px) {
html body.woocommerce-checkout #order_review > .shop_table + .lm-checkout-delivery-methods,
html body.woocommerce-checkout #order_review > table.shop_table.woocommerce-checkout-review-order-table + .lm-checkout-delivery-methods,
html body.woocommerce-checkout .woocommerce-checkout-review-order .lm-checkout-delivery-methods {
margin-top: 28px !important;
}
html body.woocommerce-checkout .lm-checkout-delivery-methods + #payment,
html body.woocommerce-checkout .lm-checkout-delivery-methods + .woocommerce-checkout-payment {
margin-top: 28px !important;
}
}
/* === SKYADS v123: mobile order review inner spacing ===
Keep order summary content 20px away from the #order_review edge on mobile. */
@media (max-width: 767px) {
html body.woocommerce-checkout #order_review.woocommerce-checkout-review-order,
html body.woocommerce-checkout #order_review {
padding: 20px !important;
box-sizing: border-box !important;
}
}
/* SKYADS v124: carousel product cards use add-to-cart icon instead of wishlist heart. */
.lm-carousel-cart-button {
width: 58px;
height: 58px;
border-radius: 999px;
border: 2px solid rgba(188, 120, 218, 0.55);
background: rgba(255, 255, 255, 0.96);
color: #712289 !important;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(113, 34, 137, 0.08);
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.lm-carousel-cart-button:hover,
.lm-carousel-cart-button:focus-visible {
transform: translateY(-1px);
background: #fff;
box-shadow: 0 14px 28px rgba(113, 34, 137, 0.14);
outline: none;
}
.lm-carousel-cart-button svg {
width: 27px;
height: 27px;
display: block;
}
@media (max-width: 767px) {
.lm-carousel-cart-button {
width: 46px;
height: 46px;
}
.lm-carousel-cart-button svg {
width: 22px;
height: 22px;
}
}
/* SKYADS v127: carousel promo badge and plus button slightly smaller and equal size. */
.arc-card .lm-carousel-card-topbar .lm-sale-discount-badge,
.arc-card .lm-carousel-card-topbar .onsale,
.arc-card .lm-carousel-card-topbar .lm-carousel-cart-button {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
border-radius: 50% !important;
}
.arc-card .lm-carousel-card-topbar .lm-sale-discount-badge,
.arc-card .lm-carousel-card-topbar .onsale {
padding: 0 !important;
font-size: 13px !important;
line-height: 1 !important;
}
.arc-card .lm-carousel-card-topbar .lm-carousel-cart-button {
border-width: 1.5px !important;
}
.arc-card .lm-carousel-card-topbar .lm-carousel-cart-button .lm-carousel-cart-button__icon {
width: 20px !important;
height: 20px !important;
font-size: 28px !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
.arc-card .lm-carousel-card-topbar .lm-sale-discount-badge,
.arc-card .lm-carousel-card-topbar .onsale,
.arc-card .lm-carousel-card-topbar .lm-carousel-cart-button {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
max-width: 42px !important;
max-height: 42px !important;
}
.arc-card .lm-carousel-card-topbar .lm-sale-discount-badge,
.arc-card .lm-carousel-card-topbar .onsale {
font-size: 12px !important;
}
.arc-card .lm-carousel-card-topbar .lm-carousel-cart-button .lm-carousel-cart-button__icon {
width: 18px !important;
height: 18px !important;
font-size: 24px !important;
}
}
/* === SKYADS v130: account auth cleanup, centered frame, normal header/menu === */
body.woocommerce-account:not(.logged-in) .lm-topbar,
body.woocommerce-account:not(.logged-in) .lm-site-header,
body.woocommerce-account:not(.logged-in) .site-header,
body.woocommerce-account:not(.logged-in) #masthead,
body.woocommerce-account:not(.logged-in) .elementor-location-header {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
}
/* Hide only the page decorative/title area above the auth form, not the site header/menu and not auth headings. */
body.woocommerce-account:not(.logged-in) main .entry-header,
body.woocommerce-account:not(.logged-in) main .page-header,
body.woocommerce-account:not(.logged-in) main .woocommerce-products-header,
body.woocommerce-account:not(.logged-in) .woocommerce-account__page-title,
body.woocommerce-account:not(.logged-in) .page-title:not(.lm-auth__title),
body.woocommerce-account:not(.logged-in) h1.entry-title:not(.lm-auth__title) {
display: none !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce {
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce > .lm-auth {
margin-left: auto !important;
margin-right: auto !important;
}
.lm-auth {
width: 100% !important;
padding: clamp(34px, 6vw, 76px) 20px clamp(60px, 8vw, 110px) !important;
}
.lm-auth__shell {
width: min(760px, calc(100vw - 40px)) !important;
max-width: 760px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: center !important;
}
.lm-auth__panel {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 767px) {
.lm-auth__shell {
width: min(100%, calc(100vw - 28px)) !important;
}
}
/* === SKYADS v131: account auth full width, no archive page header === */
body.woocommerce-account:not(.logged-in) .lm-archive-page > .lm-archive-shell > .lm-shop-header,
body.woocommerce-account:not(.logged-in) .lm-shop-header {
display: none !important;
}
body.woocommerce-account:not(.logged-in) .lm-archive-page,
body.woocommerce-account:not(.logged-in) .lm-archive-shell,
body.woocommerce-account:not(.logged-in) .entry-content,
body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce > .lm-auth {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-account:not(.logged-in) .lm-archive-shell {
padding-left: clamp(16px, 3vw, 40px) !important;
padding-right: clamp(16px, 3vw, 40px) !important;
}
body.woocommerce-account:not(.logged-in) .entry-content {
padding: 0 !important;
}
body.woocommerce-account:not(.logged-in) .lm-auth {
padding: 0 0 clamp(56px, 7vw, 96px) !important;
}
body.woocommerce-account:not(.logged-in) .lm-auth__shell {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
display: block !important;
}
body.woocommerce-account:not(.logged-in) .lm-auth__panel {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
@media (max-width: 767px) {
body.woocommerce-account:not(.logged-in) .lm-archive-shell {
padding-left: 14px !important;
padding-right: 14px !important;
}
}
/* === SKYADS v132: account auth wider by 50 percent and centered === */
body.woocommerce-account:not(.logged-in) .entry-content,
body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce > .lm-auth,
body.woocommerce-account:not(.logged-in) #customer_login.lm-auth,
body.woocommerce-account:not(.logged-in) .lm-auth {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
body.woocommerce-account:not(.logged-in) .lm-auth__shell {
width: min(1140px, calc(100vw - 80px)) !important;
max-width: 1140px !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important;
justify-content: center !important;
}
body.woocommerce-account:not(.logged-in) .lm-auth__panel {
width: 100% !important;
max-width: 1140px !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 767px) {
body.woocommerce-account:not(.logged-in) .lm-auth__shell {
width: calc(100vw - 28px) !important;
max-width: calc(100vw - 28px) !important;
}
}
/* === SKYADS v133: account auth truly centered and compact vertical spacing === */
html body.woocommerce-account:not(.logged-in) .lm-archive-page,
html body.woocommerce-account:not(.logged-in) main,
html body.woocommerce-account:not(.logged-in) .site-main,
html body.woocommerce-account:not(.logged-in) .content-area,
html body.woocommerce-account:not(.logged-in) .entry-content,
html body.woocommerce-account:not(.logged-in) .woocommerce {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
min-height: 0 !important;
}
html body.woocommerce-account:not(.logged-in) .lm-archive-shell {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce > .lm-auth,
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth,
html body.woocommerce-account:not(.logged-in) .lm-auth {
position: relative !important;
left: 50% !important;
right: 50% !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
padding: 22px 0 28px !important;
min-height: 0 !important;
height: auto !important;
display: block !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__shell {
width: min(1500px, calc(100vw - 160px)) !important;
max-width: 1500px !important;
margin: 0 auto !important;
padding: 0 !important;
min-height: 0 !important;
height: auto !important;
display: grid !important;
grid-template-columns: 1fr !important;
justify-items: center !important;
box-sizing: border-box !important;
transform: none !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__panel {
width: 100% !important;
max-width: 1500px !important;
margin: 0 auto !important;
padding: 42px 64px 36px !important;
min-height: 0 !important;
height: auto !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__panel[hidden] {
display: none !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__title {
margin-bottom: 24px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__form {
padding: 34px 48px 28px !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__form .form-row {
margin-bottom: 16px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__meta {
margin: 0 0 20px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__social {
margin-top: 14px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__switch {
margin: 18px auto 0 !important;
text-align: center !important;
}
@media (max-width: 1024px) {
html body.woocommerce-account:not(.logged-in) .lm-auth {
padding-top: 16px !important;
padding-bottom: 22px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__shell {
width: calc(100vw - 40px) !important;
max-width: calc(100vw - 40px) !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__panel {
padding: 34px 32px 28px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__form {
padding: 28px 28px 22px !important;
}
}
@media (max-width: 767px) {
html body.woocommerce-account:not(.logged-in) .lm-auth {
padding: 10px 0 16px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__shell {
width: calc(100vw - 24px) !important;
max-width: calc(100vw - 24px) !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__panel {
padding: 24px 16px 20px !important;
border-radius: 22px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__form {
padding: 22px 14px 18px !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__switch {
margin-top: 12px !important;
}
}
/* === SKYADS v135: auth panel balanced padding and real 75% form width ===
Bottom spacing is matched to the top spacing and the login/register form is centered at 75% on desktop. */
html body.woocommerce-account:not(.logged-in) .woocommerce > #customer_login.lm-auth,
html body.woocommerce-account:not(.logged-in) .woocommerce > .lm-auth,
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth,
html body.woocommerce-account:not(.logged-in) .lm-auth {
min-height: 0 !important;
height: auto !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth .lm-auth__shell,
html body.woocommerce-account:not(.logged-in) .lm-auth .lm-auth__shell {
min-height: 0 !important;
height: auto !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth .lm-auth__panel,
html body.woocommerce-account:not(.logged-in) .lm-auth .lm-auth__panel {
min-height: 0 !important;
height: auto !important;
padding-top: 48px !important;
padding-bottom: 48px !important;
padding-left: clamp(32px, 5vw, 72px) !important;
padding-right: clamp(32px, 5vw, 72px) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth .lm-auth__panel > form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth .lm-auth__panel > form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth__form {
width: 75% !important;
max-width: 75% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
align-self: center !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__form .form-row,
html body.woocommerce-account:not(.logged-in) .lm-auth__form p,
html body.woocommerce-account:not(.logged-in) .lm-auth__form label,
html body.woocommerce-account:not(.logged-in) .lm-auth__form input,
html body.woocommerce-account:not(.logged-in) .lm-auth__form .password-input,
html body.woocommerce-account:not(.logged-in) .lm-auth__form button,
html body.woocommerce-account:not(.logged-in) .lm-auth__form .button,
html body.woocommerce-account:not(.logged-in) .lm-auth__form .lm-auth__submit,
html body.woocommerce-account:not(.logged-in) .lm-auth__form .lm-auth__social {
max-width: 100% !important;
box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__form input.input-text,
html body.woocommerce-account:not(.logged-in) .lm-auth__form input[type="text"],
html body.woocommerce-account:not(.logged-in) .lm-auth__form input[type="email"],
html body.woocommerce-account:not(.logged-in) .lm-auth__form input[type="tel"],
html body.woocommerce-account:not(.logged-in) .lm-auth__form input[type="password"],
html body.woocommerce-account:not(.logged-in) .lm-auth__form .password-input,
html body.woocommerce-account:not(.logged-in) .lm-auth__form .lm-auth__submit,
html body.woocommerce-account:not(.logged-in) .lm-auth__form .lm-auth__social {
width: 100% !important;
}
html body.woocommerce-account:not(.logged-in) .lm-auth__switch {
margin-top: 18px !important;
margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth .lm-auth__panel,
html body.woocommerce-account:not(.logged-in) .lm-auth .lm-auth__panel {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth__form {
width: 88% !important;
max-width: 88% !important;
}
}
@media (max-width: 767px) {
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth .lm-auth__panel,
html body.woocommerce-account:not(.logged-in) .lm-auth .lm-auth__panel {
padding: 28px 18px !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login.lm-auth form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth form.lm-auth__form,
html body.woocommerce-account:not(.logged-in) .lm-auth__form {
width: 100% !important;
max-width: 100% !important;
}
}
/* === SKYADS v136: business customer fields on registration === */
body.woocommerce-account .lm-auth__business-toggle {
margin-top: 1rem;
margin-bottom: .75rem;
}
body.woocommerce-account .lm-auth__business-toggle label {
display: inline-flex;
align-items: center;
gap: .65rem;
font-weight: 800;
line-height: 1.35;
}
body.woocommerce-account .lm-auth__business-fields[hidden] {
display: none !important;
}
body.woocommerce-account .lm-auth__business-fields {
display: block;
margin-top: .4rem;
}
/* SKYADS v137: purple checkboxes and rounded auth buttons. */
.lm-auth input[type="checkbox"],
#customer_login input[type="checkbox"],
.woocommerce-account input[type="checkbox"],
.woocommerce-checkout input[type="checkbox"] {
accent-color: #7B1FA2 !important;
}
.lm-auth input[type="checkbox"],
#customer_login input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
border-color: #7B1FA2 !important;
border-radius: 5px !important;
box-shadow: none !important;
}
.lm-auth input[type="checkbox"]:focus,
#customer_login input[type="checkbox"]:focus {
outline: 2px solid rgba(123, 31, 162, 0.22) !important;
outline-offset: 2px !important;
}
.lm-auth input[type="checkbox"]:checked,
#customer_login input[type="checkbox"]:checked {
background-color: #7B1FA2 !important;
border-color: #7B1FA2 !important;
}
.lm-auth .button,
.lm-auth button,
.lm-auth__submit,
#customer_login .button,
#customer_login button,
#customer_login .woocommerce-button,
#customer_login .woocommerce-Button,
.woocommerce-account .lm-auth__submit {
border-radius: 999px !important;
}
.lm-auth .button,
.lm-auth__submit,
#customer_login .woocommerce-button,
#customer_login .woocommerce-Button {
overflow: hidden !important;
}
/* SKYADS v138: account addresses 50/50 + business company/NIP display. */
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-addresses,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses,
html body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 28px !important;
align-items: start !important;
width: 100% !important;
margin: 28px 0 0 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-addresses::before,
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-addresses::after,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses::before,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses::after,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses::before,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses::after {
content: none !important;
display: none !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-1,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-2 {
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__header,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 18px !important;
margin-bottom: 16px !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__header h3,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
margin: 0 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__edit,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
white-space: nowrap !important;
font-size: 16px !important;
line-height: 1.35 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__body,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
display: block !important;
font-style: italic !important;
line-height: 1.45 !important;
margin: 0 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-business-details {
margin-top: 18px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(17, 17, 17, 0.10) !important;
font-style: normal !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-business-details__row {
display: grid !important;
grid-template-columns: minmax(110px, .45fr) minmax(0, 1fr) !important;
gap: 12px !important;
margin: 0 0 8px !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-business-details__row span {
color: rgba(25, 25, 25, .62) !important;
font-weight: 700 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-business-details__row strong {
color: #1b1b1b !important;
font-weight: 800 !important;
overflow-wrap: anywhere !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-business-fieldset {
border: 1px solid rgba(17,17,17,0.08) !important;
border-radius: 24px !important;
padding: 22px !important;
margin: 28px 0 !important;
background: rgba(255,255,255,0.72) !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-business-fieldset legend {
padding: 0 8px !important;
font-family: var(--lm-font-heading, Georgia, serif) !important;
font-size: 24px !important;
line-height: 1.2 !important;
color: #161616 !important;
}
@media (max-width: 767px) {
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-addresses,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses,
html body.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__header,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
display: block !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__edit,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
display: inline-block !important;
margin-top: 10px !important;
}
}
/* SKYADS v139: newsletter preferences only on Communication endpoint, not Account details. */
.woocommerce-EditAccountForm.edit-account #woo_ml_subscribe_field,
.woocommerce-EditAccountForm.edit-account .shopmagic-optin,
.woocommerce-EditAccountForm.edit-account .lm-native-newsletter-field,
.woocommerce-EditAccountForm.edit-account .lm-native-optin-heading {
display: none !important;
}
body.woocommerce-edit-account #woo_ml_subscribe_field,
body.woocommerce-edit-account .shopmagic-optin,
body.woocommerce-edit-account .lm-native-newsletter-field,
body.woocommerce-edit-account .lm-native-optin-heading {
display: none !important;
}
body.woocommerce-account:not(.woocommerce-view-communication-preferences) .woocommerce-EditAccountForm #woo_ml_subscribe_field {
display: none !important;
}
/* === SKYADS v149: communication newsletter checkbox fallback === */
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-v149-newsletter-field,
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-native-newsletter-field {
display: block !important;
margin: 24px 0 18px !important;
padding: 0 !important;
}
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-v149-newsletter-field h3,
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-native-newsletter-field h3 {
margin: 0 0 12px !important;
}
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-v149-newsletter-field label.checkbox,
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-native-newsletter-field label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
cursor: pointer !important;
}
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-v149-newsletter-field input[type="checkbox"],
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-native-newsletter-field input[type="checkbox"] {
accent-color: #7b248c !important;
flex: 0 0 auto !important;
}
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content .lm-v149-communication-form .button,
html body.woocommerce-account.woocommerce-view-communication-preferences .woocommerce-MyAccount-content form .button {
border-radius: 14px !important;
}
/* === SKYADS v156: account address cards responsive edit link + address padding === */
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-1,
html body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-2 {
box-sizing: border-box !important;
min-width: 0 !important;
overflow: hidden !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__header,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
min-width: 0 !important;
gap: 12px !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__header h3,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
min-width: 0 !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__edit,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
flex: 0 1 auto !important;
max-width: 48% !important;
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
text-align: right !important;
font-size: clamp(12px, 1.1vw, 14px) !important;
line-height: 1.25 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__body,
html body.woocommerce-account .woocommerce-Address address.lm-account-address-card__body,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
padding: 20px !important;
font-size: clamp(13px, 1.25vw, 15px) !important;
line-height: 1.5 !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
@media (max-width: 767px) {
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__edit,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
max-width: 100% !important;
text-align: left !important;
font-size: 13px !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .lm-account-address-card__body,
html body.woocommerce-account .woocommerce-Address address.lm-account-address-card__body,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
padding: 20px !important;
font-size: clamp(12px, 3.6vw, 14px) !important;
}
}