/* DIPANI V7.74 – Filter-Präsentation, keine Änderung an Daten oder Suche.
 * Nur die echten Filter auf den DIPANI-Anzeigen-/Kategorie-/Projektseiten.
 * Stile der Karten, Maps, Autorenseite, Formulare und Buttons außerhalb
 * dieser Filter bleiben unverändert. Inter wird nur genutzt, falls vorhanden.
 */

/* Einheitliche Schrift: vorheriges DIPANI-/Theme-Inter weiterverwenden. */
html body .dipani-archive-grid,
html body .dipani-projects-directory {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  color:#202124!important;
}

/* Weiße Filterkarte mit feinem Rahmen, größeren Rundungen und Schatten. */
html body .dipani-archive-grid .full-page-sidebar .full-page-sidebar-inner,
html body .dipani-archive-grid.dipani-v727-ready > .full-page-sidebar .full-page-sidebar-inner,
html body .dipani-projects-layout .dipani-projects-filter {
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #e1e2e5!important;
  border-radius:26px!important;
  box-shadow:0 10px 30px rgba(20,27,40,.09),0 2px 8px rgba(20,27,40,.035)!important;
}
/* Ist bei einer älteren Listeo-Version kein Inner-Element vorhanden,
 * erhält das existierende Filterformular die Karte – nicht beide zugleich. */
html body .dipani-archive-grid .full-page-sidebar:not(:has(.full-page-sidebar-inner)) > .dipani-v79-filter {
  padding:22px!important;
  background:#fff!important;
  border:1px solid #e1e2e5!important;
  border-radius:26px!important;
  box-shadow:0 10px 30px rgba(20,27,40,.09)!important;
}

html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter,
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter *,
html body .dipani-projects-layout .dipani-projects-filter,
html body .dipani-projects-layout .dipani-projects-filter * {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter {
  color:#202124!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-title,
html body .dipani-projects-layout .dipani-projects-filter h2 {
  color:#181818!important;
  border-bottom-color:#e7e7e7!important;
  font-size:20px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-section {
  border-bottom-color:#e7e7e7!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-label,
html body .dipani-projects-layout .dipani-projects-filter label {
  color:#252525!important;
  font-weight:650!important;
}
/* Bewusst KEIN display, height, width, position oder queryseitige Attribute überschreiben. */
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter :is(.dipani-v79-type,.dipani-v79-trigger,.dipani-v79-city,.dipani-v79-keyword,.dipani-v79-menu-search),
html body .dipani-projects-layout .dipani-projects-filter :is(input[type="search"],select) {
  background-color:#fff!important;
  color:#232323!important;
  border-color:#dedfe2!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-trigger-label,
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-choice,
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-option {
  color:#292929!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter :is(.dipani-v79-menu,.dipani-v79-city-menu,.dipani-v79-suggestions) {
  background:#fff!important;
  border-color:#e1e2e5!important;
  box-shadow:0 10px 24px rgba(20,27,40,.11)!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-option:hover,
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter .dipani-v79-option:focus-visible {
  background:#f2f6ff!important;
  color:#073ba4!important;
}
html body .dipani-archive-grid .full-page-sidebar .dipani-v79-filter :is(.dipani-v79-keyword,.dipani-v79-city,.dipani-v79-menu-search)::placeholder,
html body .dipani-projects-layout .dipani-projects-filter input::placeholder {
  color:#737780!important;
}
/* Die bestehenden DIPANI-Suchbuttons bleiben blau mit weißem Text. */
@media(max-width:767px) {
  html body .dipani-archive-grid .full-page-sidebar .full-page-sidebar-inner,
  html body .dipani-projects-layout .dipani-projects-filter {border-radius:20px!important;}
}
