/* =========================================================
   BoostroGO Commerce RC74 — payment below order notes
   Server-side re-hook, no JS DOM relocation.
========================================================= */
body.woocommerce-checkout:not(.woocommerce-order-received){
  --bgc-navy:#1c244b;
  --bgc-red:#fb0444;
  --bgc-line:rgba(28,36,75,.10);
  --bgc-muted:#707a93;
}

/* Payment belongs to the customer/details column, immediately after notes. */
body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .bg-checkout-payment-below-notes,
body.woocommerce-checkout:not(.woocommerce-order-received) .ct-customer-details .bg-checkout-payment-below-notes{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:20px 0 0!important;
  padding:0!important;
}

/* Give the section its own calm card instead of the narrow right sidebar look. */
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro{
  margin:0 0 12px!important;
  padding:17px 18px!important;
  border:1px solid rgba(28,36,75,.09)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f7fbff 0%,#fff7fa 100%)!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro__copy strong{
  font-size:18px!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro__copy span{
  font-size:12px!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro__hotpay{
  padding-left:52px!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro__hotpay img{
  max-width:245px!important;
  max-height:62px!important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(28,36,75,.10)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(28,36,75,.06)!important;
  overflow:hidden!important;
}

/* Payment methods: one clear vertical list. */
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment ul.payment_methods{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  background:#f8fafc!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment li.wc_payment_method{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:0 10px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:14px 15px!important;
  border:1px solid rgba(28,36,75,.09)!important;
  border-radius:14px!important;
  background:#fff!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment li.wc_payment_method:has(>input:checked){
  border-color:rgba(251,4,68,.34)!important;
  background:#fff7fa!important;
  box-shadow:0 8px 22px rgba(251,4,68,.06)!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment li.wc_payment_method>label{
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:850!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment .payment_box{
  grid-column:1/-1!important;
  margin:10px 0 0!important;
  padding:11px 12px!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment .place-order{
  padding:14px!important;
  background:#fff!important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes #payment #place_order{
  min-height:52px!important;
  margin:12px 0 0!important;
  border-radius:14px!important;
  font-size:14px!important;
}

/* Right column is now summary + delivery only; let it breathe. */
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review{
  padding-bottom:18px!important;
}

/* Cart courier form: street must have a full-width row even if injected by JS. */
body.woocommerce-cart .bg-cart-destination.is-courier-active #calc_shipping_address_1_field,
body.woocommerce-cart .bg-cart-destination.is-courier-active .bg-rc74-street-field{
  display:block!important;
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.woocommerce-cart .bg-cart-destination.is-courier-active #calc_shipping_address_1{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

@media(max-width:980px){
  body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes{
    margin-top:16px!important;
  }
}

@media(max-width:620px){
  body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro{
    padding:14px!important;
  }
  body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro__hotpay{
    padding-left:0!important;
  }
  body.woocommerce-checkout:not(.woocommerce-order-received) .bg-checkout-payment-below-notes .bg-woo-payment-intro__hotpay img{
    max-width:210px!important;
  }
}