/* =========================================================
   POLYDIGM BILLIARDS - CART CSS
   Load only on the WooCommerce cart page.
   Depends on 00-polydigm-global.css.
   ========================================================= */

/* =========================================================
   8. CART PAGE
   ========================================================= */

.woocommerce-cart .site-content {
  padding-top: 36px !important;
}

.woocommerce-cart .entry-title {
  display: none;
}

.woocommerce-cart form.woocommerce-cart-form,
.woocommerce-cart .cart-collaterals .cart_totals {
  background:
    radial-gradient(circle at top left, rgba(245,196,0,0.08), transparent 30%),
    linear-gradient(180deg, #101010, #050505);
  border: 1px solid rgba(245,196,0,0.16);
  border-radius: 28px;
  padding: 14px;
  box-shadow:
    0 24px 80px rgba(0,0,0,0.52),
    inset 0 1px 0 rgba(255,255,255,0.04);
  overflow: hidden;
}

.woocommerce-cart table.shop_table {
  background: transparent !important;
  border-radius: 18px !important;
  overflow: hidden;
}

.woocommerce-cart table.shop_table thead,
.woocommerce-cart table.shop_table thead th {
  background: #101010 !important;
  color: rgba(255,255,255,0.55) !important;
  border: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}

.woocommerce-cart table.shop_table td {
  background: transparent !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: #fff !important;
}

.woocommerce-cart table.cart img {
  width: 78px;
  border-radius: 14px;
  background: #050505;
}

.woocommerce-cart table.cart .product-name a {
  color: var(--pd-yellow) !important;
  font-weight: 900;
}

.woocommerce-cart a.remove {
  color: rgba(255,255,255,0.35) !important;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
}

.woocommerce-cart a.remove:hover {
  background: var(--pd-red) !important;
  color: #fff !important;
}

.woocommerce-cart table.cart td.actions {
  background: rgba(255,255,255,0.025) !important;
}

.woocommerce-cart .coupon input.input-text {
  min-height: 46px;
  min-width: 220px;
}

.woocommerce-cart .cart-collaterals {
  margin-top: 28px;
}

.woocommerce-cart .cart_totals h2 {
  background: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  font-size: 2rem;
  text-shadow: 3px 3px 0 rgba(245,196,0,0.16);
}

.woocommerce-cart .cart_totals table {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 18px;
  overflow: hidden;
}

.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
  background: rgba(255,255,255,0.025) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.10) !important;
}

.woocommerce-cart .woocommerce-shipping-methods label {
  color: rgba(255,255,255,0.72);
}

.woocommerce-cart .woocommerce-shipping-destination {
  color: #fff;
  font-weight: 800;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  padding: 1.15rem 1.5rem !important;
}

@media (max-width: 768px) {
  .woocommerce-cart table.cart img {
    width: 62px;
  }

  .woocommerce-cart .coupon {
    display: grid;
    gap: 10px;
  }

  .woocommerce-cart .coupon input.input-text,
  .woocommerce-cart .coupon button {
    width: 100% !important;
  }
}

/* =========================================================
   CART FINAL CLEANUP
   ========================================================= */

/* Hide ZIP/postcode validation notice on cart */
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info {
  display: none !important;
}

/* Remove "Cart totals" heading */
body.woocommerce-cart .cart_totals h2 {
  display: none !important;
}

/* Remove divider/header line below Cart totals */
body.woocommerce-cart .cart_totals h2 + table,
body.woocommerce-cart .cart_totals table.shop_table {
  margin-top: 0 !important;
}

/* Remove any heading divider residue inside cart totals */
body.woocommerce-cart .cart_totals h2::after,
body.woocommerce-cart .cart_totals h2::before {
  display: none !important;
  content: none !important;
}

/* Equalize top/bottom spacing inside cart containers */

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals .cart_totals {
    padding-top: 20px;
    padding-bottom: 0px;
}