/* v31 Halal Food — builds on the mosque finder styles (mq-*). */
.hf-search, .mq-search {
  width: 100%; min-width: 0; box-sizing: border-box;
  background: var(--surface-2); color: var(--text);
  border: 1px solid var(--line); border-radius: var(--r-pill);
  padding: 11px 16px; font: inherit; font-size: .92rem; margin: 2px 0 12px;
}
.hf-search:focus-visible, .mq-search:focus-visible { outline: 2px solid var(--gold-dim); outline-offset: 2px; }
.hf-cats { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.hf-only.on { color: var(--gold-bright); }
.hf-badge {
  display: inline-block; margin-top: 5px; font-size: .72rem; line-height: 1.2;
  border-radius: var(--r-pill); padding: 3px 9px; border: 1px solid var(--line); color: var(--text-dim);
}
.hf-badge.hf-only { color: var(--gold-bright); border-color: var(--gold-dim); }
.hf-badge.hf-yes, .hf-badge.hf-community { color: var(--gold); border-color: var(--gold-dim); }
.hf-count { color: var(--text-dim); font-weight: 400; font-size: .85em; margin-left: 4px; }
.hf-link {
  background: none; border: 0; padding: 0; font: inherit; font-size: .8rem;
  color: var(--text-dim); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.hf-report { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hf-report .muted { width: 100%; margin: 0; font-size: .82rem; }
.hf-ask { margin-top: 18px; }
.hf-ask > summary { cursor: pointer; font-weight: 600; padding: 8px 0; color: var(--text); }
.hf-ask .mq-list { margin-top: 8px; }
#hfAdd { margin-top: 22px; }
.mq-main { overflow-wrap: anywhere; }