/* pandabu RC16.271 – Suche: echte Filterung, Clear-X, Toolbar-Abstand */

/* Gefilterte Elemente müssen unabhängig von älteren Layout-Regeln vollständig verschwinden. */
.core-search-filtered-out{display:none!important}
.core-search-empty[hidden]{display:none!important}
.core-search-empty.core-search-empty-visible{
  display:block!important;
  margin:2px 0 14px;
  text-align:center;
}

/* Kleiner, konsistenter Abstand zwischen Auswahl-/Ansichtsleiste und Suche. */
.core-toolbar-row + .core-item-search,
.shopping-toolbar-row + .core-item-search{
  margin-top:12px;
}

/* Eigenes X rechts: auf allen Geräten sichtbar und leicht bedienbar. */
.core-item-search{position:relative}
.core-item-search input{
  -webkit-appearance:none;
  appearance:none;
}
.core-item-search input::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
}
.core-item-search-clear{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--surface) 76%,transparent)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  font-size:24px!important;
  font-weight:700!important;
  line-height:32px!important;
  text-align:center!important;
  cursor:pointer;
}
.core-item-search-clear:hover,
.core-item-search-clear:focus-visible{
  color:var(--text)!important;
  background:var(--surface)!important;
  outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);
  outline-offset:1px;
}
.core-item-search-clear[hidden]{display:none!important}

@media (max-width:699px){
  .core-toolbar-row + .core-item-search,
  .shopping-toolbar-row + .core-item-search{margin-top:10px}
}