/* BPHC: Safely hide default Woo checkout UI; keep our proxies visible */

/* Off-screen helper */
.bphc-offscreen {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

/* Apply hiding only when JS verifies proxies and toggles the flag on the form */
form.checkout.bphc-core-hidden #customer_details {
  composes: bphc-offscreen;
}

/* Common review table + legacy payment container */
form.checkout.bphc-core-hidden #order_review .woocommerce-checkout-review-order-table,
form.checkout.bphc-core-hidden #order_review #payment {
  composes: bphc-offscreen;
}

/* Off-screen helper (JS bhi inline styles set karta hai, CSS fallback ke liye) */
.bphc-offscreen {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

/* Fallback CSS: order review ke direct children me sirf hamare cards visible rahen */
form.checkout.bphc-core-hidden #order_review > :not(#bpco-opc-payments):not(#bpco-opc-placeorder) {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

/* Ensure our cards & proxies are visible blocks */
#bphc-payments-proxy,
#bphc-placeorder-proxy {
  display: block !important;
  position: relative !important;
  left: auto !important;
  clip: auto !important;
}

#bpco-opc-payments{
  display: none;
  position: relative !important;
  left: auto !important;
  clip: auto !important;
  margin-bottom: 1px;
}

#bpco-opc-placeorder{
  display: block !important;
  position: fixed !important;
  clip: auto !important;
  bottom:0;
  left:0;
  width:100%;
  margin:0;
  border:none;
}