/**
 * Checkout Address Layout
 *
 * Target layout:
 *   Row 1: Country/Region            — full width
 *   Row 2: First name (50%)          | Last name (50%)
 *   Row 3: Company (50%)             | Phone (50%)
 *   Row 4: VAT number (50%)          | Chamber of Commerce (50%)
 *   Row 5: Postal code (50%)         | House number (50%)
 *   Row 6: Address / address_1 (50%) | City (50%)
 *
 * Additional fields (VAT, KVK, house number) are always last in the DOM
 * because WooCommerce Blocks appends them after core fields. CSS flex
 * `order` is used to pull them into the correct visual row.
 *
 * Tab order is corrected separately in address-check.js via tabindex.
 */

.wc-block-components-address-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* Default: full width, visually last */
.wc-block-components-address-form > * {
    order: 99;
    flex: 0 0 100%;
    width: 100%;
}

/* ── Row 1: Country ─────────────────────────────────────────────────────── */
.wc-block-components-address-form .wc-block-components-address-form__country {
    order: 1;
    flex: 0 0 100%;
    width: 100%;
}

/* ── Row 2: First name | Last name ──────────────────────────────────────── */
.wc-block-components-address-form .wc-block-components-address-form__first_name {
    order: 2;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

.wc-block-components-address-form .wc-block-components-address-form__last_name {
    order: 3;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

/* ── Row 3: Company | Phone ─────────────────────────────────────────────── */
.wc-block-components-address-form .wc-block-components-address-form__company {
    order: 4;
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px);
}

.wc-block-components-address-form .wc-block-components-address-form__phone {
    order: 5;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

/* ── Row 4: VAT number | Chamber of Commerce ────────────────────────────── */
.wc-block-components-address-form
    .wc-block-components-address-form__unifiedsmb-billing-vat-number {
    order: 6;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

.wc-block-components-address-form
    .wc-block-components-address-form__unifiedsmb-billing-kvk-number {
    order: 7;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

/* When VAT is hidden (no company), KVK takes full width */
.wc-block-components-address-form
    .wc-block-components-address-form__unifiedsmb-billing-vat-number[aria-hidden="true"]
    ~ .wc-block-components-address-form__unifiedsmb-billing-kvk-number {
    flex: 0 0 100%;
    width: 100%;
}

/* ── Row 5: Postal code | House number ──────────────────────────────────── */
.wc-block-components-address-form .wc-block-components-address-form__postcode {
    order: 8;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

.wc-block-components-address-form
    .wc-block-components-address-form__unifiedsmb-billing-house-number {
    order: 9;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
}

/* ── Row 6: Address | City ──────────────────────────────────────────────── */
.wc-block-components-address-form .wc-block-components-address-form__address_1 {
    order: 10;
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px);
}

.wc-block-components-address-form .wc-block-components-address-form__city {
    order: 11;
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px);
}

/* ── Hide address_2 toggle — not needed ─────────────────────────────────── */
.wc-block-components-address-form .wc-block-components-address-form__address_2-toggle,
.wc-block-components-address-form button.wc-block-components-address-form__address_2-toggle {
    display: none !important;
}

/* ── House number hidden (non-NL) ───────────────────────────────────────── */
.wc-block-components-address-form
    .wc-block-components-address-form__unifiedsmb-billing-house-number[aria-hidden="true"] {
    display: none !important;
}

/* ── VAT hidden (no company) ────────────────────────────────────────────── */
.wc-block-components-address-form
    .wc-block-components-address-form__unifiedsmb-billing-vat-number[aria-hidden="true"] {
    display: none !important;
}