/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

.relative {
  position: relative;
}

.hidden {
  overflow: hidden;
}

.english-tour-notice a {
    color: #17275f;
    font-weight: 700;
    text-decoration: underline;
}

.english-tour-notice a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .english-tour-notice {
        padding: 12px 16px;
        font-size: 14px;
    }
}

.gradientBig {
  background: linear-gradient(
    180deg,
    rgba(238, 237, 237, 1) 0%,
    rgba(238, 237, 237, 1) 70%,
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 1) 100%
  );
}

.gradientSmall {
  background: linear-gradient(
    180deg,
    rgba(238, 237, 237, 1) 0%,
    rgba(238, 237, 237, 1) 30%,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 100%
  );
}

.gradientSmallReverse {
  background: linear-gradient(
    0deg,
    rgba(238, 237, 237, 1) 0%,
    rgba(238, 237, 237, 1) 30%,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 100%
  );
}

/* Blocks */

.blockContainer .absoluteBlock {
  position: absolute;
  max-width: 600px;
  border-radius: 10px;
  top: 0;
  left: 0;
  z-index: 10;
}

/* Activity card */

.ActivityCard {
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff!important;
  border: 1px solid #e7e7e7 !important;
}

.BreeTitle {
  font-family: var(--e-global-typography-1106c1a-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-1106c1a-font-size) !important;
  font-weight: var(--e-global-typography-1106c1a-font-weight) !important;
  color: var(--e-global-color-primary) !important;
  line-height: 1.2 !important;
}

.cardSummary {
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: 1.4 !important;
  color: var(--e-global-color-text) !important;
}

/* Price */

.priceTop {
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: 1 !important;
  color: var(--e-global-color-primary) !important;
}

.price {
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  color: var(--e-global-color-primary) !important;
  margin-top: 5px !important;
}

/* Button */

.buttonActivity {
  background-color: var(--e-global-color-secondary) !important;
  font-family: var(--e-global-typography-1106c1a-font-family), Sans-serif !important;
  font-size: 20px !important;
  font-weight: var(--e-global-typography-1106c1a-font-weight) !important;
}

.buttonActivity:hover {
  background-color: var(--e-global-color-4be44d4) !important;
}

/* Time */

.timeContainer {
  display: flex !important;
  align-items: center;
  gap: 10px;
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: var(--e-global-typography-text-line-height) !important;
  color: var(--e-global-color-primary) !important;
}

.timeContainer .wpgb-block-16 {
  align-items: center;
}

/* WP Grid Builder */

.wp-grid-builder .wpgb-card-1 .wpgb-block-16 {
  width: 1.2em !important;
  height: 1.2em !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-17 {
  color: var(--e-global-color-primary) !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-9 {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: start !important;
  justify-content: center !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-8 {
  flex-wrap: nowrap !important;
}

/* Rating stars */

.rating-stars {
  --star-size: 20px;
  --rating-percent: calc(var(--rating) / 5 * 100%);

  position: relative;
  width: calc(var(--star-size) * 5);
  height: var(--star-size);
  margin-bottom: 0 !important;
}

.wpgb-card-content .rating-stars {
  margin-bottom: 10px !important;
}

.rating-stars::before,
.rating-stars::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: repeat-x;
  background-size: var(--star-size) var(--star-size);
}

/* Lege sterren */

.rating-stars::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'>\
<path fill='%23ddd' d='M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z'/>\
</svg>");
}

/* Gevulde sterren */

.rating-stars::after {
  width: var(--rating-percent);
  overflow: hidden;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'>\
<path fill='%23f5b301' d='M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z'/>\
</svg>");
}

/* Responsive */

/*CUSTOM*/
/* Buttons */
.buttonHero {
  width: auto !important;
}

.buttonHero:hover span {
  color: #16285d !important;
}

.buttonHero:hover svg {
  fill: #16285d !important;
}

/* Labels */
.labelNews {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
  padding: 5px 15px 3px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.68);
  backdrop-filter: blur(5px);
}

.label {
  padding: 6px 15px 5px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
}


/* Icons */

.iconBlue svg {
  color: #16275e !important;
}

.cart {
  max-width: 50px;
}

.cart-icon {
  filter: none !important;
}

.cart-preview {
  top: 50% !important;
}

/* WP Grid Builder */

.wp-grid-builder .wpgb-card-1 .wpgb-block-16 {
  width: 1.2em !important;
  height: 1.2em !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-17 {
  color: var(--e-global-color-primary) !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-9 {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: start !important;
  justify-content: center !important;
}

.wp-grid-builder .wpgb-card-1 .wpgb-block-8,
.groepsactiviteiten .wp-grid-builder .wpgb-card-2 .wpgb-block-8 {
  flex-wrap: nowrap !important;
}

.wp-grid-builder .wpgb-area-left {
  left: -55px !important;
}

.wp-grid-builder .wpgb-area-right {
  right: -55px !important;
}

.wp-grid-builder .wpgb-card svg[data-ratio] {
  height: 230px !important;
}

.wpgb-card-media {
  max-height: 200px !important;
}

/* Time */

.timeContainer {
  display: flex !important;
  align-items: center;
  gap: 10px;
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: var(--e-global-typography-text-line-height) !important;
  color: var(--e-global-color-primary) !important;
}

.timeContainer .wpgb-block-16 {
  align-items: center;
}

/* Facets */

.wpgb-reset {
  width: auto !important;
  margin: 0 !important;
  padding: 5px 15px !important;
  border-radius: 5px !important;
  background: #e5e5e5 !important;
  color: #001871 !important;
  text-align: center !important;
  font-family: var(--e-global-typography-text-font-family), Sans-serif!important;;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
}

.wpgb-reset:hover {
  background: #f4f4f4 !important;
}

.wpgb-facet button.wpgb-reset[disabled] {
  opacity: 0 !important;
}

.wpgb-facet .wpgb-facet-title {
  margin: 4px 0 8px !important;
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-1106c1a-font-family), Sans-serif!important;;
  font-weight: bold;
}

.wpgb-facet > fieldset:last-child {
  margin-bottom: 10px !important;
}

.wpgb-input {
  padding: 10px !important;
  border: 1px solid #ddd !important;
  background-color: #fff !important;
}

/* Elementor content */

.elementor-widget-text-editor a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.elementor-widget-text-editor a:hover {
  color: var(--e-global-color-primary);
}

.elementor-widget-theme-post-content a {
  color: var(--e-global-color-primary);
  text-decoration: underline;
}

.elementor-widget-theme-post-content h2 {
  margin-top: 20px !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif!important;
  font-size: 30px !important;
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-primary-line-height);
  color: var(--e-global-color-primary);
}

/* Menu */

#mainmenu .elementor-item-active {
  padding: 10px 15px !important;
  border-radius: 5px !important;
  background-color: var(--e-global-color-primary) !important;
  line-height: 1.4;
}

/* Layout helpers */

.absoluteFilter {
  position: absolute;
  top: 50px;
  right: 30px;
  z-index: 3;
  max-width: 400px;
}

.backgroundBlur {
  backdrop-filter: blur(20px);
}

.line {
  width: 1px;
  height: 60px;
  background: #cbcbcb;
}

.linkPop {
  transition: transform 0.3s ease;
}

.linkPop:hover {
  transform: scale(1.04);
}

/* Hero */

.heroHome {
  position: relative;
  overflow: hidden;
}

.heroHome::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}

.heroHome:hover::before {
  transform: scale(1.1);
}

.heroHome > * {
  position: relative;
  z-index: 1;
}

/* Responsive */


@media only screen and (max-width: 1520px) {
  .headerCTAButton {
    display: none;
  }

  .e-n-menu-layout-horizontal .e-n-menu-title {
    padding: 9px 5px;
  }

  .e-n-menu-title-text {
    font-size: 17px !important;
  }
}

@media only screen and (max-width: 800px) {
  .absoluteBlock {
    position: relative !important;
  }
}

/* Mobile filters */

@media (max-width: 767px) {
  .filterTop {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 12px;
  }

  .filterTop::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
  }

  .filterTop::after {
    content: "";
    position: absolute;
    top: 7px !important;
    right: 0;
    width: 10px;
    height: 10px;
    border-right: 2px solid #1d2d7a;
    border-bottom: 2px solid #1d2d7a;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
  }

  .filterContainer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
      max-height 0.35s ease,
      opacity 0.25s ease;
  }

  .filterWrapper.is-open .filterContainer {
    max-height: 2000px;
    opacity: 1;
  }

  .filterWrapper.is-open .filterTop::after {
    transform: rotate(-135deg);
  }

  .filterContainer .elementor-widget:first-child {
    margin-top: 20px;
  }

  .wpgb-reset {
    margin-right: 30px !important;
  }
}

/* Mobile activity cards */

@media screen and (max-width: 799px) {
  article.wpgb-card,
  article.wpgb-card .wpgb-card-wrapper,
  article.wpgb-card .wpgb-card-inner.ActivityCard {
    height: auto !important;
    min-height: 0 !important;
  }

  article.wpgb-card .wpgb-card-inner.ActivityCard {
    display: grid !important;
    grid-template-columns: 42% 58% !important;
    align-items: stretch !important;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
  }

  article.wpgb-card .wpgb-card-media > svg {
    display: none !important;
  }

  article.wpgb-card .wpgb-card-media {
    height: 100% !important;
    min-height: 220px !important;
    align-self: stretch !important;
  }

  article.wpgb-card .wpgb-card-media-thumbnail,
  article.wpgb-card .wpgb-card-media-thumbnail a,
  article.wpgb-card .wpgb-card-media-thumbnail a > div {
    height: 100% !important;
    min-height: 220px !important;
  }

  article.wpgb-card .wpgb-card-media-thumbnail a {
    display: block !important;
  }

  article.wpgb-card .wpgb-card-media-thumbnail a > div {
    background-size: cover !important;
    background-position: center !important;
  }

  article.wpgb-card .wpgb-card-content {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    gap: 20px;
    min-height: 220px !important;
    padding: 30px !important;
  }

  article.wpgb-card .wpgb-card-body,
  article.wpgb-card .wpgb-card-footer {
    padding: 0 !important;
    margin: 0 !important;
  }

  article.wpgb-card .wpgb-card-body {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }

  .wp-grid-builder .wpgb-card-1 .wpgb-block-2,
  .wp-grid-builder .wpgb-card-1 .wpgb-block-3,
  .wp-grid-builder .wpgb-card-1 .wpgb-block-7 {
    padding: 0 !important;
  }

  .wp-grid-builder .wpgb-card-2 .group .wpgb-block-2 {
    padding: 0 !important;
  }

  .wp-grid-builder .wpgb-card-2 .group .wpgb-block-7 {
    padding-left: 0;
  }

  .wp-grid-builder .wpgb-card-2 .group .wpgb-block-3 {
    margin-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  article.wpgb-card .BreeTitle {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    color: #06195f;
  }

  article.wpgb-card .timeContainer {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 5px 0 0 !important;
  }

  article.wpgb-card .timeContainer svg {
    width: 28px !important;
    height: 28px !important;
    margin-top: 0;
    color: #06195f;
  }

  article.wpgb-card .group .timeContainer svg {
    margin-top: 4px !important;
  }

  article.wpgb-card .wpgb-block-17 {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1;
    color: #06195f;
  }

  article.wpgb-card .cardSummary {
    display: none !important;
  }

  article.wpgb-card .wpgb-block-8 {
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
  }

  article.wpgb-card .wpgb-block-10 {
    justify-self: end;
    width: auto !important;
  }

  article.wpgb-card .priceTop,
  article.wpgb-card .price {
    margin: 0 !important;
    color: #06195f;
    line-height: 1.1;
  }

  article.wpgb-card .priceTop {
    font-size: 18px !important;
    font-weight: 700;
    text-transform: lowercase;
  }

  article.wpgb-card .price {
    font-size: 24px !important;
    font-weight: 800;
  }

  article.wpgb-card .buttonActivity {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 180px;
    padding: 12px 18px !important;
    border-radius: 7px;
    background: #0badc3;
    color: #fff;
    font-size: 17px !important;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
  }
}

@media screen and (max-width: 600px) {
  article.wpgb-card .wpgb-card-inner.ActivityCard {
    grid-template-columns: 39% 61% !important;
  }

  article.wpgb-card .wpgb-card-media,
  article.wpgb-card .wpgb-card-media-thumbnail,
  article.wpgb-card .wpgb-card-media-thumbnail a,
  article.wpgb-card .wpgb-card-media-thumbnail a > div,
  article.wpgb-card .wpgb-card-content {
    min-height: 180px !important;
  }

  article.wpgb-card .wpgb-card-content {
    padding: 20px !important;
    gap: 20px;
  }

  article.wpgb-card .wpgb-card-body {
    gap: 14px;
  }

  article.wpgb-card .BreeTitle {
    font-size: 19px !important;
  }

  article.wpgb-card .timeContainer {
    gap: 5px;
  }

  article.wpgb-card .timeContainer svg {
    width: 26px !important;
    height: 26px !important;
  }

  article.wpgb-card .wpgb-block-17 {
    font-size: 17px !important;
  }

  article.wpgb-card .wpgb-block-8 {
    gap: 12px;
  }

  article.wpgb-card .priceTop {
    font-size: 15px !important;
  }

  article.wpgb-card .price {
    font-size: 19px !important;
  }

  .wp-grid-builder .wpgb-card-1 .wpgb-block-3 {
    margin-top: 0 !important;
  }

  article.wpgb-card .buttonActivity {
    min-width: 0;
    padding: 10px 12px !important;
    font-size: 14px !important;
    white-space: normal;
  }
}

@media screen and (max-width: 400px) {
.cart-button{
		width: 39px!important;
		height: 39px!important;
	}
	.cart-button img.cart-icon{
		width: 26px!important;
		height: 26px!important;
	}
}


/* ================================
   Algemene container reset
   ================================ */

.plattegrond-filterbar,
.plattegrond-filter-left,
.plattegrond-filter-reset {
    box-sizing: border-box !important;
}

/* Filterbar: desktop */
.plattegrond-filterbar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Linkergroep */
.plattegrond-filter-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Facet widgets */
.plattegrond-filterbar .elementor-widget-wpgb-facet {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* WP Gridbuilder spacing reset */
.plattegrond-filterbar .wpgb-facet,
.plattegrond-filterbar .wpgb-facet fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
}

/* Labels */
.plattegrond-filterbar .wpgb-autocomplete-facet label,
.plattegrond-filterbar .wpgb-select-facet label {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ================================
   Zoekveld
   ================================ */

.plattegrond-filterbar .wpgb-autocomplete-facet {
    width: 340px !important;
    min-width: 340px !important;
}

.plattegrond-filterbar .wpgb-autocomplete-facet .acplt {
    width: 100% !important;
}

.plattegrond-filterbar .wpgb-input {
    width: 100% !important;
    min-width: 340px !important;
    height: 48px !important;
    padding: 0 16px 0 44px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #222222 !important;
    font-size: 16px !important;
    line-height: 48px !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.plattegrond-filterbar .wpgb-input::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}

/* Zoekicoon */
.plattegrond-filterbar .wpgb-input-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    color: #b4b4b4 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}


/* ================================
   Dropdown
   ================================ */

.plattegrond-filterbar .wpgb-select-facet {
    width: 285px !important;
    min-width: 240px !important;
}

.plattegrond-filterbar .wpgb-select-facet label {
    width: 100% !important;
    height: 48px !important;
}

.plattegrond-filterbar .wpgb-select {
    width: 100% !important;
    min-width: 240px !important;
    height: 48px !important;
    padding: 0 64px 0 16px !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #222222 !important;
    font-size: 16px !important;
    line-height: 48px !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* Rechter vlak van dropdown */
.plattegrond-filterbar .wpgb-select-controls {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 58px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
}

/* Net streepje met ruimte boven/onder */
.plattegrond-filterbar .wpgb-select-controls::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 1px !important;
    background: #d8d8d8 !important;
}

/* Oude separator verbergen */
.plattegrond-filterbar .wpgb-select-separator {
    display: none !important;
}

/* Dropdown pijltje */
.plattegrond-filterbar .wpgb-select-toggle {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    display: block !important;
    color: #9f9f9f !important;
    flex: 0 0 auto !important;
}


/* ================================
   Resetknop
   ================================ */

.plattegrond-filter-reset {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
}

.plattegrond-filter-reset .elementor-widget-container,
.plattegrond-filter-reset .wpgb-facet {
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Actieve resetknop */
.plattegrond-filter-reset .wpgb-reset:not(:disabled) {
    display: block !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: white !important;
	border: 1px solid #bfbfbf!important;
    color: #001b5d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    outline: none !important;
	font-weight: normal!important;
	font-size: 15px!important;
	font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
}

.plattegrond-filter-reset .wpgb-reset:not(:disabled):hover {
    background: #dfe1e5 !important;
}

/* Disabled resetknop zelf verbergen */
.plattegrond-filter-reset .wpgb-reset:disabled {
    display: none !important;
}


/* ================================
   Focus
   ================================ */

.plattegrond-filterbar .wpgb-input:focus,
.plattegrond-filterbar .wpgb-select:focus {
    border-color: #999999 !important;
}


/* ================================
   Tablet
   ================================ */

@media (max-width: 1024px) {
    .plattegrond-filterbar {
        gap: 18px !important;
    }

    .plattegrond-filter-left {
        gap: 14px !important;
    }

    .plattegrond-filterbar .wpgb-autocomplete-facet,
    .plattegrond-filterbar .wpgb-input {
        width: 300px !important;
        min-width: 300px !important;
    }

    .plattegrond-filterbar .wpgb-select-facet {
        width: 260px !important;
        min-width: 220px !important;
    }
}


/* ================================
   Mobiel
   ================================ */

@media (max-width: 767px) {

    /* Buitenste Elementor containers compact maken */
    .elementor-element-70bffeb,
    .elementor-element-8ef193d,
    .elementor-element-ec05507 {
        min-height: 0 !important;
        height: auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Filterbar mobiel */
    .plattegrond-filterbar {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .plattegrond-filter-left {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .plattegrond-filterbar .elementor-widget-wpgb-facet,
    .plattegrond-filterbar .wpgb-autocomplete-facet,
    .plattegrond-filterbar .wpgb-select-facet,
    .plattegrond-filterbar .wpgb-input,
    .plattegrond-filterbar .wpgb-select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Reset-widget volledig weg als reset disabled is */
    .plattegrond-filter-reset:has(.wpgb-reset:disabled) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .plattegrond-filter-reset:has(.wpgb-reset:disabled) .elementor-widget-container,
    .plattegrond-filter-reset:has(.wpgb-reset:disabled) .wpgb-facet,
    .plattegrond-filter-reset:has(.wpgb-reset:disabled) .wpgb-reset {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Resetknop mobiel 100% breed als hij actief is */
    .plattegrond-filter-reset:not(:has(.wpgb-reset:disabled)) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
		margin-bottom: 10px!important;
    }

    .plattegrond-filter-reset:not(:has(.wpgb-reset:disabled)) .elementor-widget-container,
    .plattegrond-filter-reset:not(:has(.wpgb-reset:disabled)) .wpgb-facet,
    .plattegrond-filter-reset:not(:has(.wpgb-reset:disabled)) .wpgb-reset {
        width: 100% !important;
        max-width: 100% !important;
    }

    .plattegrond-filter-reset .wpgb-reset:not(:disabled) {
        text-align: center !important;
    }
}