/**
 * AllShip Checkout – Compact Layout v2
 * Thứ tự form:
 *   First Name
 *   Phone | Email (2 cột)
 *   Tỉnh | Quận | Phường (3 cột PC, 1 cột mobile)
 *   Địa chỉ 1
 *   Địa chỉ 2 (optional)
 *   Mã bưu điện
 */

/* ── 3 dropdown: mobile-first, 1 cột ───────────────────────────── */
.woocommerce-checkout .allship-col-province,
.woocommerce-checkout .allship-col-district,
.woocommerce-checkout .allship-col-ward {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* ── PC: 3 cột bằng nhau trong 1 hàng ─────────────────────────── */
@media (min-width: 769px) {
    .woocommerce-checkout .allship-col-province {
        width: calc(33.333% - 10px) !important;
        float: left !important;
        margin-right: 15px !important;
        clear: left !important;
    }
    .woocommerce-checkout .allship-col-district {
        width: calc(33.333% - 8px) !important;
        float: left !important;
        margin-right: 15px !important;
        clear: none !important;
    }
    .woocommerce-checkout .allship-col-ward {
        width: calc(33.333% - 7px) !important;
        float: left !important;
        margin-right: 0 !important;
        clear: none !important;
    }

    /* Field ngay sau ward tự xuống hàng mới */
    .woocommerce-checkout .allship-col-ward + p.form-row,
    .woocommerce-checkout .allship-col-ward + .form-row {
        clear: both !important;
    }
}

/* Clearfix sau ward */
.woocommerce-checkout .allship-col-ward::after {
    content: '';
    display: table;
    clear: both;
}