/**
 * WooCommerce cart / checkout bridge — visual only, no gateway behavior changes.
 */

.cart .quantity .qty,
.cart input.cart__table__quantity__input {
  width: 2.5rem;
  min-width: 0.75rem;
  text-align: center;
  border: none;
  background: transparent;
  font-family: 'engravers_gothicregular', sans-serif;
  font-size: 1rem;
  color: var(--color-gray);
  padding: 0;
  -moz-appearance: textfield;
}

.cart .quantity .qty::-webkit-outer-spin-button,
.cart .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart .cart__table__remove a.remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  font-size: 0;
}

.cart .cart-collaterals {
  width: 100%;
}

.fp #customer_details .col2-set {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  width: 100%;
}

.fp #customer_details .col-1,
.fp #customer_details .col-2 {
  width: 100%;
  float: none;
  padding: 0;
}

.fp .woocommerce-billing-fields > h3,
.fp .woocommerce-shipping-fields > h3 {
  display: none;
}

.fp #order_review .fp__coupon {
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.fp #order_review #payment {
  margin-top: 3.5rem;
}

/* Do not force-hide .payment_box — NetPay needs WC visibility for tokenization */
.fp #payment {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.fp #payment .wc_payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.fp #payment .wc_payment_method {
  border: 1px solid var(--color-gray);
  padding: 1.25rem 1.5rem;
  margin: 0;
}

.fp #payment .wc_payment_method > label {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0;
  cursor: pointer;
  font-family: 'engravers_gothicregular', sans-serif;
  font-size: 1.25rem;
}

.fp #payment .payment_box {
  margin-top: 1.25rem;
  padding: 0;
  background: transparent;
  border: none;
}

.fp #payment .payment_box::before {
  display: none;
}

.fp #payment .place-order {
  margin-top: 2.5rem;
}

.fp #payment #place_order.btn__site {
  width: 100%;
  max-width: 420px;
}

.main--cart .woocommerce-notices-wrapper,
.main--checkout .woocommerce-notices-wrapper,
.main--thankyou .woocommerce-notices-wrapper {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.main--thankyou .woocommerce-order-overview,
.main--thankyou .woocommerce-thankyou-order-details {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .main--cart .woocommerce-notices-wrapper,
  .main--checkout .woocommerce-notices-wrapper,
  .main--thankyou .woocommerce-notices-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}