/* SYOU B2B Checkout v0.4.0
 * The left checkout is rebuilt into one independent container. Theme/WoodMart
 * .col-1/.col-2 gutters are no longer part of the visible field layout.
 */


/* SYOU-owned coupon bar. The legacy WooCommerce/WoodMart notice is hidden only
 * while the SYOU checkout is active, so the customer-facing legacy checkout is untouched. */
.syou-b2b-checkout-active .woocommerce-form-coupon-toggle{display:none!important}
.syou-b2b-checkout-active .syou-b2b-coupon-bar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 28px!important;
    padding:0!important;
    box-sizing:border-box!important;
    float:none!important;
    clear:both!important;
}
.syou-b2b-checkout-active .syou-b2b-coupon-trigger{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:16px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:#f6f6f6!important;
    color:var(--syou-text)!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:13px!important;
    line-height:1.45!important;
    text-align:left!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
}
.syou-b2b-checkout-active .syou-b2b-coupon-trigger:hover{background:#f2f2f2!important}
.syou-b2b-checkout-active .syou-b2b-coupon-trigger:focus-visible{outline:2px solid var(--syou-accent)!important;outline-offset:2px!important}
.syou-b2b-checkout-active .syou-b2b-coupon-icon{display:inline-flex!important;flex:0 0 auto!important;color:var(--syou-accent)!important}
.syou-b2b-checkout-active .syou-b2b-coupon-copy{flex:1 1 auto!important;min-width:0!important}
.syou-b2b-checkout-active .syou-b2b-coupon-copy strong{font-weight:500!important;color:inherit!important}
.syou-b2b-checkout-active .syou-b2b-coupon-arrow{display:inline-flex!important;flex:0 0 auto!important;transition:transform .18s ease!important;color:var(--syou-muted)!important}
.syou-b2b-checkout-active .syou-b2b-coupon-bar.is-open .syou-b2b-coupon-arrow{transform:rotate(180deg)!important}
.syou-b2b-checkout-active form.checkout_coupon.woocommerce-form-coupon{
    width:100%!important;
    max-width:100%!important;
    margin:-16px 0 28px!important;
    padding:18px!important;
    box-sizing:border-box!important;
    border:1px solid var(--syou-border)!important;
    border-top:0!important;
    background:#fff!important;
}
.syou-b2b-checkout-active .woocommerce-billing-fields>h3,
.syou-b2b-checkout-active .woocommerce-shipping-fields>h3,
.syou-b2b-checkout-active #ship-to-different-address{display:none!important}

.syou-b2b-checkout-active .shipping_address{display:block!important}

/* Keep the exact ZINART horizontal correction confirmed on the live layout. */
.syou-b2b-checkout-active form.syou-b2b-native-layout #customer_details{
    margin-left:10px!important;
}

/* Source columns are retained in the DOM for WooCommerce compatibility only. */
.syou-b2b-checkout-active #customer_details>.syou-b2b-source-column{
    display:none!important;
}

/* One clean visual root for every left-side section. */
.syou-b2b-checkout-active .syou-b2b-left-root{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    float:none!important;
    clear:both!important;
}

.syou-b2b-checkout-active .syou-b2b-section{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

.syou-b2b-checkout-active .syou-b2b-contact-section{
    margin-top:0!important;
}

.syou-b2b-checkout-active .syou-b2b-billing-section{
    margin-top:28px!important;
}

.syou-b2b-checkout-active .syou-b2b-shipping-section{
    margin-top:16px!important;
}

.syou-b2b-checkout-active .syou-b2b-section-title{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    font-size:20px!important;
    font-weight:650!important;
    line-height:1.25!important;
    color:var(--syou-text)!important;
    box-sizing:border-box!important;
}

.syou-b2b-checkout-active .syou-b2b-section-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--syou-gap)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-items:start!important;
}

.syou-b2b-checkout-active .syou-b2b-section-grid>.syou-b2b-field{
    float:none!important;
    clear:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
}

.syou-b2b-checkout-active .syou-b2b-section-grid>.syou-width-half{grid-column:span 1!important}
.syou-b2b-checkout-active .syou-b2b-section-grid>.syou-width-full{grid-column:1/-1!important}

.syou-b2b-checkout-active .syou-b2b-field label,
.syou-b2b-checkout-active .syou-b2b-order-notes label{
    display:block!important;
    margin:0 0 6px!important;
    padding:0!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.35!important;
    color:var(--syou-text)!important;
}

.syou-b2b-checkout-active .syou-b2b-field label .required,
.syou-b2b-checkout-active .syou-b2b-order-notes label .required{
    color:var(--syou-accent)!important;
    text-decoration:none!important;
}

.syou-b2b-checkout-active .syou-b2b-field .woocommerce-input-wrapper{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
}

.syou-b2b-checkout-active .syou-b2b-field input.input-text,
.syou-b2b-checkout-active .syou-b2b-field select,
.syou-b2b-checkout-active .syou-b2b-field .select2-selection{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:var(--syou-input-height)!important;
    height:var(--syou-input-height)!important;
    margin:0!important;
    border:1px solid var(--syou-border)!important;
    border-radius:var(--syou-radius)!important;
    background:var(--syou-input-bg)!important;
    color:var(--syou-text)!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:normal!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
}

.syou-b2b-checkout-active .syou-b2b-field select{padding-right:32px!important}

.syou-b2b-checkout-active .syou-b2b-field .select2-selection__rendered{
    line-height:calc(var(--syou-input-height) - 2px)!important;
    padding-left:0!important;
    color:var(--syou-text)!important;
}

.syou-b2b-checkout-active .syou-b2b-field .select2-selection__arrow{height:var(--syou-input-height)!important}

.syou-b2b-checkout-active .syou-b2b-field input.input-text:focus,
.syou-b2b-checkout-active .syou-b2b-field select:focus,
.syou-b2b-checkout-active .syou-b2b-field .select2-selection:focus{
    border-color:var(--syou-accent)!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--syou-accent) 14%,transparent)!important;
    outline:none!important;
}

.syou-b2b-checkout-active .syou-b2b-field.woocommerce-invalid input.input-text,
.syou-b2b-checkout-active .syou-b2b-field.syou-nip-invalid input.input-text{
    border-color:#d92d20!important;
    box-shadow:0 0 0 2px rgba(217,45,32,.08)!important;
}

.syou-b2b-checkout-active .syou-nip-feedback{
    display:block;
    margin-top:5px;
    font-size:12px;
    color:#d92d20;
}

/* Same horizontal box model as the fields above and below it. */
.syou-b2b-checkout-active .syou-same-as-billing-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:12px 14px!important;
    border:1px solid var(--syou-border)!important;
    border-radius:var(--syou-radius)!important;
    background:color-mix(in srgb,var(--syou-accent) 4%,white)!important;
    box-sizing:border-box!important;
    float:none!important;
    clear:both!important;
}

.syou-b2b-checkout-active .syou-same-as-billing-label{
    display:flex!important;
    gap:9px!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.4!important;
    color:var(--syou-text)!important;
    cursor:pointer!important;
}

.syou-b2b-checkout-active .syou-same-as-billing-label input{
    flex:0 0 auto!important;
    width:16px!important;
    height:16px!important;
    margin:0!important;
    accent-color:var(--syou-accent)!important;
}

.syou-b2b-checkout-active .syou-b2b-shipping-section.syou-shipping-hidden{display:none!important}

.syou-b2b-checkout-active .syou-b2b-order-notes{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:22px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

.syou-b2b-checkout-active .syou-b2b-order-notes .form-row{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    clear:both!important;
    box-sizing:border-box!important;
}

.syou-b2b-checkout-active .syou-b2b-order-notes textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:112px!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid var(--syou-border)!important;
    border-radius:var(--syou-radius)!important;
    background:var(--syou-input-bg)!important;
    color:var(--syou-text)!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}

/* Right side remains theme-native and non-sticky. */
.syou-b2b-checkout-active #order_review,
.syou-b2b-checkout-active .woocommerce-checkout-review-order{
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

.syou-b2b-checkout-active form.syou-b2b-native-layout>.syou-b2b-right-layout-col,
.syou-b2b-checkout-active .syou-b2b-right-layout-col .wd-sticky-container,
.syou-b2b-checkout-active .syou-b2b-right-layout-col .sticky-sidebar,
.syou-b2b-checkout-active .syou-b2b-right-layout-col .sticky-container,
.syou-b2b-checkout-active .syou-b2b-no-sticky{
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
}

.syou-b2b-checkout-active form.syou-b2b-native-layout #order_review{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
}

.syou-b2b-checkout-active #order_review_heading,
.syou-b2b-checkout-active .woocommerce-checkout-review-order-title{
    margin-top:0!important;
}

.syou-b2b-checkout-active #order_review table.shop_table{
    border:0!important;
    border-collapse:collapse!important;
    margin:0 0 16px!important;
}

.syou-b2b-checkout-active #order_review table.shop_table th,
.syou-b2b-checkout-active #order_review table.shop_table td{
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--syou-border) 72%,transparent)!important;
    padding:12px 0!important;
    color:var(--syou-text)!important;
    background:transparent!important;
}

.syou-b2b-checkout-active #order_review table.shop_table .order-total th,
.syou-b2b-checkout-active #order_review table.shop_table .order-total td{
    font-size:16px!important;
    font-weight:700!important;
    border-bottom:0!important;
    padding-top:16px!important;
}

.syou-b2b-checkout-active #order_review table.shop_table .order-total td{color:var(--syou-total)!important}
.syou-b2b-checkout-active #payment{background:transparent!important;border:0!important}
.syou-b2b-checkout-active #payment ul.payment_methods{padding:12px 0!important;border:0!important}
.syou-b2b-checkout-active #payment div.form-row{padding:12px 0 0!important}

.syou-b2b-checkout-active #place_order{
    width:100%!important;
    min-height:48px!important;
    border-radius:var(--syou-radius)!important;
    background:var(--syou-accent)!important;
    color:#fff!important;
    border:1px solid var(--syou-accent)!important;
    font-weight:650!important;
    box-shadow:none!important;
}

.syou-b2b-checkout-active #place_order:hover{filter:brightness(.94)}
.syou-b2b-checkout-active .woocommerce-privacy-policy-text{font-size:11px!important;line-height:1.55!important;color:var(--syou-muted)!important}
.syou-b2b-checkout-active .woocommerce-error,
.syou-b2b-checkout-active .woocommerce-message,
.syou-b2b-checkout-active .woocommerce-info{border-radius:var(--syou-radius)!important}

/* Plain WooCommerce fallback only. WoodMart/ZINART keeps its own outer columns. */
@media(min-width:980px){
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;
        column-gap:36px!important;
        row-gap:0!important;
        align-items:start!important;
        width:100%!important;
        max-width:none!important;
    }
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#customer_details{
        grid-column:1!important;
        grid-row:1 / span 4!important;
        min-width:0!important;
        width:100%!important;
    }
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#order_review_heading{
        grid-column:2!important;
        grid-row:1!important;
        min-width:0!important;
    }
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#order_review{
        grid-column:2!important;
        grid-row:2!important;
        min-width:0!important;
        width:100%!important;
        max-width:none!important;
        background:transparent!important;
        border:0!important;
        padding:0!important;
        box-shadow:none!important;
    }
}

@media(max-width:979px){
    .syou-b2b-checkout-active form.syou-b2b-native-layout #customer_details{margin-left:0!important}
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout{display:block!important;width:100%!important;max-width:none!important}
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#customer_details,
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#order_review_heading,
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#order_review{width:100%!important;max-width:none!important;float:none!important;clear:both!important}
    .syou-b2b-checkout-active form.syou-b2b-fallback-layout>#order_review_heading{margin-top:28px!important}
}

@media(max-width:680px){
    .syou-b2b-checkout-active .syou-b2b-section-grid{grid-template-columns:1fr!important}
    .syou-b2b-checkout-active .syou-b2b-section-grid>.syou-width-half,
    .syou-b2b-checkout-active .syou-b2b-section-grid>.syou-width-full{grid-column:1/-1!important}
    .syou-b2b-checkout-active .syou-b2b-section-title{font-size:18px!important}
    .syou-b2b-checkout-active .syou-b2b-billing-section{margin-top:24px!important}
    .syou-b2b-checkout-active .syou-b2b-shipping-section{margin-top:14px!important}
}

/* Free-shipping notice alignment helper. Coupon alignment is no longer patched:
 * v0.4.1 renders a dedicated SYOU coupon bar instead. */
.syou-b2b-checkout-active .syou-b2b-progress-aligned{box-sizing:border-box!important}