/* Checkout (tema). Rodada 3, P6.5: ficaram só as regras com elemento no checkout do tema. O resto era cópia do CSS
   dos protótipos (carrinho, checkout e pedido recebido) e não casava com a marcação do WooCommerce; .pay ainda pegava
   o selo de pagamento do rodapé. O visual do checkout está em assets/commerce.css. */
.co{display:grid;gap:26px;padding-block:18px 60px}
.co>*{min-width:0}
.lnk{background:none;border:0;padding:4px 0;color:var(--accent);font-size:13.5px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.v-foot{padding-bottom:40px}
@media (min-width:900px){
  .co{grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start;padding-top:28px}
}

/* Rodada 3 (P6.6): fewer exits in the middle of the purchase (Baymard). Only the logo (link to the home page)
   and the cart stay in the header; the menu, search, tracking and account come back on the order-received page. */
body.woocommerce-checkout:not(.woocommerce-order-received) .v-head .menuBtn,
body.woocommerce-checkout:not(.woocommerce-order-received) .v-head .v-nav,
body.woocommerce-checkout:not(.woocommerce-order-received) .v-head .in>a.icon-btn:not(.v-cart),
body.woocommerce-checkout:not(.woocommerce-order-received) .v-head .fcf-searchbar{display:none}
body.woocommerce-checkout:not(.woocommerce-order-received) .v-head .v-logo,
body.woocommerce-checkout:not(.woocommerce-order-received) .v-head .custom-logo-link{flex:0 1 auto;margin-right:auto;text-align:left}