/* Search page — design §5 (Suche). Centered 880px column, pill form, result row cards. */

.search-col {
  max-width: 880px; margin: 0 auto; padding: 40px 0 8px;
  display: flex; flex-direction: column; gap: 18px;
}
.search-col h1 { font-size: 30px; margin: 0; }

/* Pill search form */
.searchform { display: flex; gap: 10px; }
.searchform__box {
  flex: 1; display: flex; align-items: center; gap: 12px;
  background: #fff; border: 1.5px solid var(--input-border); border-radius: 99px;
  padding: 0 20px; color: var(--meta); cursor: text;
}
.searchform__box:focus-within { border-color: var(--blue); }
.searchform__box svg { flex: none; }
.searchform__box input {
  flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
  font-family: var(--font-body); font-size: 15px; font-weight: 600; color: var(--ink);
  padding: 13px 0;
}
.searchform .btn--primary { flex: none; font-size: 15px; padding: 13px 26px; }

/* Scope chips + count */
.search-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.search-meta .chip { font-size: 12.5px; padding: 6px 14px; }
.search-meta__count { margin-left: auto; white-space: nowrap; font-size: 13px; }

/* Result rows */
.result-list { display: flex; flex-direction: column; gap: 12px; }
.result-card { display: flex; gap: 20px; align-items: center; padding: 18px 22px; }
.result-card .imgwell { width: 120px; height: 76px; flex: none; padding: 8px; }
.result-card__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.result-card__title {
  font-family: var(--font-head); font-size: 15.5px; font-weight: 800;
  color: var(--ink); line-height: 1.3;
}
.result-card:hover .result-card__title { color: var(--blue); }
.result-card__text { font-size: 13px; line-height: 1.55; color: var(--body); }
.result-card__link {
  font-family: var(--font-head); font-weight: 700; font-size: 13.5px;
  color: var(--blue); white-space: nowrap;
}

.search-empty { color: var(--meta); }

@media (max-width: 767px) {
  .search-col { padding: 24px 0 8px; gap: 12px; }
  .search-col h1 { font-size: 22px; }
  .searchform { flex-direction: column; gap: 8px; }
  .searchform__box input { font-size: 14px; padding: 12px 0; }
  .search-meta .chip { font-size: 11.5px; padding: 5px 12px; }
  .search-meta__count { margin-left: 0; flex-basis: 100%; font-size: 12px; }
  .result-card { gap: 12px; padding: 13px; }
  .result-card .imgwell { width: 70px; height: 50px; padding: 5px; border-radius: 9px; }
  .result-card__title { font-size: 13px; }
  .result-card__text,
  .result-card__link { display: none; }   /* compact rows per mobile mock */
}