/*
 * search-results.css — stoiker.net
 * Suchergebnisliste + Badges
 * Einbinden auf: /suche
 * Benötigt: search-common.css
 */

/*#body-wrapper {
  background: #f9f7f2;
}*/

.search-results-page {
  min-height: 70vh;
}

/* ── Zusammenfassung ── */
.search-summary {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e6e0;
}

.search-summary h2 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1a1714;
  margin: 0;
}

/* ── Einzelnes Ergebnis ── */
.search-result-item {
  background: #fff;
  border: 1px solid #e8e6e0;
  border-radius: 6px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  border-left: 3px solid #1a1714;
  transition: border-color .15s;
}

.search-result-item:hover {
  border-color: #b0aa9c;
}

/* Typ-spezifische Akzentfarben — dezent */
.result-type-artikel  { border-left-color: #1a1714; }
.result-type-reflexion { border-left-color: #3d6b4f; }
.result-type-zitat    { border-left-color: #7a6030; }
.result-type-uebung   { border-left-color: #6b3d1a; }
.result-type-glossar  { border-left-color: #3d3d6b; }
.result-type-seite    { border-left-color: #a09880; }

.result-header {
  margin-bottom: .75rem;
}

.result-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 .4rem 0;
}

.result-title a {
  color: #1a1714;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .15s;
}

.result-title a:hover {
  border-bottom-color: #1a1714;
  color: #1a1714;
}

.result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  font-size: .8rem;
  color: #7a7060;
  margin-bottom: .5rem;
}

.result-date {
  color: #a09880;
}

.result-category {
  background: #f0ede5;
  color: #3d3830;
  padding: .15rem .5rem;
  border-radius: 4px;
  font-size: .75rem;
}

/* ── Content-Type-Badge ── */
.content-type-badge {
  display: inline-block;
  font-size: .7rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: .15rem .5rem;
  border-radius: 4px;
  background: #f0ede5;
  color: #7a7060;
  border: 1px solid #e8e6e0;
}

/* Typ-spezifische Badge-Varianten */
.result-type-artikel  .content-type-badge { background: #f0ede5; color: #1a1714; }
.result-type-reflexion .content-type-badge { background: #edf5f0; color: #2d5040; }
.result-type-zitat    .content-type-badge { background: #fdf5e6; color: #6b4c10; }
.result-type-uebung   .content-type-badge { background: #f5ede6; color: #5c2d0a; }
.result-type-glossar  .content-type-badge { background: #ededf5; color: #2d2d5c; }
.result-type-seite    .content-type-badge { background: #f0ede5; color: #7a7060; }

/* ── Excerpt ── */
.result-excerpt {
  font-size: .9rem;
  color: #3d3830;
  line-height: 1.6;
  margin: 0;
}

/* ── Keine Ergebnisse ── */
.no-results {
  text-align: center;
  padding: 3rem 2rem;
  color: #7a7060;
}

/* ── Responsive ── */
@media (max-width: 640px) {
  .search-result-item {
    padding: 1rem;
  }
  .result-meta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media print {
  .search-result-item {
    box-shadow: none;
    border: 1px solid #e8e6e0;
    break-inside: avoid;
  }
  .result-title a {
    color: #1a1714 !important;
    text-decoration: underline;
  }
}