/**
 * Checkout Layout
 *
 * @package Hafo\Checkout
 * @version 1.0.0
 */

.hafo-multistep-checkout {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--hafo-checkout-spacing-xl);
}

.hafo-checkout-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--hafo-checkout-spacing-2xl);
    align-items: start;
}

.hafo-checkout-main {
    min-width: 0;
}

.hafo-checkout-sidebar {
    min-width: 0;
}

.hafo-checkout-step {
    display: none;
}


/* Show step 1 by default as fallback (JavaScript will override) */

.hafo-checkout-step[data-step="1"] {
    display: block;
}


/* JavaScript will control visibility via .is-active class */

.hafo-checkout-step.is-active {
    display: block !important;
}

.hafo-checkout-step__title {
    margin: 0 0 var(--hafo-checkout-spacing-xl) 0;
    font-size: var(--hafo-checkout-font-size-xl);
    font-weight: var(--hafo-checkout-font-weight-bold);
    color: var(--hafo-checkout-title-color);
}

.hafo-checkout-step__actions {
    display: flex;
    justify-content: space-between;
    gap: var(--hafo-checkout-spacing-md);
    margin-top: var(--hafo-checkout-spacing-2xl);
    padding-top: var(--hafo-checkout-spacing-xl);
    border-top: 1px solid var(--hafo-checkout-border);
}

.hafo-checkout-fields {
    display: flex;
    flex-direction: column;
    gap: var(--hafo-checkout-spacing-xl);
}

.hafo-checkout-fields__section,
.hafo-multistep-checkout .woocommerce-additional-fields {
    background-color: var(--hafo-checkout-secondary);
    border: 1px solid var(--hafo-checkout-border);
    border-radius: var(--hafo-checkout-radius-lg);
    padding: var(--hafo-checkout-spacing-xl);
    margin-bottom: var(--hafo-checkout-spacing-xl);
}

.hafo-multistep-checkout .woocommerce-additional-fields h3 {
    margin: 0 0 var(--hafo-checkout-spacing-lg) 0;
    font-size: var(--hafo-checkout-font-size-xl);
    font-weight: var(--hafo-checkout-font-weight-bold);
    color: var(--hafo-checkout-title-color);
}