/* ==========================================================================
   WooCommerce Checkout
   ========================================================================== */


/* ==========================================================================
   01 - Layout
   ========================================================================== */

/* Main column */

.wc-block-checkout__main {

    display: flex;
    flex-direction: column;
    gap: var(--wc-space-xl);

}

/* Sidebar */

.wc-block-checkout__sidebar {

    display: flex;
    flex-direction: column;
    gap: var(--wc-space-xl);

}


/* ==========================================================================
   02 - Compatibility Fixes
   ========================================================================== */

/* Alignwide correction */

.wp-block-woocommerce-checkout.alignwide {

    margin-inline: 0;

}

/* Mobile */

@media (max-width: 768px) {

    .wp-block-woocommerce-checkout {

        padding-inline: var(--wc-space-md);

    }

}


/* ==========================================================================
   03 - Checkout Sections
   ========================================================================== */
/* Checkout step */

.wc-block-components-checkout-step {

    display: flex;
    flex-direction: column;
    gap: var(--wc-space-lg);

}

/* Step title */

.wc-block-components-checkout-step__title {

    margin: 0;

    color: var(--wc-color-text);

    font-size: var(--wc-font-size-lg);

    font-weight: var(--wc-font-weight-semibold);

}

/* Step content */

.wc-block-components-checkout-step__content {

    display: flex;
    flex-direction: column;
    gap: var(--wc-space-md);

}
/* Checkout step spacing */

.wc-block-components-checkout-step {

    padding-block-end: var(--wc-space-xl);

}

.wc-block-components-checkout-step:not(:last-child) {

    border-bottom: 1px solid var(--wc-color-border);

}

/* ==========================================================================
   04 - Sidebar
   ========================================================================== */
/* Checkout sidebar */

.wc-block-checkout__sidebar {

    gap: var(--wc-space-lg);

}

/* Sidebar sections */

.wc-block-checkout__sidebar > * {

    display: flex;
    flex-direction: column;
    gap: var(--wc-space-md);

}

/* Order summary */

.wc-block-components-checkout-order-summary__content {

    display: flex;
    flex-direction: column;
    gap: var(--wc-space-lg);

}


/* ==========================================================================
   05 - Responsive
   ========================================================================== */