/* ==========================================================
   CHECKOUT - LAYOUT
========================================================== */

.pulsare-checkout {
    width: 100%;
    padding: 48px 20px;
}

.pulsare-checkout__container {

    max-width: 1400px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:minmax(0,1fr) 380px;

    gap: 48px;

    align-items: flex-start;

}

.pulsare-checkout__customer {

   width: 100%;

}

.pulsare-checkout__customer-content {
    width: 100%;
}

/* ==========================================
   Neutraliza o layout antigo do WooCommerce
========================================== */



.pulsare-checkout__sidebar {



    top: 30px;

}

.pulsare-checkout__customer-details {

    display: flex;

    flex-direction: column;

    gap: 32px;

}

.pulsare-checkout__billing {

    width: 100%;

}

.pulsare-checkout__shipping {

    width: 100%;

}

.pulsare-checkout__review {

    width: 100%;

}

/* ==========================================================
   Neutraliza o layout do Astra/WooCommerce para o resumo
========================================================== */

.pulsare-checkout #order_review {
    float: none !important;
    width: 100% !important;
    clear: none !important;
    margin: 0 !important;
}

.pulsare-checkout .woocommerce-checkout-review-order {
    float: none !important;
    width: 100% !important;
}

.pulsare-checkout .shop_table {
    width: 100% !important;
}

.pulsare-checkout__sidebar #order_review_heading {
    float: none !important;
    width: 100% !important;
    margin: 0 0 24px;
    padding: 0;

}

/* ==========================================
   Summary
========================================== */

.pulsare-checkout__summary{

    width:100%;

}

.pulsare-checkout__summary-header{

    width:100%;

}

.pulsare-checkout__summary-header h3{

    margin:0;

}


/* ==========================================
   Billing Fields Layout
========================================== */

.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}



#billing_address_2_field{
    grid-column: 1 / -1;
}