/* Limme - cart page, styled to match the הצמדות price list (dark + gold).
   The dark full-bleed band is applied to ONE wrapper only - main.site-main, which
   holds both the "עגלה" title and the cart. Applying it to nested wrappers too
   made the title box narrower than the content (the "crooked" look). */

:root {
  --lt-gold: #e2b756;
  --lt-gold-hi: #efc76c;
  --lt-line: rgba(255, 255, 255, 0.13);
  --lt-ink: #12100b;
}

/* ---------- one full-bleed dark band ---------- */
.woocommerce-cart main.site-main {
  position: relative;
  background:
    radial-gradient(110% 80% at 50% 0%, #2a2419 0%, rgba(42, 36, 25, 0) 62%),
    linear-gradient(180deg, #14130f 0%, #0b0b09 100%);
  color: #f2f2f2;
  width: auto;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  padding: 100px clamp(14px, 3vw, 48px) 80px;
  overflow-x: clip;
}

/* recentre the inner blocks (title + content) inside the full-width band */
.woocommerce-cart main.site-main > *,
.woocommerce-cart main.site-main .page-content,
.woocommerce-cart main.site-main .woocommerce {
  max-width: 1180px;
  margin-inline: auto;
  background: transparent !important;
  float: none;
}

.woocommerce-cart .page-header {
  border: 0 !important;
  margin-bottom: 26px;
  padding: 0;
}

.woocommerce-cart .page-header .entry-title,
.woocommerce-cart .page-title {
  color: #fff !important;
}

/* ---------- cart table ---------- */
.woocommerce-cart table.shop_table {
  border: 1px solid var(--lt-line);
  border-radius: 12px;
  border-collapse: collapse;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
  color: #f2f2f2;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
  border-color: var(--lt-line) !important;
  background: transparent !important;
  color: #f2f2f2 !important;
  padding: 16px 14px !important;
  vertical-align: middle;
}

.woocommerce-cart table.shop_table thead th {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
}

/* remove the (empty) quantity column - transfers are sold individually */
.woocommerce-cart .product-quantity {
  display: none !important;
}

/* product thumbnail - force it visible and sized (theme hides/ignores it) */
.woocommerce-cart th.product-thumbnail,
.woocommerce-cart td.product-thumbnail {
  display: table-cell !important;
  width: 110px;
  text-align: center;
}

.woocommerce-cart td.product-thumbnail img {
  display: inline-block !important;
  width: 92px !important;
  height: auto !important;
  max-width: none !important;
  border-radius: 6px;
  background: rgba(255, 255, 255, .05);
  padding: 4px;
}

/* product name */
.woocommerce-cart td.product-name > a,
.woocommerce-cart td.product-name > a:first-child {
  color: var(--lt-gold) !important;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
}

/* meta lines: "לייבל: ערך" each on ONE line, no break between label and value */
.woocommerce-cart dl.variation {
  margin: 10px 0 0 !important;
  display: block !important; /* theme sets flex, which blockifies dt/dd - override it */
  font-size: 12.5px;
  line-height: 1.75;
  color: #b9b4a9;
}

.woocommerce-cart dl.variation dt,
.woocommerce-cart dl.variation dd {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #b9b4a9 !important;
  background: transparent !important;
  float: none !important;
}

.woocommerce-cart dl.variation dt {
  font-weight: 600 !important;
}

.woocommerce-cart dl.variation dd {
  margin-inline-start: 5px !important;
}

.woocommerce-cart dl.variation dd p {
  display: inline !important;
  margin: 0 !important;
}

/* force a line break after each value so pairs stack cleanly */
.woocommerce-cart dl.variation dd::after {
  content: "";
  display: block;
}

.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal {
  font-weight: 600;
  white-space: nowrap;
}

.woocommerce-cart .product-remove a.remove {
  color: #d9534f !important;
  background: transparent !important;
  font-size: 22px;
  line-height: 1;
}

.woocommerce-cart .product-remove a.remove:hover {
  color: #fff !important;
  background: #d9534f !important;
}

/* coupon row */
.woocommerce-cart .coupon input.input-text {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--lt-line);
  border-radius: 6px;
  color: #fff;
  padding: 11px 14px;
}

.woocommerce-cart .coupon input.input-text::placeholder {
  color: #8d887e;
}

/* ---------- buttons ---------- */
.woocommerce-cart .button,
.woocommerce-cart button.button,
.woocommerce-cart input.button,
.woocommerce-cart a.button,
.woocommerce-cart .checkout-button {
  background: var(--lt-gold) !important;
  color: var(--lt-ink) !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  padding: 13px 26px !important;
  transition: background-color .2s ease, transform .12s ease;
}

.woocommerce-cart .button:hover:not(:disabled),
.woocommerce-cart a.button:hover,
.woocommerce-cart .checkout-button:hover {
  background: var(--lt-gold-hi) !important;
  color: var(--lt-ink) !important;
  transform: translateY(-1px);
}

.woocommerce-cart button[name="update_cart"] {
  background: transparent !important;
  color: #cfcabf !important;
  border: 1px solid var(--lt-line) !important;
}

.woocommerce-cart button[name="update_cart"]:hover:not(:disabled) {
  background: rgba(255, 255, 255, .07) !important;
  color: #fff !important;
}

.woocommerce-cart .checkout-button {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 17px !important;
  padding: 16px 26px !important;
}

/* ---------- totals ---------- */
.woocommerce-cart .cart-collaterals {
  margin-top: 34px;
}

.woocommerce-cart .cart_totals {
  padding: 26px 28px;
  border: 1px solid var(--lt-line);
  border-radius: 12px;
  background: rgba(10, 9, 6, 0.45);
}

.woocommerce-cart .cart_totals h2 {
  margin: 0 0 18px;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
  border-color: var(--lt-line) !important;
  background: transparent !important;
  color: #f2f2f2 !important;
  padding: 13px 8px !important;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
  font-size: 17px;
  font-weight: 700;
  color: #fff !important;
}

.woocommerce-cart .cart_totals .order-total .amount {
  color: var(--lt-gold) !important;
}

/* ---------- notices / empty cart ---------- */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .cart-empty {
  background: rgba(255, 255, 255, 0.05) !important;
  border-top: 3px solid var(--lt-gold) !important;
  color: #f2f2f2 !important;
  border-radius: 8px;
}

.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before {
  color: var(--lt-gold) !important;
}

.woocommerce-cart .woocommerce-message a.button,
.woocommerce-cart .return-to-shop a.button {
  background: var(--lt-gold) !important;
  color: var(--lt-ink) !important;
}

/* ---------- mobile ---------- */
@media (max-width: 767px) {
  .woocommerce-cart main.site-main {
    padding: 40px 10px 50px;
  }

  .woocommerce-cart table.shop_table th,
  .woocommerce-cart table.shop_table td {
    padding: 12px 8px !important;
  }

  .woocommerce-cart td.product-thumbnail,
  .woocommerce-cart th.product-thumbnail {
    width: 70px;
  }

  .woocommerce-cart td.product-thumbnail img {
    width: 60px !important;
  }

  .woocommerce-cart .cart_totals {
    padding: 20px 16px;
  }
}