/* ============================================================
   Public "Find your operator" finder.
   Iframe-embedded on pristinewatersystems.com.au, so the layout
   has to size itself tightly to its content — any padding or
   collapsed-float artefact below the form widens the iframe's
   visible area and breaks the marketing-site composition.

   Legacy webform used float:left for the three controls; that
   left .lookup-form with zero rendered height (children escape
   normal flow), which is what caused the box to "spill over".
   We replace floats with flexbox so the parent box hugs its
   children at their natural height, no clearfix needed, and
   the iframe stays the right size.
   ============================================================ */

.lookup-form {
    /* flex-wrap so the row drops into a column when the iframe
       narrows past the trio's combined width. align-items:center
       keeps the controls vertically aligned regardless of their
       individual heights (DxComboBox vs textbox can differ by
       a pixel or two depending on theme). */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 8px 4px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.postcode { width: 95px; }
.suburb   { min-width: 180px; }
.finder   { /* sized by its button child */ }