/* ============================================================
   AussieKamagra — WooCommerce Dark Theme
   Applies to: cart, checkout, order-received, my-account, shop
   Design tokens match template-home-v2.php / single-product-cinematic.php
   ============================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Hanken+Grotesque:wght@400;500;600;700&display=swap');

/* ── CSS Variables ── */
.woocommerce-page,
.woocommerce-shop,
.post-type-archive-product {
  --bg:          #141212;
  --darker:      #0c0a0a;
  --surface:     #1c1717;
  --surfaceDark: #201a1a;
  --card:        #221d1d;
  --onDark:      #f6f3f2;
  --onDarkSoft:  #a9a3a1;
  --accent:      #da1f26;
  --accentOn:    #ff5a55;
  --accentDim:   rgba(218,31,38,.18);
  --line:        rgba(246,243,242,.11);
  --lineStrong:  rgba(246,243,242,.22);
  --inputBg:     #1c1717;
  --font-head:   'Archivo', system-ui, sans-serif;
  --font-body:   'Hanken Grotesque', system-ui, sans-serif;
}

/* ── Page background & body text ── */
.woocommerce-page body,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received,
body.woocommerce-account,
body.woocommerce-shop,
body.post-type-archive-product {
  background: var(--darker, #0c0a0a) !important;
  color: var(--onDark, #f6f3f2) !important;
  font-family: 'Hanken Grotesque', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ── Main content wrappers ── */
body.woocommerce-page .content-page,
body.woocommerce-page #page-content,
body.woocommerce-page .page-wrapper,
body.woocommerce-page .et-main-content,
body.woocommerce-page #et-main,
body.woocommerce-page .container.content-page {
  background: var(--darker) !important;
}

/* ── Woocommerce content area — XStore sets white on these directly ── */
body.woocommerce-page .woocommerce,
body.woocommerce-page .woocommerce-page,
body.woocommerce-page .et_is-classic-theme,
body.woocommerce-page #main,
body.woocommerce-page main,
body.woocommerce-page .content,
body.woocommerce-page .col-md-12.content,
body.woocommerce-page article,
body.woocommerce-page .site-content,
body.woocommerce-page #content,
body.woocommerce-page .entry-content,
body.woocommerce-page .page-content {
  background: #0c0a0a !important;
  color: var(--onDark) !important;
}

/* ── All text defaults ── */
body.woocommerce-page p,
body.woocommerce-page span,
body.woocommerce-page li,
body.woocommerce-page td,
body.woocommerce-page th,
body.woocommerce-page label,
body.woocommerce-page div {
  color: inherit;
}

/* ── Headings ── */
body.woocommerce-page h1,
body.woocommerce-page h2,
body.woocommerce-page h3,
body.woocommerce-page h4,
body.woocommerce-page h5,
body.woocommerce-page h6 {
  font-family: 'Archivo', system-ui, sans-serif !important;
  color: #ffffff !important;
  font-weight: 800;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

/* ── Links ── */
body.woocommerce-page a {
  color: var(--accentOn, #ff5a55);
}
body.woocommerce-page a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* ── Breadcrumbs ── */
body.woocommerce-page .breadcrumbs,
body.woocommerce-page .woocommerce-breadcrumb {
  color: var(--onDarkSoft) !important;
  background: transparent !important;
}
body.woocommerce-page .breadcrumbs a,
body.woocommerce-page .woocommerce-breadcrumb a {
  color: var(--onDarkSoft) !important;
}

/* ──────────────────────────────────────────
   CART TABLE
────────────────────────────────────────── */
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  overflow: hidden;
  border-collapse: separate !important;
  color: var(--onDark) !important;
}

body.woocommerce-cart table.shop_table thead th,
body.woocommerce-checkout table.shop_table thead th {
  background: var(--surfaceDark) !important;
  color: var(--onDarkSoft) !important;
  border-bottom: 1px solid var(--line) !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
}

body.woocommerce-cart table.shop_table tbody td,
body.woocommerce-checkout table.shop_table tbody td {
  background: transparent !important;
  border-color: var(--line) !important;
  color: var(--onDark) !important;
  padding: 18px !important;
}

body.woocommerce-cart table.shop_table tbody tr:hover td {
  background: rgba(246,243,242,.03) !important;
}

/* Product name in cart */
body.woocommerce-cart .cart_item .product-name a,
body.woocommerce-cart .cart_item .product-name {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
}
body.woocommerce-cart .cart_item .product-name dl.variation dt,
body.woocommerce-cart .cart_item .product-name dl.variation dd {
  color: var(--onDarkSoft) !important;
}

/* Totals table */
body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .cart_totals .shop_table th {
  color: var(--onDark) !important;
}
body.woocommerce-cart .cart_totals .shop_table {
  background: var(--card) !important;
}
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td {
  font-size: 18px !important;
  color: #ffffff !important;
}
body.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount {
  color: var(--accentOn) !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
}

/* Remove × button */
body.woocommerce-cart a.remove {
  color: var(--onDarkSoft) !important;
  font-size: 18px;
}
body.woocommerce-cart a.remove:hover {
  color: var(--accent) !important;
  background: transparent !important;
}

/* ──────────────────────────────────────────
   QUANTITY INPUT
────────────────────────────────────────── */
body.woocommerce-page .quantity input[type=number],
body.woocommerce-page input.qty {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-family: 'Hanken Grotesque', sans-serif !important;
  font-weight: 600;
}

/* ──────────────────────────────────────────
   COUPON
────────────────────────────────────────── */
body.woocommerce-cart .coupon input[type=text] {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: 'Hanken Grotesque', sans-serif !important;
}
body.woocommerce-cart .coupon input[type=text]::placeholder {
  color: var(--onDarkSoft) !important;
}
body.woocommerce-cart .coupon input[type=text]:focus {
  border-color: var(--accentOn) !important;
  outline: none !important;
}

/* ──────────────────────────────────────────
   BUTTONS — all WooCommerce pages
────────────────────────────────────────── */
body.woocommerce-page .button,
body.woocommerce-page button[type=submit],
body.woocommerce-page input[type=submit],
body.woocommerce-page .woocommerce-Button,
body.woocommerce-page a.button,
body.woocommerce-page .btn {
  background: var(--accent, #da1f26) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 11px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: 14px 26px !important;
  cursor: pointer !important;
  transition: opacity .2s ease, box-shadow .2s ease !important;
}
body.woocommerce-page .button:hover,
body.woocommerce-page button[type=submit]:hover,
body.woocommerce-page .woocommerce-Button:hover,
body.woocommerce-page a.button:hover {
  background: #c0191f !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(218,31,38,.38) !important;
  opacity: 1 !important;
}

/* Secondary/outline button (update cart etc) */
body.woocommerce-page .button[name="update_cart"],
body.woocommerce-page button.wc-backward,
body.woocommerce-page .wc-backward {
  background: transparent !important;
  border: 1px solid var(--lineStrong) !important;
  color: var(--onDarkSoft) !important;
}
body.woocommerce-page .button[name="update_cart"]:hover {
  background: var(--surfaceDark) !important;
  color: var(--onDark) !important;
  box-shadow: none !important;
}

/* ──────────────────────────────────────────
   CHECKOUT FORM
────────────────────────────────────────── */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
  background: var(--card) !important;
  border-radius: 14px !important;
  padding: 28px !important;
  border: 1px solid var(--line) !important;
}

body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout h3#order_review_heading,
body.woocommerce-checkout h3 {
  color: #ffffff !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: -.01em !important;
  border-bottom: 1px solid var(--line) !important;
  padding-bottom: 14px !important;
  margin-bottom: 20px !important;
}

/* Form fields */
body.woocommerce-checkout .form-row input[type=text],
body.woocommerce-checkout .form-row input[type=email],
body.woocommerce-checkout .form-row input[type=tel],
body.woocommerce-checkout .form-row input[type=number],
body.woocommerce-checkout .form-row input[type=password],
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .woocommerce-Input,
body.woocommerce-checkout .input-text {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  font-family: 'Hanken Grotesque', sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color .2s ease !important;
}
body.woocommerce-checkout .form-row input:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus {
  border-color: var(--accentOn) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px var(--accentDim) !important;
}
body.woocommerce-checkout .form-row input::placeholder,
body.woocommerce-checkout .form-row textarea::placeholder {
  color: var(--onDarkSoft) !important;
}

body.woocommerce-checkout .form-row label,
body.woocommerce-checkout label {
  color: var(--onDarkSoft) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Select dropdown */
body.woocommerce-checkout select {
  background: var(--surfaceDark) !important;
  color: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  -webkit-appearance: none;
  appearance: none;
}

/* Validation errors */
body.woocommerce-checkout .woocommerce-invalid input,
body.woocommerce-checkout .woocommerce-invalid select {
  border-color: var(--accent) !important;
}

/* ──────────────────────────────────────────
   ORDER REVIEW (right column checkout)
────────────────────────────────────────── */
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
  background: transparent !important;
  border: none !important;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th {
  border-color: var(--line) !important;
  color: var(--onDark) !important;
  background: transparent !important;
}
body.woocommerce-checkout .cart-subtotal td,
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .order-total th {
  color: #ffffff !important;
}
body.woocommerce-checkout .order-total .woocommerce-Price-amount {
  color: var(--accentOn) !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}

/* ──────────────────────────────────────────
   PAYMENT METHODS
────────────────────────────────────────── */
body.woocommerce-checkout #payment {
  background: var(--card) !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  overflow: hidden !important;
}
body.woocommerce-checkout #payment ul.payment_methods {
  background: var(--surfaceDark) !important;
  border-bottom: 1px solid var(--line) !important;
}
body.woocommerce-checkout #payment ul.payment_methods li {
  color: var(--onDark) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 14px 18px !important;
}
body.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none !important;
}
body.woocommerce-checkout #payment ul.payment_methods label {
  color: var(--onDark) !important;
  font-size: 14px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
body.woocommerce-checkout #payment .payment_box {
  background: var(--card) !important;
  color: var(--onDarkSoft) !important;
  border-top: 1px solid var(--line) !important;
}
body.woocommerce-checkout #payment .place-order {
  padding: 20px 18px !important;
  background: var(--card) !important;
}
body.woocommerce-checkout #place_order {
  width: 100% !important;
  font-size: 15px !important;
  padding: 18px !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 22px rgba(218,31,38,.3) !important;
}

/* ──────────────────────────────────────────
   NOTICES / ALERTS
────────────────────────────────────────── */
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-error,
body.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-page ul.woocommerce-error {
  background: var(--surfaceDark) !important;
  border-top-color: var(--accentOn) !important;
  color: var(--onDark) !important;
  border-radius: 0 0 10px 10px !important;
}
body.woocommerce-page .woocommerce-error {
  border-top-color: var(--accent) !important;
}
body.woocommerce-page .woocommerce-info {
  border-top-color: #3b82f6 !important;
}
body.woocommerce-page .woocommerce-message a,
body.woocommerce-page .woocommerce-info a {
  color: var(--accentOn) !important;
}

/* ──────────────────────────────────────────
   ORDER RECEIVED / THANK YOU PAGE
────────────────────────────────────────── */
body.woocommerce-order-received .woocommerce-order {
  color: var(--onDark) !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
body.woocommerce-order-received .woocommerce-order-overview {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  list-style: none !important;
  display: flex !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
  margin: 0 0 32px !important;
}
body.woocommerce-order-received .woocommerce-order-overview li {
  flex: 1 1 150px !important;
  padding: 16px 20px !important;
  border-right: 1px solid var(--line) !important;
  color: var(--onDarkSoft) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
body.woocommerce-order-received .woocommerce-order-overview li:last-child {
  border-right: none !important;
}
body.woocommerce-order-received .woocommerce-order-overview strong {
  display: block !important;
  color: #ffffff !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  margin-top: 4px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.woocommerce-order-received .woocommerce-order-overview .woocommerce-Price-amount {
  color: var(--accentOn) !important;
}

body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2 {
  font-size: 18px !important;
  margin-bottom: 16px !important;
}

/* ──────────────────────────────────────────
   MY ACCOUNT
────────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--card) !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  overflow: hidden !important;
  padding: 8px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 12px 16px !important;
  color: var(--onDarkSoft) !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--accentDim) !important;
  color: var(--accentOn) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
  color: var(--onDark) !important;
}

/* Account form fields */
body.woocommerce-account .woocommerce-address-fields input,
body.woocommerce-account .woocommerce-address-fields select,
body.woocommerce-account .woocommerce-EditAccountForm input,
body.woocommerce-account .woocommerce-EditAccountForm select {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}
body.woocommerce-account input::placeholder {
  color: var(--onDarkSoft) !important;
}

/* Orders table */
body.woocommerce-account .woocommerce-orders-table {
  background: var(--card) !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  overflow: hidden !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.woocommerce-account .woocommerce-orders-table th {
  background: var(--surfaceDark) !important;
  color: var(--onDarkSoft) !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--line) !important;
}
body.woocommerce-account .woocommerce-orders-table td {
  color: var(--onDark) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 14px 18px !important;
  background: transparent !important;
}
body.woocommerce-account .woocommerce-orders-table tr:last-child td {
  border-bottom: none !important;
}

/* ──────────────────────────────────────────
   SHOP / ARCHIVE
────────────────────────────────────────── */
body.woocommerce-shop .products,
body.post-type-archive-product .products {
  color: var(--onDark) !important;
}
body.woocommerce-shop .woocommerce-products-header h1,
body.post-type-archive-product .woocommerce-products-header h1 {
  color: #ffffff !important;
}
body.woocommerce-shop .woocommerce-ordering select,
body.post-type-archive-product .woocommerce-ordering select {
  background: var(--surfaceDark) !important;
  color: var(--onDark) !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

/* Product cards on shop/archive */
body.woocommerce-shop .product,
body.post-type-archive-product .product {
  background: var(--card) !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  overflow: hidden !important;
}
body.woocommerce-shop .product .woocommerce-loop-product__title,
body.post-type-archive-product .product .woocommerce-loop-product__title {
  color: #ffffff !important;
  font-family: 'Archivo', sans-serif !important;
  text-transform: uppercase !important;
}
body.woocommerce-shop .product .price,
body.post-type-archive-product .product .price {
  color: var(--accentOn) !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
}

/* ──────────────────────────────────────────
   PRICE / AMOUNT
────────────────────────────────────────── */
body.woocommerce-page .woocommerce-Price-amount {
  color: var(--onDark) !important;
}
body.woocommerce-page .cart_totals .woocommerce-Price-amount,
body.woocommerce-page .order-total .woocommerce-Price-amount {
  color: var(--accentOn) !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
}

/* ──────────────────────────────────────────
   LOGIN FORM (on checkout)
────────────────────────────────────────── */
body.woocommerce-page .woocommerce-form-login,
body.woocommerce-page .woocommerce-form-coupon {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 24px !important;
}
body.woocommerce-page .woocommerce-form-login input,
body.woocommerce-page .woocommerce-form-coupon input {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}

/* ──────────────────────────────────────────
   CHECKOUT — 2 COLUMN LAYOUT
────────────────────────────────────────── */
@media (min-width: 768px) {
  body.woocommerce-checkout #customer_details {
    float: left !important;
    width: 55% !important;
    margin-right: 5% !important;
    box-sizing: border-box !important;
  }
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review {
    float: right !important;
    width: 40% !important;
    box-sizing: border-box !important;
  }
}

/* ──────────────────────────────────────────
   FOOTER (inherit from theme, just dark)
────────────────────────────────────────── */
body.woocommerce-page footer,
body.woocommerce-page #footer {
  background: var(--darker) !important;
  color: var(--onDarkSoft) !important;
  border-top: 1px solid var(--line) !important;
}

/* ──────────────────────────────────────────
   MISC OVERRIDES
────────────────────────────────────────── */
/* Shipping calculator */
body.woocommerce-page .shipping-calculator-form input,
body.woocommerce-page .shipping-calculator-form select {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}

/* Order notes textarea */
body.woocommerce-checkout #order_comments {
  background: var(--surfaceDark) !important;
  border: 1px solid var(--line) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: 'Hanken Grotesque', sans-serif !important;
}
body.woocommerce-checkout #order_comments::placeholder {
  color: var(--onDarkSoft) !important;
}

/* Woo status badges */
body.woocommerce-page .woocommerce-order-status {
  background: var(--accentDim) !important;
  color: var(--accentOn) !important;
  border-radius: 6px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

/* Checkbox */
body.woocommerce-page input[type=checkbox]:accent {
  accent-color: var(--accent) !important;
}

/* Scrollbar (webkit) */
body.woocommerce-page ::-webkit-scrollbar { width: 6px; }
body.woocommerce-page ::-webkit-scrollbar-track { background: var(--darker); }
body.woocommerce-page ::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px; }

/* Checkout steps nav bar */
body.woocommerce-page .cart-checkout-nav {
  background: var(--surfaceDark) !important;
  border-bottom: 1px solid var(--line) !important;
}
body.woocommerce-page .cart-checkout-nav a {
  color: var(--onDark) !important;
  opacity: .55 !important;
}
body.woocommerce-page .cart-checkout-nav a.active {
  color: var(--onDark) !important;
  opacity: 1 !important;
}