/* Hide the label text "Ship to a different address?" */
#ship-to-different-address {
    display: none;
}

/* Disable touch event or mouse click on the label */
#ship-to-different-address label {
    pointer-events: none;
}

/* Hide specific shipping & billing fields */
#billing_country_field, #billing_address_1_field, #billing_first_name_field, #billing_last_name_field, #billing_phone_field, #billing_company_field, #shipping_country_field,
#shipping_first_name_field, #shipping_address_1_field, #shipping_last_name_field, #shipping_company_field, #shipping_email_field, #shipping_phone_field {
    display: none !important;
}

/* Styling for each step heading in the multi-step checkout */
.step_heading {
    margin: 0 0 20px 0;
    padding: 15px;
    background-color: rgba(16, 16, 16, 0.05) !important;
    border-radius: 10px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Styling for the step number in the multi-step checkout */
.step_heading_number {
    font-size: 20px;
    color: #ffffff;
    margin-right: 15px;
    margin-bottom: 0px !important;
    padding-top: 5px !important;
    padding-right: 15px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    background-color: #C77634 !important;
    border-radius: 20px !important;
    font-weight: 800 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Styling for the step title in the multi-step checkout */
.step_heading_title {
    font-size: 20px;
    color: #000000;
    font-weight: 800;
    margin-bottom: 0px !important;
}

/* Hide all steps by default */
.checkout-step {
    display: none !important;
}

/* Display only the active step */
.checkout-step.active {
    display: block !important;
}

/* Styling for the checkout navigation buttons */
.checkout-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

/* Wrap the fields in a flex container */
.woocommerce-shipping-fields__field-wrapper, .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

/* Style each field to take up 48% of the width, with a 20px gap */
.woocommerce-shipping-fields__field-wrapper .form-row, .woocommerce-billing-fields__field-wrapper .form-row {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
}

/* Ensure single-column layout on smaller screens */
@media (max-width: 768px) {
    .woocommerce-shipping-fields__field-wrapper .form-row, .woocommerce-billing-fields__field-wrapper .form-row {
        flex: 1 1 100%;
    }
}

/* Specific fields that should take up 100% width */
#billing_same_as_shipping_field, #billing_email_field, #billing_address_2_field, #shipping_address_2_field, #shipping-validation-notice {
    flex: 1 1 100% !important;
    box-sizing: border-box;
}

/* Styling for order comments field */
#order_comments {
    min-height: auto !important;
}

/* Remove text transformation (uppercase) from billing section headers */
.woocommerce-billing-fields > h3 {
    text-transform: none !important;
}

/* Hide the country field for both billing and shipping */
#billing_country_field, #billing_first_name_field, #billing_last_name_field, #billing_phone_field, #billing_company_field, #shipping_country_field {
    display: none !important;
}