/* Hallmark · component: city/ZIP suggestions · Plumbing water/navy · P5 H5 E5 S5 R5 V4. */
body.af-plumbing-design {
  .af-provider-finder :is(input[name="location"],select[name="specialty"]) { background-color: var(--color-ex-paper) !important; color: var(--color-ex-ink) !important; color-scheme: light; }
  .af-provider-finder input[name="location"]::placeholder { color: var(--color-ex-secondary) !important; opacity: 1; }
  .af-provider-finder__city { position: relative; min-width: 0; }
  .af-provider-search-popup { position: fixed; inset: auto; top: var(--provider-popup-top); left: var(--provider-popup-left); width: var(--provider-popup-width); max-height: min(var(--size-city-dropdown), var(--provider-popup-height)); display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; overflow: clip; z-index: var(--z-city-dropdown); border: var(--rule-ex-fine) solid var(--color-ex-rule); border-radius: var(--radius-city-dropdown); background: var(--color-ex-paper); color: var(--color-ex-ink); box-shadow: var(--shadow-city-dropdown); font: 400 var(--text-ex-meta)/1.4 var(--font-ex-body); }
  .af-provider-search-popup[hidden], .af-provider-search-popup[popover]:not(:popover-open) { display: none; }
  .af-provider-search-popup > p { flex: 0 0 auto; padding: var(--space-ex-sm); margin: 0; background: var(--color-ex-porcelain); color: var(--color-ex-secondary); font: inherit; }
  .af-provider-search-popup ul { list-style: none; min-height: 0; padding: 0; margin: 0; overflow-y: auto; overscroll-behavior: contain; }
  .af-provider-search-popup li { margin: 0; padding: 0; }
  .af-provider-search-popup li + li { border-top: var(--rule-ex-fine) solid var(--color-ex-row-rule); }
  .af-provider-search-popup a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-ex-xs); min-height: var(--control-ex-height); padding: var(--space-ex-xs) var(--space-ex-sm); color: var(--color-ex-copper); text-decoration: none; }
  .af-provider-search-popup a strong { font-weight: 600; }
  .af-provider-search-popup a small { display: block; color: var(--color-ex-secondary); font: inherit; }
  .af-provider-search-popup a:is(:hover,[aria-selected="true"]) { background: var(--color-ex-porcelain); }
  .af-provider-search-popup a:active { background: var(--color-ex-hover); }
  .af-provider-search-popup a:focus-visible { outline: var(--rule-ex-focus) solid var(--color-ex-copper); outline-offset: calc(-1 * var(--rule-ex-focus)); }
  .af-provider-finder__city input:focus-visible { outline: var(--rule-ex-focus) solid var(--color-ex-copper); outline-offset: var(--space-ex-2xs); }
  .af-provider-finder__city input:disabled { opacity: .55; }
  .af-provider-finder__city input[aria-busy="true"] { border-style: dashed; }
  .af-provider-finder__city input[aria-invalid="true"] { border-color: var(--color-ex-copper-pressed); }
}
