/* ===== HCG Battlefield – Search Page Only ===== */
/* Gilt, weil deine <section> bereits class="search-page" trägt. */

/* Liste hart resetten, damit keine Bullets/Einzüge durchrutschen */
.search-page ul.results-textlist,
.search-page ul.results-textlist ul,
.search-page ul.results-textlist li{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Abstand zwischen Treffern + etwas Luft unten */
.search-page .results-textlist{
  display: flex;
  flex-direction: column;
  gap: 18px;            /* vertikaler Abstand */
  margin-bottom: 28px;
}

/* Ergebnis-Zeile als halbtransparentes Feld */
.search-page .result{ --accent:#ff3b3f; } /* Default; unten pro Typ überschrieben */

.search-page .result-row{
  display: block;
  padding: 14px 16px;
  border: 1px solid var(--line, rgba(255,255,255,.18));
  border-left: 3px solid var(--accent);
  background: rgba(15,19,23,.50);        /* ~50% transparent */
  color: var(--text, #e6e6e6);
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease;
}
.search-page .result-row:hover{
  background: rgba(18,26,32,.60);
  border-color: rgba(255,255,255,.28);
}

/* Titel/Heading in der Zeile */
.search-page .result-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.search-page .result-title{
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .02em;
}

/* Typ-Akzentfarben (optional, nice touch) */
.search-page .result[data-type="Karten"]            { --accent:#4db3ff; }
.search-page .result[data-type="Modi"]              { --accent:#b780ff; }
.search-page .result[data-type="Fahrzeuge"]         { --accent:#ffc14d; }
.search-page .result[data-type="Waffen"]            { --accent:#ff6b6b; }
.search-page .result[data-type="Klassen"]           { --accent:#7bd38f; }
.search-page .result[data-type="Herausforderungen"] { --accent:#4dd0e1; }

/* Kopfbereich der Seite (Suchzeile) – passt zur Badge-Optik aus main.css */
.searchbar{ display:flex; gap:8px; margin-top:12px; }
.badge-input{
  height:34px; padding:0 10px;
  border:1px solid var(--line, rgba(255,255,255,.18));
  background:#0f1317; color:var(--text, #e6e6e6);
  border-radius:2px; outline:none;
}
.badge-input::placeholder{ color:rgba(255,255,255,.6); }
.searchbar__btn.badge--link{
  height:34px; display:inline-flex; align-items:center; justify-content:center;
  padding:0 12px;
}

/* Headline-Badges unter dem Suchfeld */
.results-head{ display:flex; gap:8px; align-items:center; margin:10px 0 16px; }