/* V2-05.4R.10 — remove the all-filters drawer and keep every filter inline. */

.catalogue-all-filters-button,
.catalogue-filter-drawer,
.catalogue-filter-backdrop,
.catalogue-workspace-v2.is-filter-drawer-open .catalogue-filter-drawer {
  display: none !important;
}

body.has-catalogue-drawer {
  overflow: auto !important;
}

.catalogue-smart-filter-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 0 0 4px;
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
}

.catalogue-smart-filter-bar::-webkit-scrollbar {
  height: 5px;
}

.catalogue-smart-filter-bar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(41, 40, 38, 0.16);
}

.catalogue-smart-filter-bar > .catalogue-filter-popover {
  flex: 0 0 auto;
}

.catalogue-filter-popover > summary {
  white-space: nowrap;
}

.catalogue-filter-popover__panel {
  max-height: min(520px, calc(100vh - 190px));
  overflow-y: auto;
}

.catalogue-filter-popover__panel > .smart-filter-field,
.catalogue-filter-popover__panel > .smart-filter-group,
.catalogue-filter-popover__panel > .smart-filter-boolean,
.catalogue-filter-popover__panel > .heater-filter-group {
  margin: 0 !important;
}

@media (max-width: 900px) {
  .catalogue-smart-filter-bar {
    padding-bottom: 6px;
  }
}
