:root {
  --ks-filter-ink: #153d5a;
  --ks-filter-blue: #315f86;
  --ks-filter-blue-dark: #244a69;
  --ks-filter-soft: #f3f7fa;
  --ks-filter-border: #d5e1e9;
  --ks-filter-focus: #f28c18;
}

.ks-filter-experience .ks-filter-layout {
  align-items: start !important;
}

.ks-filter-controls {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 24px;
  color: var(--ks-filter-ink);
  font-family: Poppins, sans-serif;
}

body.search.ks-filter-experience .ks-filter-controls--search .ks-filter-summary {
  display: none;
}

body.search-no-results.ks-filter-experience.ks-filter-base-zero .ks-filter-controls {
  display: none !important;
}

.ks-filter-summary,
.ks-filter-toolbar {
  display: flex;
  align-items: center;
}

.ks-filter-summary {
  min-height: 28px;
  margin-bottom: 12px;
}

.ks-filter-result-count {
  margin: 0;
  color: var(--ks-filter-ink);
  font: 600 15px/1.5 Poppins, sans-serif;
}

.ks-filter-toolbar {
  justify-content: space-between;
  gap: 12px;
}

.ks-filter-trigger,
.ks-filter-sort {
  box-sizing: border-box;
  min-height: 46px;
  border: 1px solid var(--ks-filter-border);
  border-radius: 12px;
  background: #fff;
  color: var(--ks-filter-ink);
}

.ks-filter-trigger {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px 14px;
  font: 600 14px/1.2 Poppins, sans-serif;
  cursor: pointer;
}
body.ks-filter-experience button.ks-filter-trigger {
  border: 1px solid var(--ks-filter-border) !important;
  background: #fff !important;
  color: var(--ks-filter-ink) !important;
}
body.ks-filter-experience button.ks-filter-trigger:hover {
  border-color: #9ebdcd !important;
  background: var(--ks-filter-soft) !important;
}

.ks-filter-trigger__icon {
  display: grid;
  width: 19px;
  gap: 4px;
}
.ks-filter-trigger__icon i {
  display: block;
  height: 1.5px;
  border-radius: 3px;
  background: currentColor;
}
.ks-filter-trigger__icon i:nth-child(2) { width: 13px; }
.ks-filter-trigger__icon i:nth-child(3) { width: 7px; }
.ks-filter-trigger__count {
  display: inline-grid;
  min-width: 22px;
  height: 22px;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--ks-filter-blue);
  color: #fff;
  font-size: 12px;
}
.ks-filter-trigger__count[hidden] { display: none; }

.ks-filter-sort {
  display: grid;
  grid-template-columns: auto minmax(150px, 220px);
  align-items: center;
  overflow: hidden;
}
.ks-filter-sort__label {
  padding-left: 14px;
  color: #627887;
  font: 500 12px/1 Poppins, sans-serif;
}
.ks-filter-sort__select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 34px 8px 10px;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: var(--ks-filter-ink);
  font: 600 13px/1.3 Poppins, sans-serif;
}

.ks-filter-active {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
}
.ks-filter-active[hidden] { display: none; }
.ks-filter-active__label {
  flex: 0 0 auto;
  color: #627887;
  font-size: 12px;
  font-weight: 500;
}
.ks-filter-active__chips {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}
.ks-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid #c9dbe6;
  border-radius: 999px;
  background: #f5f9fc;
  color: var(--ks-filter-ink) !important;
  font: 500 12px/1.25 Poppins, sans-serif;
  text-decoration: none !important;
}
.ks-filter-chip span { font-size: 17px; line-height: 1; }
.ks-filter-clear,
.ks-filter-drawer-clear {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  color: var(--ks-filter-blue-dark);
  font: 600 13px/1.2 Poppins, sans-serif;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.ks-filter-experience button.ks-filter-clear,
body.ks-filter-experience button.ks-filter-drawer-clear {
  border: 0 !important;
  background: transparent !important;
  color: var(--ks-filter-blue-dark) !important;
}

.ks-filter-experience :is(.ks-filter-trigger, .ks-filter-sort__select, .ks-filter-chip, .ks-filter-clear, .ks-filter-close, .ks-filter-drawer-clear, .ks-filter-drawer-apply, .ks-price-apply):focus-visible,
.ks-filter-experience .wpc-filters-main-wrap :is(a, button, input, select):focus-visible {
  outline: 3px solid var(--ks-filter-focus) !important;
  outline-offset: 2px !important;
}

/* Filter Everything remains the behaviour owner; its template-specific
 * controls stay in the DOM for AJAX and URL state, but one shared toolbar is
 * the visible control surface. */
.ks-filter-experience .ks-filter-layout .wpc-filters-open-button-container,
.ks-filter-experience .ks-filter-layout .elementor-widget-wp-widget-wpc_sorting_widget,
.ks-filter-experience .ks-filter-layout .wpc-widget-close-container,
.ks-filter-experience .ks-filter-layout .wpc-filters-widget-controls-container,
.ks-filter-experience .ks-filter-layout .wpc-inner-widget-chips-wrapper {
  display: none !important;
}

.ks-filter-experience .wpc-filters-widget-content {
  box-sizing: border-box;
  color: var(--ks-filter-ink);
  font-family: Poppins, sans-serif;
}
.ks-filter-experience .wpc-filters-section {
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid #e2eaf0;
}
.ks-filter-experience .wpc-filters-section:first-of-type { padding-top: 0; }
.ks-filter-experience .wpc-filter-title {
  margin: 0 0 12px;
  color: var(--ks-filter-ink);
  font: 650 15px/1.45 Poppins, sans-serif;
}
.ks-filter-experience .wpc-filters-ul-list li.wpc-term-item label {
  display: flex;
  box-sizing: border-box;
  min-height: 44px;
  align-items: center;
  color: #294b61;
  font: 400 13px/1.45 Poppins, sans-serif;
}
.ks-filter-experience .wpc-filters-ul-list li.wpc-term-item input {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  accent-color: var(--ks-filter-blue);
}
.ks-filter-experience .wpc-filters-main-wrap a { color: var(--ks-filter-ink); }
.ks-filter-experience .wpc-term-count { margin-left: auto; color: #748894; }

.ks-filter-experience .wpc-filters-range-wrapper { gap: 10px; }
.ks-filter-experience .wpc-filters-range-column {
  position: relative;
  display: grid;
  width: 50%;
  max-width: none;
  gap: 6px;
  margin: 0;
}
.ks-price-label {
  color: #627887;
  font: 500 12px/1.2 Poppins, sans-serif;
}
.ks-filter-experience .wpc-filter-range-form input[type="number"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 9px 30px 9px 12px;
  border: 1px solid var(--ks-filter-border);
  border-radius: 10px;
  background: #fff;
  color: var(--ks-filter-ink);
  font: 500 14px/1.2 Poppins, sans-serif;
}
.ks-filter-experience .wpc-range-clear { top: 27px; right: 7px; }
.ks-filter-experience .wpc-filters-range-slider-wrapper { margin: 24px 8px 16px; }
.ks-filter-experience .wpc-filters-range-slider .ui-slider-range { background: var(--ks-filter-blue); }
.ks-price-apply {
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  border: 1px solid var(--ks-filter-blue);
  border-radius: 10px;
  background: #fff;
  color: var(--ks-filter-blue-dark);
  font: 600 13px/1.2 Poppins, sans-serif;
  cursor: pointer;
}
.ks-price-error {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  color: #a52a2a;
  font: 600 12px/1.45 Poppins, sans-serif;
}
.ks-price-error[hidden] { display: none; }
.ks-filter-experience .wpc-filter-range-form input[aria-invalid="true"] {
  border-color: #a52a2a !important;
  box-shadow: 0 0 0 2px rgb(165 42 42 / 12%);
}
body.ks-filter-experience button.ks-price-apply {
  border: 1px solid var(--ks-filter-blue) !important;
  background: #fff !important;
  color: var(--ks-filter-blue-dark) !important;
}

.ks-filter-drawer-head,
.ks-filter-drawer-actions { display: none; }
.ks-filter-overlay[hidden] { display: none; }

.ks-filter-zero-message {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 24px;
  padding: 22px;
  border: 1px solid var(--ks-filter-border);
  border-radius: 16px;
  background: var(--ks-filter-soft);
  color: var(--ks-filter-ink);
  text-align: center;
}
.ks-filter-zero-message[hidden] { display: none; }
.ks-filter-zero-message h2 { margin: 0 0 7px; color: inherit; font: 650 19px/1.35 Poppins, sans-serif; }
.ks-filter-zero-message p { margin: 0 auto 14px; max-width: 520px; font: 400 14px/1.55 Poppins, sans-serif; }
.ks-filter-zero-clear {
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid var(--ks-filter-blue);
  border-radius: 10px;
  background: var(--ks-filter-blue);
  color: #fff;
  font: 650 13px/1.2 Poppins, sans-serif;
  cursor: pointer;
}
body.ks-filter-experience button.ks-filter-zero-clear {
  border: 1px solid var(--ks-filter-blue) !important;
  background: var(--ks-filter-blue) !important;
  color: #fff !important;
}
body.search.ks-filtered-zero .ks-search-empty { display: none !important; }

@media (min-width: 768px) {
  body.ks-filter-experience .categorieen-container {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .ks-filter-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 24px;
  }
  .ks-filter-summary { margin: 0; }
  .ks-filter-toolbar { justify-content: flex-end; }
  .ks-filter-active { grid-column: 1 / -1; margin-top: 0; }
  .ks-filter-experience .ks-filter-layout {
    display: grid !important;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
    gap: 0 30px !important;
  }
  .ks-filter-layout > .ks-filter-controls { grid-column: 1 / -1; }
  .ks-filter-layout > .ks-filter-sidebar {
    position: sticky !important;
    top: 100px;
    grid-column: 1;
    width: 100% !important;
    min-width: 0 !important;
    align-self: start;
  }
  .ks-filter-layout > .ks-filter-results-column {
    grid-column: 2;
    width: 100% !important;
    min-width: 0 !important;
  }
  .ks-filter-sidebar .wpc-filters-widget-content {
    display: block !important;
    position: static !important;
    height: auto !important;
    max-height: calc(100vh - 120px);
    padding: 20px !important;
    overflow: auto;
    border: 1px solid var(--ks-filter-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 26px rgb(21 61 90 / 6%);
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .ks-filter-sidebar .wpc-filters-widget-containers-wrapper {
    position: static !important;
    overflow: visible !important;
  }
}

@media (max-width: 1023px) {
  .ks-filter-experience .ks-filter-layout { display: block !important; }
  .ks-filter-controls { margin-bottom: 20px; }
  .ks-filter-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ks-filter-trigger { display: inline-flex; width: 100%; }
  .ks-filter-sort { grid-template-columns: 1fr; width: 100%; }
  .ks-filter-sort__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
  .ks-filter-sort__select { min-height: 44px; padding-left: 14px; }
  .ks-filter-layout > .ks-filter-sidebar {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .ks-filter-layout > .ks-filter-results-column { width: 100% !important; min-width: 0 !important; }

  .ks-filter-experience .wpc-filters-widget-content {
    display: grid !important;
    position: fixed !important;
    z-index: 2147482001 !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px 18px 0 0 !important;
    background: #fff;
    box-shadow: 0 -12px 40px rgb(16 43 60 / 18%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 105%, 0) !important;
    transition: transform .22s ease, opacity .18s ease, visibility 0s linear .22s;
  }
  .ks-filter-experience .wpc-filters-widget-content.ks-filter-drawer-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) !important;
    transition-delay: 0s;
  }
  .ks-filter-drawer-head {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 18px;
    border-bottom: 1px solid #e2eaf0;
    background: #fff;
  }
  .ks-filter-drawer-head h2 { margin: 0; color: var(--ks-filter-ink); font: 650 19px/1.3 Poppins, sans-serif; }
  .ks-filter-close {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--ks-filter-border);
    border-radius: 50%;
    background: #fff;
    color: var(--ks-filter-ink);
    font: 300 28px/1 Poppins, sans-serif;
    cursor: pointer;
  }
  body.ks-filter-experience button.ks-filter-close {
    border: 1px solid var(--ks-filter-border) !important;
    background: #fff !important;
    color: var(--ks-filter-ink) !important;
  }
  .ks-filter-experience .wpc-filters-widget-containers-wrapper {
    position: static !important;
    min-height: 0;
    overflow: auto !important;
  }
  .ks-filter-experience .wpc-filters-scroll-container { min-height: 100%; background: #fff; }
  .ks-filter-experience .wpc-filters-widget-wrapper { padding: 20px 18px 24px !important; }
  .ks-filter-drawer-actions {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    padding: 12px 18px max(12px, env(safe-area-inset-bottom));
    border-top: 1px solid #dce6ed;
    background: #fff;
    box-shadow: 0 -5px 18px rgb(21 61 90 / 7%);
  }
  .ks-filter-drawer-apply {
    min-height: 48px;
    padding: 10px 16px;
    border: 1px solid var(--ks-filter-blue);
    border-radius: 11px;
    background: var(--ks-filter-blue);
    color: #fff;
    font: 650 14px/1.25 Poppins, sans-serif;
    cursor: pointer;
  }
  body.ks-filter-experience button.ks-filter-drawer-apply {
    border: 1px solid var(--ks-filter-blue) !important;
    background: var(--ks-filter-blue) !important;
    color: #fff !important;
  }
  .ks-filter-overlay {
    display: block;
    position: fixed;
    z-index: 2147482000;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgb(18 38 52 / 48%);
    cursor: pointer;
  }
  body.ks-filter-experience button.ks-filter-overlay {
    border: 0 !important;
    border-radius: 0 !important;
    background: rgb(18 38 52 / 48%) !important;
    box-shadow: none !important;
  }
  body.ks-filter-drawer-open { overflow: hidden !important; }
  body.search-no-results.ks-filter-experience .elementor-element-c17c47c { display: block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ks-filter-experience .ks-filter-layout {
    box-sizing: border-box;
    width: 100% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  body.search.ks-filter-experience .ks-filter-controls--search {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .ks-filter-experience .wpc-filters-widget-content {
    inset: 0 0 0 auto !important;
    width: min(440px, calc(100vw - 48px)) !important;
    max-width: none !important;
    border-radius: 0 !important;
    box-shadow: -16px 0 44px rgb(16 43 60 / 20%);
    transform: translate3d(105%, 0, 0) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1054px) {
  .ks-filter-experience .ks-filter-layout {
    box-sizing: border-box;
    width: 100% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  body.search.ks-filter-experience .ks-filter-controls--search {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .ks-filter-controls { padding-inline: 0; }
  .ks-filter-summary { margin-bottom: 9px; }
  .ks-filter-result-count { font-size: 14px; }
  .ks-filter-toolbar { gap: 8px; }
  .ks-filter-trigger, .ks-filter-sort { min-height: 46px; border-radius: 11px; }
  .ks-filter-active {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
  }
  .ks-filter-active__label { flex-basis: 100%; }
  .ks-filter-active__chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
  .ks-filter-active__chips::-webkit-scrollbar { display: none; }
  .ks-filter-chip { flex: 0 0 auto; min-height: 44px; }
  .ks-filter-clear { min-height: 44px; }
  .ks-filter-experience .wpc-filters-widget-content {
    inset: max(56px, 10vh) 0 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 359px) {
  .ks-filter-trigger, .ks-filter-sort__select { font-size: 12px; }
  .ks-filter-trigger { gap: 6px; padding-inline: 9px; }
  .ks-filter-trigger__icon { width: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .ks-filter-experience .wpc-filters-widget-content { transition: none !important; }
}