/* ════════════════════════════════════════════════════════════════
   zwzr — Caster Live-Suche (5.4.8)
   ════════════════════════════════════════════════════════════════ */

.zzr-caster-search {
  padding: var(--mup-sp-8, 4rem) var(--mup-sp-4, 2rem) var(--mup-sp-6, 3rem);
}

/* ── Suchfeld ────────────────────────────────────────────────── */
.zzr-search-wrap {
  position: relative;
  max-width: 560px;
  margin: var(--mup-sp-4, 2rem) auto var(--mup-sp-3, 1.5rem);
}

.zzr-search-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.9rem 3rem 0.9rem 1.25rem;
  font-family: var(--mup-font-serif, 'EB Garamond', serif);
  font-style: italic;
  font-size: 1.1rem;
  background: transparent;
  border: 0;
  border-bottom: 2px solid rgba(201, 168, 76, 0.4);
  color: inherit;
  outline: none;
  transition:
    border-color var(--mup-t-fast, 200ms) var(--mup-ease-hover, ease);
  appearance: none;
  -webkit-appearance: none;
}

.zzr-search-input:focus {
  border-color: var(--mup-gold, #c9a84c);
}

.zzr-search-input::placeholder {
  color: currentColor;
  opacity: 0.4;
  font-style: italic;
}

/* Lupe-Icon */
.zzr-search-wrap::after {
  content: '⌕';
  position: absolute;
  right: 0.75rem;
  top: 50%;
  translate: 0 -50%;
  color: var(--mup-gold, #c9a84c);
  font-size: 1.2rem;
  pointer-events: none;
  opacity: 0.7;
}

/* Ergebnis-Zähler */
.zzr-search-count {
  display: block;
  text-align: center;
  font-family: var(--mup-font-sans, 'Jost', sans-serif);
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mup-gold, #c9a84c);
  margin-top: 0.5rem;
  min-height: 1em;
  opacity: 0;
  transition: opacity var(--mup-t-fast, 200ms);
}
.zzr-search-count.is-active { opacity: 1; }

/* ── Filter-Tabs ─────────────────────────────────────────────── */
.zzr-filter-tabs-wrap {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: var(--mup-sp-4, 2rem);
}

.zzr-filter-tab {
  background: transparent;
  border: 1px solid rgba(201, 168, 76, 0.35);
  color: inherit;
  font-family: var(--mup-font-sans, 'Jost', sans-serif);
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.5rem 1.1rem;
  border-radius: var(--mup-r-pill, 60px);
  cursor: pointer;
  transition:
    background    var(--mup-t-fast, 200ms) var(--mup-ease-hover, ease),
    border-color  var(--mup-t-fast, 200ms) var(--mup-ease-hover, ease),
    color         var(--mup-t-fast, 200ms) var(--mup-ease-hover, ease);
  min-height: 36px;
}

.zzr-filter-tab.is-active,
.zzr-filter-tab:hover {
  background: var(--mup-gold, #c9a84c);
  border-color: var(--mup-gold, #c9a84c);
  color: #1f1a12;
}

/* ── Hidden State für gefilterte Cards ──────────────────────── */
.gk-actor-card.is-hidden-search,
.zzr-actor-card.is-hidden-search {
  display: none !important;
}

/* ── No-Results Meldung ─────────────────────────────────────── */
.zzr-no-results {
  text-align: center;
  font-family: var(--mup-font-serif, 'EB Garamond', serif);
  font-style: italic;
  opacity: 0.55;
  padding: var(--mup-sp-8, 4rem) 0;
  display: none;
}
.zzr-no-results.is-visible { display: block; }

@media (max-width: 640px) {
  .zzr-search-input { font-size: 16px; } /* iOS Zoom-Fix */
  .zzr-filter-tab { font-size: 0.6rem; padding: 0.5rem 0.85rem; }
}