/* Cart remove button — scoped to the cart form so checkout review table is untouched */
form.woocommerce-cart-form table.cart td.product-remove,
form.woocommerce-cart-form table.woocommerce-cart-form__contents td.product-remove {
  position: relative;
}

form.woocommerce-cart-form table.cart tbody > tr.woocommerce-cart-form__cart-item,
form.woocommerce-cart-form table.cart tbody > tr.cart_item {
  position: relative;
}

form.woocommerce-cart-form table.cart td.product-remove a.remove {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  min-height: 36px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 6;
  background-color: #fbf9ff !important;
  border-radius: 8px;
  text-decoration: none !important;
  color: transparent !important;
  box-sizing: border-box;
}

form.woocommerce-cart-form table.cart td.product-remove a.remove:before,
form.woocommerce-cart-form table.cart td.product-remove a.remove:after {
  content: "" !important;
  font-size: 0 !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: transparent !important;
  display: block !important;
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: var(--primary-color, #6b3fa0) !important;
  top: 50%;
  left: 50%;
  margin: 0;
}

form.woocommerce-cart-form table.cart td.product-remove a.remove:before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

form.woocommerce-cart-form table.cart td.product-remove a.remove:after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

@media (max-width: 991px) {
  form.woocommerce-cart-form table.cart td.product-remove {
    position: static;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    display: block !important;
  }

  form.woocommerce-cart-form table.cart td.product-remove a.remove {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .pxl-scroll-top {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Weight cards: highlight when add-to-cart without a selection */
.zr-varcards.kwz-need-weight .zr-varcard:not(.is-disabled) {
  outline: 2px solid var(--primary-color, #6b3fa0);
  outline-offset: 2px;
  animation: kwz-pulse 0.7s ease 0s 3;
}

@keyframes kwz-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}

.elementor-widget-image-carousel a.kwz-brand-link,
.elementor-image-carousel a.kwz-brand-link {
  cursor: pointer;
}

/* Checkout/account: Elementor-built pages get .elementor-container without the kit's boxed max-width */
body.woocommerce-checkout .pxl-main > .pxl-content-container,
body.woocommerce-account .pxl-main > .pxl-content-container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* Checkout: Petopia unsets Woo table width, so the grey review box shrinks to content */
form.woocommerce-checkout .pxl-woocommerce-checkout-review-order-inner,
form.woocommerce-checkout .pxl-woocommerce-checkout-review-order-inner2,
form.woocommerce-checkout #payment {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

form.woocommerce-checkout #payment .payment_box {
  width: 100%;
  box-sizing: border-box;
}
