/* ==========================================================
   CHECKOUT UNCLIP (Nuclear) — fixes desktop cutoff
   Scoped to checkout only
   ========================================================== */

/* A) Remove clipping + transforms from common wrappers */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-checkout .entry,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .entry-content-wrap,
body.woocommerce-checkout .container,
body.woocommerce-checkout .wrap,
body.woocommerce-checkout .wrapper,
body.woocommerce-checkout .page,
body.woocommerce-checkout .page-wrapper,
body.woocommerce-checkout main {
  overflow: visible !important;
  overflow-x: visible !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
}

/* B) Remove narrow max-width constraints on checkout */
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .entry-content > *,
body.woocommerce-checkout main > * {
  max-width: none !important;
  width: 100% !important;
}

/* C) Create a clean centered container for the Checkout BLOCK */
body.woocommerce-checkout .wp-block-woocommerce-checkout {
  width: min(1400px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
}

/* D) Two-column layout for Checkout BLOCK on desktop */
@media (min-width: 900px) {
  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout__main {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr) !important;
    gap: 48px !important;
    align-items: start !important;
  }

  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout__order-summary {
    position: sticky;
    top: 24px;
  }
}

/* E) Prevent any inner element from exceeding its column */
body.woocommerce-checkout .wp-block-woocommerce-checkout * {
  box-sizing: border-box;
  max-width: 100%;
}

.page .entry-title {
  display: none;
}