/* ========================================================================
   FILE: rpr-checkout.css   (only loaded when is_checkout() returns true)
   ------------------------------------------------------------------------
   Contains *only* those rules that affect the Checkout page:
     • Hiding Shipping/Billing fields on checkout
     • “Order Notes” full-width logic
     • “Your Order” table cell widths & padding
     • Tax/Total row colors
   ======================================================================== */


/*-------------------------------------------------------------------------------
  2) Hide billing fields entirely (if that’s your requirement on Checkout):
-------------------------------------------------------------------------------*/
body.woocommerce-checkout .woocommerce-billing-fields {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Hide the entire shipping-fields wrapper (if you never want them to see “Ship to different address”):
-------------------------------------------------------------------------------*/
body.woocommerce-checkout .woocommerce-shipping-fields {
  display: none !important;
}

/* 4) Hide the “Ship to different address” checkbox itself (so user never sees it):
-------------------------------------------------------------------------------*/
body.woocommerce-checkout #ship-to-different-address-checkbox,
body.woocommerce-checkout .shipping_address {
  display: none !important;
}

/* 5) Collapse any leftover spacing where the shipping block used to be:
-------------------------------------------------------------------------------*/
body.woocommerce-checkout .woocommerce-shipping-fields + .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields + .woocommerce-additional-fields {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/*-------------------------------------------------------------------------------
  6) Make the “Order Notes” container span the full width of the checkout form:
     – The wrapper (<div class="woocommerce-additional-fields">…) 
     – The <p class="form-row notes"> itself
     – The <textarea id="order_comments">
     – Force col2-set columns to collapse
-------------------------------------------------------------------------------*/
body.woocommerce-checkout .woocommerce-additional-fields {
  width: 100% !important;
  clear: both;
  float: none !important;
  margin-top: 1.5em; /* optional spacing above notes box */
}

body.woocommerce-checkout .woocommerce-additional-fields p.form-row.notes {
  width: 100% !important;
  float: none !important;
  margin: 0 0 1em; /* bottom margin as desired */
}

body.woocommerce-checkout .woocommerce-additional-fields textarea#order_comments {
  width: 100% !important;
  box-sizing: border-box; /* so padding doesn’t push it beyond 100% */
}

/* If your theme is still forcing the two-column wrapper even on Checkout, collapse them: */
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2 {
  width: 100% !important;
  float: none !important;
  clear: none !important;
  padding: 0 !important;
}

body.woocommerce-checkout .col2-set .form-row {
  margin-bottom: 0.75em !important;
}

/*-------------------------------------------------------------------------------
  7) “Your Order” review table (checkout page) – tighten padding, force full width,
     assign column percentages (50% / 25% / 25%), style subtotal/tax/total rows
-------------------------------------------------------------------------------*/
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 0.5em 0.8em !important;
  vertical-align: middle;
}

.woocommerce-checkout-review-order-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.woocommerce-checkout-review-order-table th:nth-child(1),
.woocommerce-checkout-review-order-table td:nth-child(1) {
  width: 50% !important;
}
.woocommerce-checkout-review-order-table th:nth-child(2),
.woocommerce-checkout-review-order-table td:nth-child(2) {
  width: 25% !important;
}
.woocommerce-checkout-review-order-table th:nth-child(3),
.woocommerce-checkout-review-order-table td:nth-child(3) {
  width: 25% !important;
}

/* Style the tax + total rows on the Checkout page (blue background, etc.) */
body.woocommerce-checkout .cart-subtotal {
  color: blue !important;
  background-color: lightsteelblue !important;
}

body.woocommerce-checkout .order-total {
  color: blue !important;
  background-color: lightsteelblue !important;
}

body.woocommerce-checkout .tax-total {
  color: blue !important;
}

/*-------------------------------------------------------------------------------
  8) Any other Checkout-only overrides can go below, wrapped in body.woocommerce-checkout
-------------------------------------------------------------------------------*/