/* =========================================================
   9LISTENING — 9ls-woo.css
   Style các trang WooCommerce (Giỏ hàng · Thanh toán · Tài khoản)
   theo design system 9Listening.
   ---------------------------------------------------------
   Phủ CẢ HAI kiểu checkout:
     • WooCommerce Blocks (mới)  -> .wc-block-*
     • Classic shortcode (cũ)    -> .woocommerce form, table.cart...
   Chỉ nạp trên trang Woo (inc/9ls-assets.php).
   ========================================================= */

body.woocommerce,
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-account,
body.woocommerce-page{
  --w-cream:#FBFAF6; --w-paper:#fff; --w-ink:#1A1816; --w-ink2:#312D29;
  --w-muted:#6B6258; --w-frame:#D8D0C4; --w-accent:#E8590C; --w-accent-dark:#B54708;
  --w-green:#2F6B43; --w-red-soft:#FFF0E8;
  --w-sans:'Manrope','Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--w-cream);
  color:var(--w-ink);
}

/* ---------- TRUNG HOÀ OVERLAY KẸT ----------
   WooCommerce/jQuery blockUI phủ .blockOverlay (nền đen mờ) khi cập nhật
   giỏ qua AJAX. Nếu JS không tháo được, overlay kẹt -> cả trang tối đen.
   Ép nó trong suốt để không bao giờ che nội dung. Spinner .loader vẫn chạy. */
.blockUI.blockOverlay{
  background:transparent !important;
  opacity:0 !important;
  cursor:default !important;
}
/* Flatsome/loading overlay tối toàn trang (nếu có) */
.woocommerce .loading-overlay,
#wrapper .loading-spin ~ .overlay{opacity:0 !important;background:transparent !important}

/* ---------- KHUNG TRANG ---------- */
.woocommerce,
.wc-block-checkout,
.wc-block-cart,
.woocommerce-account .woocommerce{
  font-family:var(--w-sans);
}
.woocommerce-page .page-title,
.wc-block-components-checkout-step__title,
.woocommerce-column__title,
.cart_totals h2,
.woocommerce h2,
.woocommerce h3{
  font-family:var(--w-sans);font-weight:800;letter-spacing:-.01em;color:var(--w-ink);
}

/* thanh tiến trình checkout (SHOPPING CART > CHECKOUT DETAILS > ORDER COMPLETE) */
.woocommerce-breadcrumb,
.checkout-steps,
.cart-checkout-steps{
  color:var(--w-muted);font-family:var(--w-sans);font-weight:700;
}
.checkout-steps .active,
.cart-checkout-steps .active{color:var(--w-accent-dark)}

/* ---------- Ô NHẬP (Blocks + classic) ---------- */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select .wc-block-components-select__container,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection{
  border:1.6px solid var(--w-frame) !important;
  border-radius:12px !important;
  background:var(--w-paper) !important;
  color:var(--w-ink) !important;
  font-family:var(--w-sans) !important;
  box-shadow:none !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  border-color:var(--w-accent) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(232,89,12,.14) !important;
}
.wc-block-components-text-input label,
.woocommerce form .form-row label{color:var(--w-muted);font-family:var(--w-sans)}
.wc-block-components-text-input.is-active label{color:var(--w-accent-dark)}

/* ---------- NÚT ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.wc-block-components-button,
.wc-block-cart__submit-button,
.wp-element-button{
  background:linear-gradient(135deg,#E8590C,#B54708) !important;
  color:#fff !important;
  font-family:var(--w-sans) !important;font-weight:700 !important;
  border:0 !important;border-radius:12px !important;
  box-shadow:0 8px 20px rgba(232,89,12,.28) !important;
  transition:transform .12s,background .15s !important;
  text-shadow:none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #place_order:hover,
.wc-block-components-button:hover,
.wp-element-button:hover{
  background:linear-gradient(135deg,#B54708,#8F3806) !important;
  transform:translateY(-2px) !important;
}
/* nút phụ (Cập nhật giỏ, Áp mã) -> ghost */
.woocommerce button.button[name="update_cart"],
.woocommerce .cart .button.alt-ghost{
  background:transparent !important;color:var(--w-ink) !important;
  border:1.5px solid var(--w-frame) !important;box-shadow:none !important;
}

/* ---------- KHỐI / PANEL ---------- */
.wc-block-components-sidebar,
.wc-block-components-order-summary,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-order-details,
.woocommerce-MyAccount-content,
.woocommerce-checkout #order_review{
  background:var(--w-paper);
  border:1px solid var(--w-frame);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(20,42,76,.05);
}

/* Thông báo: viền đều 4 phía + nhấn màu bằng box-shadow inset (không phá bo góc) */
.woocommerce-info,.woocommerce-message,.woocommerce-error{
  background:var(--w-paper);
  border:1px solid var(--w-frame) !important;
  border-radius:12px !important;
  box-shadow:inset 3px 0 0 var(--w-accent), 0 8px 24px rgba(20,42,76,.05) !important;
  padding:14px 18px !important;
  color:var(--w-ink2) !important;
}
.woocommerce-error{box-shadow:inset 3px 0 0 #C0392B, 0 8px 24px rgba(20,42,76,.05) !important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--w-accent)}
.woocommerce-error::before{color:#C0392B}

/* =========================================================
   Ô MÃ GIẢM GIÁ — thay "Have a coupon? Click here" của Woo
   bằng ô nhập + nút Apply gộp một khối, luôn hiển thị (kiểu Stripe).
   ========================================================= */
/* Ẩn dòng toggle "Have a coupon? Click here to enter your code" */
.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none !important}

/* Luôn hiện form coupon, gộp input + nút thành một ô liền */
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon,
form.checkout_coupon.woocommerce-form-coupon{
  display:block !important;
  margin:0 0 28px !important;padding:0 !important;
  border:1.6px solid var(--w-frame) !important;border-radius:12px !important;
  background:var(--w-paper) !important;box-shadow:none !important;overflow:hidden;
  transition:border-color .15s,box-shadow .15s;
}
/* huỷ viền has-border/is-dashed của theme trên form coupon */
form.checkout_coupon.has-border,
form.checkout_coupon.is-dashed{border-style:solid !important}
/* Khi ô coupon được đưa VÀO panel order (trên bảng Total) */
.nls-coupon-slot{margin:0 0 20px}
.nls-coupon-slot form.checkout_coupon.woocommerce-form-coupon{margin:0 !important}

/* Nút Apply — nhỏ gọn, nằm góc phải; ô nhập rộng ra */
.woocommerce-checkout form.checkout_coupon .form-row-last,
form.checkout_coupon.woocommerce-form-coupon .form-row-last{
  flex:0 0 auto !important;margin:0 0 0 auto !important;padding:0 !important;width:auto !important;
  display:flex !important;
}
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"],
.woocommerce-checkout form.checkout_coupon .form-row-last .button{
  background:transparent !important;color:var(--w-accent-dark) !important;
  border:0 !important;border-left:1.6px solid var(--w-frame) !important;border-radius:0 !important;
  box-shadow:none !important;padding:0 18px !important;margin:0 !important;
  font-family:var(--w-sans) !important;font-weight:800 !important;font-size:13.5px !important;
  letter-spacing:.02em;white-space:nowrap;align-self:stretch;
  transition:background .15s,color .15s;
}
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]:hover,
.woocommerce-checkout form.checkout_coupon .form-row-last .button:hover{
  background:var(--w-red-soft) !important;color:var(--w-accent) !important;transform:none !important;
}
.woocommerce-checkout form.checkout_coupon:focus-within{
  border-color:var(--w-accent) !important;box-shadow:0 0 0 3px rgba(232,89,12,.14) !important;
}
/* Ẩn dòng text hướng dẫn "If you have a coupon code..." */
.woocommerce-checkout form.checkout_coupon > p:not(.form-row){display:none !important}
.woocommerce-checkout form.checkout_coupon .clear{display:none !important}

/* Ô nhập chiếm HẾT chỗ trống -> đẩy nút Apply sát góc phải */
.woocommerce-checkout form.checkout_coupon .form-row-first,
form.checkout_coupon.woocommerce-form-coupon .form-row-first{
  flex:1 1 0% !important;min-width:0 !important;margin:0 !important;padding:0 !important;width:auto !important;
}
.woocommerce-checkout form.checkout_coupon #coupon_code{
  border:0 !important;border-radius:0 !important;box-shadow:none !important;
  background:transparent !important;padding:13px 16px !important;
  width:100% !important;min-width:0 !important;box-sizing:border-box !important;
  font-family:var(--w-sans) !important;color:var(--w-ink) !important;
}
.woocommerce-checkout form.checkout_coupon #coupon_code:focus{box-shadow:none !important;outline:none !important}

/* ---- Cấu trúc coupon THẬT của site (không phải form-row mặc định Woo) ----
   form.checkout_coupon > .coupon > .flex-row > .flex-col.flex-grow (input)
                                             + .flex-col (button.button.expand)  */
form.checkout_coupon .coupon{margin:0 !important;padding:0 !important;width:100% !important}
form.checkout_coupon .coupon .flex-row{
  display:flex !important;flex-wrap:nowrap !important;gap:0 !important;
  align-items:stretch !important;margin:0 !important;
}
/* cột input giãn hết chỗ */
form.checkout_coupon .coupon .flex-col.flex-grow{
  flex:1 1 0% !important;min-width:0 !important;width:auto !important;margin:0 !important;padding:0 !important;
}
form.checkout_coupon .coupon .flex-col.flex-grow input,
form.checkout_coupon .coupon .flex-col.flex-grow #coupon_code{
  border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;
  width:100% !important;min-width:0 !important;box-sizing:border-box !important;
  padding:13px 16px !important;font-family:var(--w-sans) !important;color:var(--w-ink) !important;
}
/* cột nút — KHÔNG giãn, sát góc phải */
form.checkout_coupon .coupon .flex-col:not(.flex-grow){
  flex:0 0 auto !important;width:auto !important;margin:0 0 0 auto !important;padding:0 !important;
  display:flex !important;
}
/* nút Apply: bỏ class .expand full-width -> nhỏ gọn, kiểu text góc phải */
form.checkout_coupon .coupon button[name="apply_coupon"],
form.checkout_coupon .coupon .button.expand,
form.checkout_coupon .coupon .button{
  width:auto !important;min-width:0 !important;flex:0 0 auto !important;
  background:transparent !important;color:var(--w-accent-dark) !important;
  border:0 !important;border-left:1.6px solid var(--w-frame) !important;border-radius:0 !important;
  box-shadow:none !important;padding:0 18px !important;margin:0 !important;
  font-family:var(--w-sans) !important;font-weight:800 !important;font-size:13.5px !important;
  letter-spacing:.02em;white-space:nowrap;align-self:stretch;
  transition:background .15s,color .15s;
}
form.checkout_coupon .coupon button[name="apply_coupon"]:hover,
form.checkout_coupon .coupon .button:hover{
  background:var(--w-red-soft) !important;color:var(--w-accent) !important;transform:none !important;
}

/* bảng đơn hàng / giỏ */
.woocommerce table.shop_table,
.wc-block-cart-items{
  border:1px solid var(--w-frame);border-radius:14px;overflow:hidden;background:var(--w-paper);
}
.woocommerce table.shop_table th{font-family:var(--w-sans);font-weight:800;color:var(--w-ink)}
.woocommerce .order-total .amount,
.wc-block-components-totals-item__value{color:var(--w-accent-dark);font-weight:800}

/* liên kết chung */
.woocommerce a{color:var(--w-accent-dark)}
.woocommerce a:hover{color:var(--w-accent)}

/* tài khoản: menu điều hướng */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.woocommerce-MyAccount-navigation li a{
  display:block;padding:11px 15px;border-radius:11px;border:1px solid var(--w-frame);
  background:var(--w-paper);color:var(--w-ink2);text-decoration:none;font-weight:600;font-family:var(--w-sans);
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{
  border-color:var(--w-accent);color:var(--w-accent-dark);background:var(--w-red-soft);
}


/* =========================================================
   CHECKOUT — padding/margin panel "YOUR ORDER" + đặt hàng
   ========================================================= */

/* Panel tổng: Flatsome bọc order_review trong .checkout-sidebar > .col-inner
   (viền xanh mặc định). Đưa về khung 9LS + padding trong đều. */
.woocommerce-checkout .checkout-sidebar .col-inner{
  border:1px solid var(--w-frame) !important;
  border-radius:16px !important;
  background:var(--w-paper) !important;
  box-shadow:0 10px 30px rgba(20,42,76,.05) !important;
  padding:24px !important;
}
.woocommerce-checkout #order_review{
  border:0 !important;border-radius:0 !important;box-shadow:none !important;
  padding:0 !important;background:transparent !important;
}
#order_review_heading{margin:0 0 16px !important;font-size:20px !important}

/* Bảng đơn: bỏ viền lồng, giãn dòng cho thoáng */
.woocommerce-checkout #order_review .shop_table{
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
  margin:0 0 4px !important;width:100% !important;background:transparent !important;
}
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td{
  padding:12px 0 !important;border:0 !important;
  border-bottom:1px solid var(--w-frame) !important;
}
.woocommerce-checkout #order_review .shop_table thead th{padding-bottom:10px !important}
.woocommerce-checkout #order_review .shop_table .order-total th,
.woocommerce-checkout #order_review .shop_table .order-total td{
  border-bottom:0 !important;padding-top:14px !important;font-size:16px !important;
}

/* Khối phương thức thanh toán: cách bảng ra, padding trong đều */
.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment{
  background:transparent !important;border:0 !important;
  margin-top:20px !important;padding:0 !important;
}
/* thông báo "no payment methods" nằm trong #payment: đừng chạm mép panel */
.woocommerce-checkout #payment .woocommerce-notice,
.woocommerce-checkout #payment > .woocommerce-info,
.woocommerce-checkout #payment ul.wc_payment_methods + *,
.woocommerce-checkout #payment .woocommerce-error{
  margin:0 0 16px !important;
}

/* Nút PLACE ORDER: full-width, cách ô thông báo phía trên, không tràn mép */
.woocommerce-checkout #place_order,
.woocommerce-checkout #payment .form-row.place-order .button{
  width:100% !important;
  margin:4px 0 0 !important;
  padding:12px 24px !important;
  font-size:14.5px !important;
  border-radius:11px !important;
}
.woocommerce-checkout #payment .place-order{padding:0 !important;margin:0 !important}

/* Dòng "Your personal data..." (privacy): cách nút ra */
.woocommerce-checkout .woocommerce-privacy-policy-text{
  margin-top:16px !important;font-size:13px !important;color:var(--w-muted) !important;
}

/* Breadcrumb/steps không bị header sticky che */
body.woocommerce-page .nls-site-content{padding-top:26px}


/* =========================================================
   CHECKOUT — ĐẢO CỘT kiểu Stripe (tóm tắt TRÁI, form PHẢI)
   ---------------------------------------------------------
   DOM thật (Flatsome): form.checkout > div.row.pt-0 (flex) chứa
     • div.large-7.col   = form billing (#customer_details)
     • div.large-5.col   = tóm tắt đơn (.col-inner.has-border > #order_review)
   Flex container là .row (KHÔNG phải form). Đảo bằng order trên 2 .col,
   không ép width -> Flatsome giữ nguyên .large-7 / .large-5.
   ========================================================= */
@media (min-width:850px){
  .woocommerce-checkout form.checkout .row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
  }
  /* cột chứa #customer_details (form) -> sang PHẢI */
  .woocommerce-checkout form.checkout .row > .col:has(#customer_details){ order:2 !important; }
  /* cột chứa order review -> sang TRÁI */
  .woocommerce-checkout form.checkout .row > .col:has(#order_review),
  .woocommerce-checkout form.checkout .row > .col:has(.checkout-sidebar),
  .woocommerce-checkout form.checkout .row > .col:has(.has-border){ order:1 !important; }
  /* Fallback cho trình duyệt không hỗ trợ :has() — Flatsome đặt form ở large-7 (con đầu),
     order review ở large-5 (con sau). Đảo theo vị trí: */
  .woocommerce-checkout form.checkout .row > .large-7{ order:2 !important; }
  .woocommerce-checkout form.checkout .row > .large-5{ order:1 !important; }

  /* Cân 2 cột 50/50 cho đều (mặc định Flatsome 58/42) */
  .woocommerce-checkout form.checkout .row > .large-7,
  .woocommerce-checkout form.checkout .row > .large-5{
    width:50% !important;flex:0 0 50% !important;max-width:50% !important;
  }
}

/* Mobile: 1 cột, tóm tắt LÊN TRÊN */
@media (max-width:849px){
  .woocommerce-checkout form.checkout .row{display:flex !important;flex-direction:column !important}
  .woocommerce-checkout form.checkout .row > .large-5{order:1 !important}
  .woocommerce-checkout form.checkout .row > .large-7{order:2 !important}
}

/* Viền xanh Flatsome .has-border (border: 2px solid --fs-color-primary) -> khung 9LS */
.woocommerce-checkout .col-inner.has-border{
  border:1px solid var(--w-frame) !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(20,42,76,.05) !important;
}


/* Nút "Đặt hàng" thứ 2 dưới form (cột phải) — bản sao nút PLACE ORDER */
.nls-place-order-mirror-wrap{margin-top:24px}
.nls-place-order-mirror{
  width:100% !important;display:flex !important;align-items:center;justify-content:center;
  padding:12px 24px !important;font-size:14.5px !important;letter-spacing:.01em;
  background:linear-gradient(135deg,#E8590C,#B54708) !important;color:#fff !important;
  border:0 !important;border-radius:11px !important;
  box-shadow:0 8px 20px rgba(232,89,12,.28) !important;
  font-family:var(--w-sans) !important;font-weight:700 !important;cursor:pointer;
  transition:transform .12s,box-shadow .15s !important;
}
.nls-place-order-mirror:hover{
  background:linear-gradient(135deg,#B54708,#8F3806) !important;
  transform:translateY(-2px) !important;box-shadow:0 12px 26px rgba(232,89,12,.34) !important;
}
@media (max-width:849px){.nls-place-order-mirror-wrap{display:none}} /* mobile 1 cột: chỉ giữ nút gốc */


/* Trên desktop: chỉ hiện MỘT nút — nút bản sao dưới form (phải).
   Ẩn nút PLACE ORDER gốc bên cột trái (vẫn giữ trong DOM để nút bản sao click). */
@media (min-width:850px){
  .woocommerce-checkout #order_review #payment .place-order,
  .woocommerce-checkout #order_review #payment #place_order{
    position:absolute !important;
    width:1px !important;height:1px !important;
    padding:0 !important;margin:-1px !important;
    overflow:hidden !important;clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;border:0 !important;
  }
}


/* =========================================================
   TRANG GIỎ HÀNG (cart)
   ========================================================= */
/* Panel CART TOTALS: padding đều, bo góc 9LS */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .cart_totals{
  padding:24px !important;
  border:1px solid var(--w-frame) !important;border-radius:16px !important;
  background:var(--w-paper) !important;box-shadow:0 10px 30px rgba(20,42,76,.05) !important;
}
.cart_totals h2{margin:0 0 16px !important;font-size:18px !important}
/* các hàng tổng: giãn dòng */
.cart_totals table.shop_table{border:0 !important;box-shadow:none !important;background:transparent !important;margin:0 !important}
.cart_totals table.shop_table th,
.cart_totals table.shop_table td{padding:12px 0 !important;border:0 !important;border-bottom:1px solid var(--w-frame) !important}
.cart_totals .order-total th,.cart_totals .order-total td{border-bottom:0 !important;font-size:16px !important}

/* nút Proceed to Checkout: full-width, mỏng, không tràn mép panel */
.woocommerce .wc-proceed-to-checkout{padding:0 !important;margin-top:18px !important}
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  display:block !important;width:100% !important;
  padding:13px 24px !important;font-size:15px !important;
  border-radius:11px !important;margin:0 !important;
  background:linear-gradient(135deg,#E8590C,#B54708) !important;color:#fff !important;
  box-shadow:0 8px 20px rgba(232,89,12,.28) !important;
  font-family:var(--w-sans) !important;font-weight:700 !important;text-align:center !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{
  background:linear-gradient(135deg,#B54708,#8F3806) !important;transform:translateY(-2px) !important;
}

/* bảng sản phẩm trong giỏ: bo góc, ô số lượng gọn */
.woocommerce-cart table.cart{border:1px solid var(--w-frame) !important;border-radius:14px !important;background:var(--w-paper) !important}
.woocommerce-cart table.cart img{border-radius:8px}
.woocommerce-cart .quantity input.qty{border:1.6px solid var(--w-frame) !important;border-radius:10px !important;padding:8px !important}


/* =========================================================
   CART BLOCKS (WooCommerce mới) — panel Cart totals + nút
   Ảnh: "Add coupons", "Estimated total", "Proceed to Checkout"
   => cart block, class .wc-block-* (KHÁC cart shortcode cũ).
   ========================================================= */
/* Panel tổng giỏ (block) */
.wc-block-cart .wc-block-components-sidebar,
.wc-block-cart__sidebar,
.wp-block-woocommerce-cart-totals-block{
  padding:24px !important;
  border:1px solid var(--w-frame) !important;border-radius:16px !important;
  background:var(--w-paper) !important;box-shadow:0 10px 30px rgba(20,42,76,.05) !important;
  box-sizing:border-box !important;
}

/* Nút "Proceed to Checkout" (block): nằm GỌN trong panel, không tràn mép */
.wc-block-cart__submit-container,
.wc-block-cart__submit{
  margin:0 !important;padding:0 !important;width:100% !important;box-sizing:border-box !important;
}
.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block a,
a.wc-block-cart__submit-button{
  display:block !important;
  width:100% !important;box-sizing:border-box !important;
  margin:18px 0 0 !important;
  padding:14px 20px !important;font-size:15px !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,#E8590C,#B54708) !important;color:#fff !important;
  box-shadow:0 8px 20px rgba(232,89,12,.28) !important;
  font-family:var(--w-sans) !important;font-weight:700 !important;text-align:center !important;
  border:0 !important;
}
.wc-block-cart__submit-button:hover{
  background:linear-gradient(135deg,#B54708,#8F3806) !important;transform:translateY(-2px) !important;
}

/* Hàng "Estimated total" + "Add coupons": padding trong đều, không sát mép */
.wc-block-components-totals-item,
.wc-block-components-panel{padding-left:0 !important;padding-right:0 !important}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-item__value{color:var(--w-accent-dark) !important;font-weight:800 !important}