/* Shared by public company and testimonial search. Page CSS owns placement only. */
.hindle-search { min-width: 0; margin: 0; }
.hindle-search-field { display: flex; align-items: center; gap: 10px; min-height: 54px; padding-left: 14px; border: 1px solid var(--hindle-rule); }
.hindle-search-field:focus-within { outline: 2px solid var(--hindle-focus); outline-offset: 3px; }
.hindle-search-field > svg { flex: 0 0 18px; fill: none; stroke: var(--hindle-muted); stroke-width: 1.2; }
.hindle-search input { flex: 1; min-width: 0; padding: 12px 0; border: 0; border-radius: 0; outline: none; background: transparent; color: var(--hindle-text); font: 16px/1.5 var(--hindle-sans); }
.hindle-search input::placeholder { color: var(--hindle-muted); opacity: 1; }
.hindle-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.hindle-search .hindle-search-clear { display: inline-flex; flex: 0 0 44px; align-self: stretch; align-items: center; justify-content: center; min-height: 48px; color: var(--hindle-muted); font-size: 24px; text-decoration: none; }
.hindle-search-field > button { align-self: stretch; min-height: 52px; padding: 12px 16px; border: 0; border-left: 1px solid var(--hindle-rule); background: transparent; font-size: 14px; }
.hindle-search .hindle-search-clear:hover, .hindle-search-field > button:hover { background: var(--hindle-rule); color: var(--hindle-text); }
.hindle-search-suggestions { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; margin-top: 8px; color: var(--hindle-muted); font-size: 12px; }
.hindle-search-suggestions a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.hindle-search-suggestions a:hover { color: var(--hindle-text); }
@media (max-width: 767px) {
  .hindle-search-field { gap: 8px; padding-left: 12px; }
  .hindle-search-field > button { padding-inline: 12px; }
}