/* GCBoK Site Search (Pagefind) — Overlay + Ergebnisbereich */

.gc-search {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 8vh 1rem 1rem;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
}

.gc-search[hidden] {
  display: none;
}

.gc-search__inner {
  width: min(720px, 100%);
  max-height: 80vh;
  overflow-y: auto;
  background: var(--bg, #fff);
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
  padding: 1rem 1.1rem 1.2rem;
}

.gc-search__hint {
  margin: 0.75rem 0 0;
  font-size: 0.8rem;
  color: var(--muted, #64748b);
}

/* Hervorhebung des Session-Suchbegriffs auf der Zielseite */
main mark,
.mark-search {
  background: #fde68a;
  color: inherit;
  border-radius: 3px;
  padding: 0 1px;
}

/* PagefindUI Anpassung an GCBoK-Theme */
#gcSearchResults .pagefind-ui {
  --pagefind-ui-primary: #0f766e;
  --pagefind-ui-font: inherit;
  --pagefind-ui-border: 1px solid var(--border, #e2e8f0);
  --pagefind-ui-border-radius: 10px;
  --pagefind-ui-tag: #0f766e;
}

#gcSearchResults .pagefind-ui__search-input {
  font-size: 1rem;
  /* Leicht farbiger Hintergrund: Feld auch ohne Fokus erkennbar */
  background-color: rgba(15, 118, 110, 0.07);
  padding-right: 9rem;
}

/* "Suche leeren"-Button: farbige Fläche + zentrierter Text */
#gcSearchResults .pagefind-ui__search-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 0.9rem;
  background-color: var(--pagefind-ui-primary, #0f766e);
  color: #fff;
  border: 1px solid var(--pagefind-ui-primary, #0f766e);
  border-radius: var(--pagefind-ui-border-radius, 10px);
  font-weight: 600;
  cursor: pointer;
}

#gcSearchResults .pagefind-ui__search-clear:hover {
  filter: brightness(0.94);
}