/* Mesozoic Haven static search styles */

.mh-search-form {
  display: grid;
  gap: 10px;
}

.mh-search-label,
.mh-search-filter-label {
  font-weight: 700;
}

.mh-search-input {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--mh-component-border);
  border-radius: var(--mh-radius-md);
  background: var(--mh-component-bg);
  color: var(--mh-component-text);
  font: inherit;
}

.mh-search-input:focus-visible {
  outline: 2px solid var(--mh-widget-accent);
  outline-offset: 2px;
}

.mh-search-help,
.mh-search-status {
  color: var(--mh-component-muted);
}

.mh-search-filter-wrap {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--mh-component-border);
}

.mh-search-filter-label {
  margin: 0 0 8px;
}

.mh-search-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mh-search-filter {
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid var(--mh-component-border);
  border-radius: 999px;
  background: var(--mh-component-bg);
  color: var(--mh-component-text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.mh-search-filter:hover,
.mh-search-filter:focus-visible {
  border-color: var(--mh-widget-accent);
}

.mh-search-filter[aria-pressed="true"] {
  border-color: var(--mh-widget-accent);
  background: color-mix(in srgb, var(--mh-widget-accent) 14%, var(--mh-component-bg));
  box-shadow: inset 0 0 0 1px var(--mh-widget-accent);
}

.mh-search-results {
  display: grid;
  gap: var(--mh-gap);
}

.mh-search-result__meta {
  margin-bottom: 6px;
  font-size: 0.92rem;
  color: var(--mh-component-muted);
}

.mh-search-result__title {
  margin-top: 0;
}

.mh-search-empty {
  padding: 18px;
  border: 1px dashed var(--mh-component-border);
  border-radius: var(--mh-radius-md);
  color: var(--mh-component-muted);
}

.mh-search-empty__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}