/* ============================================================================
   QUERY-FILTERING.CSS
   Rocket Blocks: Query-Filtering Block Child Theme Overrides

   HINWEIS: Diese Datei überschreibt die Plugin-Stile durch die
   Ladereihenfolge (Child-Theme lädt nach Plugin). Auskommentierte
   Variablen zeigen die verfügbaren Tokens – zum Aktivieren Kommentar
   entfernen und Wert anpassen.
   ============================================================================ */

.wp-block-query-filters {

  /* === LAYOUT === */
  /* --query-filter-gap: var(--wp--preset--spacing--1); */

  /* === WRAPPER – Vertikaler Aussenabstand (aus Theme-Spacing) === */
  /* --query-filter-margin-vertical: var(--theme-spacing-vertical-typography); */

  /* === BUTTON – Basis === */
  /* --query-filter-btn-padding-y: var(--wp--preset--spacing--1); */
  /* --query-filter-btn-padding-x: var(--wp--preset--spacing--2); */
  --query-filter-btn-border-color: var(--color-white);
  --query-filter-btn-border-radius: var(--border-radius-l);
  /* --query-filter-btn-border-width: var(--button-border-width); */
  /* --query-filter-btn-border-style: var(--button-border-style); */
  --query-filter-btn-bg: var(--color-white);
  --query-filter-btn-color: var(--color-font);
  /* --query-filter-btn-font-size: var(--button-font-size); */
  /* --query-filter-btn-font-weight: var(--button-font-weight); */
  /* --query-filter-btn-transition: all 0.3s ease; */

  /* === BUTTON – Hover === */
  --query-filter-btn-hover-bg: var(--button-border-color);
  --query-filter-btn-hover-color: var(--button-color);
  --query-filter-btn-hover-border-color: var(--button-border-color);

  /* === BUTTON – Aktiv === */
  --query-filter-btn-active-bg: var(--button-background-color);
  --query-filter-btn-active-color: var(--button-color);
  --query-filter-btn-active-border-color: var(--button-border-color);
  /* --query-filter-btn-active-padding-right: var(--wp--preset--spacing--5); */
  /* --query-filter-btn-active-close-size: var(--wp--preset--font-size--lg); */
  /* --query-filter-btn-active-close-margin-right: var(--wp--preset--spacing--2); */

  /* === BUTTON – "Alle" === */
  --query-filter-btn-all-bg: var(--color-black);
  --query-filter-btn-all-color: var(--color-white);
  /* --query-filter-btn-all-border-width: var(--button-border-width); */
  /* --query-filter-btn-all-border-style: var(--button-border-style); */
  /* --query-filter-btn-all-border-color: transparent; */
  /* --query-filter-btn-all-border-color-hover: var(--button-border-color-hover); */
}

.filter-button:hover {
  background-color: var(--query-filter-btn-hover-bg);
  color: var(--query-filter-btn-hover-color);
  border-color: var(--query-filter-btn-hover-border-color);
}

.filter-button[data-term-id="all"],
.filter-button[data-term-id="all"]:hover {
  background-color: var(--query-filter-btn-all-bg);
  color: var(--query-filter-btn-all-color);
  border-color: var(--query-filter-btn-all-border-color);
}

/* Produktefarben für PostOffice und WinFAP Filter-Buttons */
.filter-button[data-term-slug="codx-postoffice"]:hover,
.filter-button[data-term-slug="codx-postoffice"].active {
  background-color: var(--color-PostOffice);
  border-color: var(--color-PostOffice);
  color: var(--color-black);
}

.filter-button[data-term-slug="winfap"]:hover,
.filter-button[data-term-slug="winfap"].active {
  background-color: var(--color-WinFAP);
  border-color: var(--color-WinFAP);
  color: var(--color-black);
}