/* ==========================================================================
PELLIARTS CART — consolidated stylesheet (v5)
Location: /wp-content/themes/hello-elementor-child/assets/css/cart.css
Totals rendered via flexbox instead of table layout for reliable borders.
Update Cart phantom box handled via cart-actions.js.
========================================================================== */
/* ==========================================================================
00. GLOBAL NUKE
========================================================================== */
body.woocommerce-cart table.shop_table_responsive tr td::before,
body.woocommerce-cart table.shop_table_responsive tr th::before,
body.woocommerce-cart .cart_totals table tr th::before,
body.woocommerce-cart .cart_totals table tr td::before {
content: none !important;
display: none !important;
}
body.woocommerce-cart {
padding-top: 0 !important;
margin-top: 0 !important;
--pelli-main-header-h: 0px !important;
--pelli-mobile-header-h: 0px !important;
--pelli-announcement-desktop-h: 0px !important;
}
body.woocommerce-cart .site-main,
body.woocommerce-cart main.site-main,
body.woocommerce-cart #main,
body.woocommerce-cart main#main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .page-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* ==========================================================================
01. SHELL + TYPOGRAPHY
========================================================================== */
body.woocommerce-cart .woocommerce {
max-width: 1180px;
margin: 0 auto;
padding: 0 24px 80px;
box-sizing: border-box;
}
body.woocommerce-cart h1.entry-title {
font-family: "Playfair Display", Georgia, serif;
font-weight: 400 !important;
font-size: clamp(34px, 4vw, 54px) !important;
line-height: 1.04 !important;
letter-spacing: -0.02em !important;
color: #1A1A1A;
padding-top: 24px !important;
margin: 0 auto 32px !important;
max-width: 1180px;
padding-left: 24px;
padding-right: 24px;
box-sizing: border-box;
}
/* ==========================================================================
02. CART FORM
========================================================================== */
body.woocommerce-cart .woocommerce-cart-form {
margin-bottom: 40px;
}
body.woocommerce-cart table.shop_table.woocommerce-cart-form__contents {
border: none !important;
border-radius: 0 !important;
background: transparent !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: visible !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents thead {
display: none !important;
}
body.woocommerce-cart body.woocommerce-cart table.woocommerce-cart-form__contents th.product-subtotal,
body.woocommerce-cart body.woocommerce-cart table.woocommerce-cart-form__contents td.product-subtotal,
body.woocommerce-cart table.woocommerce-cart-form__contents th.product-subtotal,
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-subtotal,
body.woocommerce-cart table.shop_table_responsive tr td.product-subtotal,
body.woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal {
display: none !important;
visibility: hidden !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
body.woocommerce-cart body.woocommerce-cart table.woocommerce-cart-form__contents th.product-remove,
body.woocommerce-cart body.woocommerce-cart table.woocommerce-cart-form__contents td.product-remove,
body.woocommerce-cart table.woocommerce-cart-form__contents th.product-remove,
body.woocommerce-cart table.woocommerce-cart-form__contents td.product-remove,
body.woocommerce-cart table.shop_table_responsive tr td.product-remove,
body.woocommerce-cart .woocommerce-cart-form__cart-item .product-remove {
display: none !important;
visibility: hidden !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
body.woocommerce-cart td.product-remove a.remove,
body.woocommerce-cart .product-remove a.remove {
display: none !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item {
border-bottom: 1px solid #E5DFD5;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item:last-of-type {
border-bottom: none;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item td {
padding: 28px 0 !important;
border: none !important;
background: transparent !important;
vertical-align: top !important;
}
/* Actions row — no borders, no phantom backgrounds. Woo puts class="actions"
on the | not the | , so we style both safely. */
body.woocommerce-cart table.woocommerce-cart-form__contents tr:has(> td.actions),
body.woocommerce-cart table.woocommerce-cart-form__contents tr.actions {
border: none !important;
background: transparent !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents td.actions {
padding: 24px 0 0 !important;
border: none !important;
background: transparent !important;
text-align: right;
}
/* Hide the entire
when the Update Cart button inside is disabled.
Note: Woo's markup puts class="actions" on the | , not the |
. */
body.woocommerce-cart table.woocommerce-cart-form__contents tr:has(button[name="update_cart"]:disabled) {
display: none !important;
}
/* ==========================================================================
03. CART ITEM CELLS
========================================================================== */
body.woocommerce-cart td.product-thumbnail {
width: 100px;
padding-right: 20px !important;
}
body.woocommerce-cart td.product-thumbnail img {
width: 100px !important;
height: 100px !important;
object-fit: cover;
border-radius: 4px;
border: 1px solid #E5DFD5;
display: block;
}
body.woocommerce-cart td.product-name {
padding-right: 20px !important;
}
body.woocommerce-cart td.product-name a {
font-family: inherit;
font-size: 16px;
font-weight: 500;
color: #1A1A1A !important;
text-decoration: none !important;
line-height: 1.4;
display: inline-block;
margin-bottom: 6px;
}
body.woocommerce-cart td.product-name a:hover {
color: #B8925A !important;
}
body.woocommerce-cart td.product-name dl.variation {
margin: 4px 0 10px !important;
font-size: 13px;
color: #6B6B6B;
}
body.woocommerce-cart td.product-name dl.variation dd {
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-cart td.product-name dl.variation p {
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-cart td.product-name .pelli-cart-remove,
body.woocommerce-cart td.product-name a.pelli-cart-remove {
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #6B6B6B !important;
text-decoration: underline !important;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
margin-top: 4px;
background: transparent !important;
border: none !important;
padding: 0 !important;
cursor: pointer;
transition: color 0.15s ease;
}
body.woocommerce-cart td.product-name a.pelli-cart-remove:hover {
color: #9A1B1B !important;
}
body.woocommerce-cart td.product-price {
white-space: nowrap;
text-align: right;
width: 140px;
padding-right: 24px !important;
font-size: 15px;
color: #1A1A1A;
}
body.woocommerce-cart td.product-quantity {
text-align: right;
width: 120px;
}
body.woocommerce-cart td.product-quantity .qty {
width: 72px !important;
height: 44px !important;
padding: 0 10px !important;
border: 1px solid #E5DFD5 !important;
border-radius: 4px !important;
background: #FFFFFF !important;
font-size: 15px !important;
text-align: center !important;
color: #1A1A1A !important;
box-shadow: none !important;
-moz-appearance: number-input !important;
transition: border-color 0.15s ease;
}
body.woocommerce-cart td.product-quantity .qty:focus {
border-color: #1A1A1A !important;
outline: none !important;
}
body.woocommerce-cart td.product-quantity .qty::-webkit-inner-spin-button,
body.woocommerce-cart td.product-quantity .qty::-webkit-outer-spin-button {
opacity: 1 !important;
-webkit-appearance: inner-spin-button !important;
margin-left: 2px;
height: 36px;
}
body.woocommerce-cart td.product-thumbnail {
width: 100px;
padding-right: 0 !important;
}
body.woocommerce-cart td.product-thumbnail img {
width: 100px !important;
height: 100px !important;
object-fit: cover;
border-radius: 4px;
border: 1px solid #E5DFD5;
display: block;
margin-right: 24px !important;
}
/* ==========================================================================
04. SALE PRICING
========================================================================== */
body.woocommerce-cart .woocommerce del,
body.woocommerce-cart del {
color: #999 !important;
opacity: 1 !important;
text-decoration: line-through !important;
text-decoration-color: #999 !important;
}
body.woocommerce-cart del .woocommerce-Price-currencySymbol,
body.woocommerce-cart del bdi .woocommerce-Price-currencySymbol {
display: inline-block !important;
text-decoration: none !important;
color: #999 !important;
}
body.woocommerce-cart del .woocommerce-Price-amount.amount::after,
body.woocommerce-cart del bdi .woocommerce-Price-amount.amount::after,
body.woocommerce-cart del .woocommerce-Price-amount::after {
display: inline-block !important;
text-decoration: none !important;
color: #999 !important;
font-size: 0.8em;
opacity: 0.7;
}
body.woocommerce-cart .woocommerce ins,
body.woocommerce-cart ins {
text-decoration: none !important;
color: #1A1A1A !important;
font-weight: 500;
}
body.woocommerce-cart .pelli-final-sale-label {
display: inline-block;
color: #9A1B1B;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-top: 2px;
}
body.woocommerce-cart dl.variation dt.variation-final_sale {
display: none !important;
}
body.woocommerce-cart dl.variation dd.variation-final_sale {
margin: 4px 0 0 !important;
padding: 0 !important;
}
body.woocommerce-cart dl.variation dd.variation-final_sale p {
margin: 0 !important;
padding: 0 !important;
display: inline;
}
/* ==========================================================================
05. CART TOTALS CARD — FLEX LAYOUT (borders on rows, always full-width)
========================================================================== */
body.woocommerce-cart .cart-collaterals {
display: block;
}
/* Higher specificity to beat Woo's default .woocommerce .cart-collaterals .cart_totals { width: 48% } */
body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-cart .cart_totals {
border: 1px solid #E5DFD5;
border-radius: 6px;
padding: 32px;
background: #FFFFFF;
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
box-sizing: border-box;
}
body.woocommerce-cart .cart_totals h2 {
font-family: "Playfair Display", Georgia, serif;
font-weight: 400 !important;
font-size: 22px !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
color: #1A1A1A;
margin: 0 0 22px !important;
}
/* Convert the entire table to block + flex so borders go on rows, not cells */
body.woocommerce-cart .cart_totals table.shop_table,
body.woocommerce-cart .cart_totals table.shop_table tbody {
display: block !important;
width: 100% !important;
border: none !important;
background: transparent !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
padding: 14px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #F5F1EB !important;
background: transparent !important;
}
/* No border on last row, on tax rows, or on order-total's bottom */
body.woocommerce-cart .cart_totals table.shop_table tr:last-child,
body.woocommerce-cart .cart_totals table.shop_table tr.tax-rate,
body.woocommerce-cart .cart_totals table.shop_table tr[class*="tax-rate"] {
border-bottom: none !important;
}
/* Order total — top border creates the separator from Tax */
body.woocommerce-cart .cart_totals table.shop_table tr.order-total {
border-top: 1px solid #E5DFD5 !important;
border-bottom: none !important;
padding: 18px 0 !important;
margin-top: 4px !important;
}
/* Cells are block-level inside the flex row — no cell-level borders */
body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td {
display: block !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
font-size: 14px !important;
color: #1A1A1A !important;
line-height: 1.4 !important;
vertical-align: baseline !important;
}
body.woocommerce-cart .cart_totals table.shop_table th {
text-align: left !important;
font-weight: 400 !important;
text-transform: none !important;
letter-spacing: 0 !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
}
body.woocommerce-cart .cart_totals table.shop_table td {
text-align: right !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* Shipping row — inline label/value (matching Subtotal/Tax pattern) */
body.woocommerce-cart .cart_totals table.shop_table tr.shipping,
body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals {
align-items: flex-start !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr.shipping th,
body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals th {
flex: 0 0 auto !important;
padding-top: 2px !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr.shipping td,
body.woocommerce-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals td {
flex: 1 1 auto !important;
text-align: right !important;
min-width: 0 !important;
}
/* Right-align the radio + label group as a unit */
body.woocommerce-cart .cart_totals ul#shipping_method,
body.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods {
width: 100% !important;
}
body.woocommerce-cart .cart_totals ul#shipping_method li,
body.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
padding: 4px 0 !important;
text-align: right !important;
}
body.woocommerce-cart .cart_totals ul#shipping_method li input[type="radio"],
body.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li input[type="radio"] {
margin: 0 !important;
flex: 0 0 auto !important;
}
body.woocommerce-cart .cart_totals ul#shipping_method li label,
body.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li label {
margin: 0 !important;
flex: 0 0 auto !important;
}
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
body.woocommerce-cart .cart_totals .shipping-calculator-button {
text-align: right !important;
display: block !important;
}
/* Shipping radio list */
body.woocommerce-cart .cart_totals ul#shipping_method,
body.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-cart .cart_totals ul#shipping_method li,
body.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li {
padding: 4px 0 !important;
margin: 0 !important;
list-style: none !important;
text-align: left !important;
white-space: nowrap;
}
body.woocommerce-cart .cart_totals ul#shipping_method li input[type="radio"] {
margin-right: 6px;
accent-color: #1A1A1A;
vertical-align: middle;
}
body.woocommerce-cart .cart_totals ul#shipping_method li label {
font-size: 14px;
color: #1A1A1A;
cursor: pointer;
display: inline;
}
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
display: block;
margin-top: 8px;
font-size: 12px;
color: #6B6B6B;
}
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination strong {
color: #1A1A1A;
font-weight: 500;
}
body.woocommerce-cart .cart_totals .shipping-calculator-button {
display: inline-block;
margin-top: 6px;
font-size: 12px;
color: #6B6B6B;
text-decoration: underline;
text-underline-offset: 3px;
white-space: nowrap;
}
/* Order total row — bigger Playfair type */
body.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
font-family: "Playfair Display", Georgia, serif !important;
font-size: 18px !important;
line-height: 1.3 !important;
white-space: nowrap !important;
}
body.woocommerce-cart .coupon,
body.woocommerce-cart .woocommerce-cart-form .coupon {
display: none !important;
}
/* ==========================================================================
06. BUTTONS
========================================================================== */
body.woocommerce-cart button[name="update_cart"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
background: transparent !important;
color: #1A1A1A !important;
border: 1px solid #1A1A1A !important;
border-radius: 999px !important;
min-height: 48px !important;
padding: 0 28px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
box-shadow: none !important;
opacity: 1 !important;
cursor: pointer;
white-space: nowrap !important;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
body.woocommerce-cart button[name="update_cart"]:not(:disabled):hover {
background: #1A1A1A !important;
color: #FFFFFF !important;
border-color: #1A1A1A !important;
}
/* When disabled, hide the button — JS also hides the parent tr.actions */
body.woocommerce-cart button[name="update_cart"]:disabled,
body.woocommerce-cart button[name="update_cart"][disabled] {
display: none !important;
}
body.woocommerce-cart .wc-proceed-to-checkout {
margin-top: 20px;
padding: 0 !important;
display: block;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
background: #1A1A1A !important;
color: #FFFFFF !important;
border: 1px solid #1A1A1A !important;
border-radius: 999px !important;
min-height: 56px !important;
padding: 0 24px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
box-shadow: none !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #B8925A !important;
border-color: #B8925A !important;
color: #FFFFFF !important;
}
/* ==========================================================================
07. EMPTY CART STATE
========================================================================== */
body.woocommerce-cart.woocommerce-cart-empty .return-to-shop {
display: none !important;
}
.pelli-empty-cart {
max-width: 640px;
margin: 64px auto 40px;
padding: 48px 32px;
text-align: center;
background: #F5F1EB;
border: 1px solid #E5DFD5;
border-radius: 16px;
}
.pelli-empty-cart__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 96px;
height: 96px;
margin-bottom: 20px;
border-radius: 999px;
background: #FFFFFF;
border: 1px solid #E5DFD5;
color: #1A1A1A;
}
.pelli-empty-cart__title {
font-family: "Playfair Display", Georgia, serif;
margin: 0 0 12px;
font-size: 40px;
line-height: 1.02;
font-weight: 400;
letter-spacing: -0.02em;
color: #1A1A1A;
}
.pelli-empty-cart__text {
max-width: 460px;
margin: 0 auto 28px;
font-size: 16px;
line-height: 1.6;
color: #6B6B6B;
}
.pelli-empty-cart__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 32px;
border-radius: 999px;
background: #1A1A1A;
color: #FFFFFF !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
transition: background-color 0.15s ease;
}
.pelli-empty-cart__button:hover {
background: #B8925A;
}
body.woocommerce-cart .woocommerce:has(.pelli-empty-cart) .cart-empty.woocommerce-info,
body.woocommerce-cart .woocommerce:has(.pelli-empty-cart) .return-to-shop {
display: none !important;
}
/* ==========================================================================
08. HIDE WC NOTICES + WALLETS
========================================================================== */
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
display: none !important;
}
body.woocommerce-cart #wc-square-digital-wallet,
body.woocommerce-cart #wc-square-google-pay,
body.woocommerce-cart #apple-pay-button,
body.woocommerce-cart .wc-square-digital-wallet,
body.woocommerce-cart [id*="square"][id*="wallet"],
body.woocommerce-cart [class*="square"][class*="wallet"],
body.woocommerce-cart [class*="gpay"],
body.woocommerce-cart [id*="gpay"],
body.woocommerce-cart [class*="google-pay"],
body.woocommerce-cart [class*="apple-pay"],
body.woocommerce-cart [id*="apple-pay"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
@media (min-width: 1025px) {
body.woocommerce-cart .woocommerce-cart-form {
float: left;
width: 54%;
padding-right: 40px;
box-sizing: border-box;
}
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals {
float: right;
width: 46%;
}
body.woocommerce-cart .woocommerce::after {
content: "";
display: block;
clear: both;
}
}
/* ==========================================================================
09. DESKTOP LAYOUT — form left, collaterals right (1200px+)
Below 1200px, stack for roomy tablet experience.
========================================================================== */
@media (min-width: 1200px) {
body.woocommerce-cart .woocommerce-cart-form {
float: left;
width: 58%;
padding-right: 40px;
box-sizing: border-box;
}
body.woocommerce-cart .woocommerce .cart-collaterals,
body.woocommerce-cart .cart-collaterals {
float: right !important;
width: 42% !important;
max-width: 42% !important;
}
body.woocommerce-cart .woocommerce::after {
content: "";
display: block;
clear: both;
}
}
/* Stacked layout — tablet + small laptop (below 1200px) */
@media (max-width: 1199px) {
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
float: none !important;
width: 100% !important;
max-width: 100% !important;
padding-right: 0 !important;
}
body.woocommerce-cart .cart-collaterals {
margin-top: 32px !important;
}
/* Center the summary card on wider tablet views, cap width */
body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-cart .cart_totals {
max-width: 560px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* Tablet fallback — stack cleanly when viewport is too narrow for side-by-side */
@media (min-width: 768px) and (max-width: 1024px) {
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
float: none !important;
width: 100% !important;
max-width: 100% !important;
padding-right: 0 !important;
}
body.woocommerce-cart .cart-collaterals {
margin-top: 32px !important;
}
}
/* Desktop/tablet cart item spacing: keep product text away from thumbnail */
@media (min-width: 768px) {
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item td.product-thumbnail {
width: 100px !important;
padding-right: 32px !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item td.product-thumbnail img {
margin-right: 0 !important;
}
}
/* ==========================================================================
10. MOBILE LAYOUT (<=767px)
========================================================================== */
@media (max-width: 767px) {
body.woocommerce-cart .woocommerce {
padding: 0 20px 48px;
}
body.woocommerce-cart h1.entry-title {
font-size: 36px !important;
padding-top: 16px !important;
padding-left: 20px !important;
padding-right: 20px !important;
margin-bottom: 24px !important;
}
body.woocommerce-cart table.shop_table_responsive tr td::before,
body.woocommerce-cart table.shop_table_responsive tr th::before,
body.woocommerce-cart table.woocommerce-cart-form__contents tr td::before,
body.woocommerce-cart .cart_totals table.shop_table tr td::before,
body.woocommerce-cart .cart_totals table.shop_table tr th::before {
content: none !important;
display: none !important;
}
body.woocommerce-cart body.woocommerce-cart table.woocommerce-cart-form__contents td.product-remove,
body.woocommerce-cart body.woocommerce-cart table.woocommerce-cart-form__contents td.product-subtotal,
body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-remove,
body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-subtotal {
display: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item {
display: grid !important;
grid-template-columns: 100px 1fr !important;
grid-template-areas:
"thumb name"
"thumb price"
"thumb qty" !important;
column-gap: 16px !important;
row-gap: 8px !important;
padding: 20px 0 !important;
border-bottom: 1px solid #E5DFD5 !important;
width: 100% !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.cart_item td {
padding: 0 !important;
border: none !important;
background: transparent !important;
text-align: left !important;
vertical-align: top !important;
width: auto !important;
display: block !important;
}
body.woocommerce-cart td.product-thumbnail {
grid-area: thumb !important;
padding: 0 !important;
}
body.woocommerce-cart td.product-thumbnail img {
width: 100px !important;
height: 100px !important;
}
body.woocommerce-cart td.product-name {
grid-area: name !important;
}
body.woocommerce-cart td.product-price {
grid-area: price !important;
text-align: left !important;
padding-right: 0 !important;
}
body.woocommerce-cart td.product-quantity {
grid-area: qty !important;
text-align: left !important;
}
body.woocommerce-cart td.product-quantity .qty {
width: 80px !important;
height: 48px !important;
font-size: 16px !important;
}
/* Actions row — clean button presentation */
body.woocommerce-cart table.woocommerce-cart-form__contents tr.actions {
display: block !important;
padding: 24px 0 0 !important;
border: none !important;
background: transparent !important;
}
body.woocommerce-cart table.woocommerce-cart-form__contents tr.actions td.actions {
display: block !important;
text-align: center !important;
padding: 0 !important;
border: none !important;
border-top: none !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-cart button[name="update_cart"] {
width: 100% !important;
}
/* Cart totals — full width on mobile, keeps flex layout from section 05 */
body.woocommerce-cart .cart_totals {
max-width: 100% !important;
margin: 32px 0 0 !important;
padding: 22px !important;
}
}
/* PELLI — clean cart total price typography */
body.woocommerce-cart .cart_totals table.shop_table tr.order-total th {
font-family: "Playfair Display", Georgia, serif !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td *,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total .woocommerce-Price-amount,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total .woocommerce-Price-currencySymbol {
font-family: inherit !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
font-size: 22px !important;
}