/* Braids Goddess v2.0.99 — Checkout order summary layout fix.
   Fixes the Woo grid placing #order_review on the next row under the tall customer form. */

body.bgc-enabled.woocommerce-checkout form.checkout{
  grid-template-areas:"customer review" !important;
  grid-template-columns:minmax(0,1.1fr) minmax(350px,.72fr) !important;
  align-items:start !important;
}

body.bgc-enabled.woocommerce-checkout #customer_details{
  grid-area:customer !important;
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:start !important;
}

/* Native Woo heading created a separate CSS-grid row, causing the huge white gap. */
body.bgc-enabled.woocommerce-checkout #order_review_heading{
  display:none !important;
}

body.bgc-enabled.woocommerce-checkout #order_review{
  grid-area:review !important;
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  position:sticky !important;
  top:20px !important;
  border:1px solid var(--bg-line) !important;
  border-radius:9px !important;
  padding:0 22px 22px !important;
  background:#fff !important;
  overflow:hidden;
}

body.bgc-enabled.woocommerce-checkout #order_review::before{
  content:"Résumé de la commande";
  display:block;
  margin:0 -22px 10px;
  padding:22px 22px 16px;
  border-bottom:1px solid var(--bg-line);
  background:#fff;
  color:var(--bg-text);
  font:600 26px/1 var(--bg-serif);
}

body.bgc-enabled.woocommerce-checkout #order_review table.shop_table{
  margin-top:0 !important;
}

/* Woo checkout fragments redraw #order_review; keep the card stable. */
body.bgc-enabled.woocommerce-checkout .woocommerce-checkout-review-order{
  min-height:0 !important;
  height:auto !important;
}

@media (max-width:900px){
  body.bgc-enabled.woocommerce-checkout form.checkout{
    display:block !important;
  }
  body.bgc-enabled.woocommerce-checkout #order_review{
    position:static !important;
    width:100% !important;
    margin-top:14px !important;
  }
}

@media (max-width:620px){
  body.bgc-enabled.woocommerce-checkout #order_review{
    padding:0 18px 18px !important;
  }
  body.bgc-enabled.woocommerce-checkout #order_review::before{
    margin:0 -18px 10px;
    padding:18px 18px 14px;
    font-size:24px;
  }
}