.elementor-794 .elementor-element.elementor-element-960b98f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-794 .elementor-element.elementor-element-7a5de09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-794 .elementor-element.elementor-element-6ef89e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-794 .elementor-element.elementor-element-036fe90{--grid-columns:3;}@media(min-width:768px){.elementor-794 .elementor-element.elementor-element-960b98f{--content-width:1400px;}.elementor-794 .elementor-element.elementor-element-7a5de09{--width:25%;}.elementor-794 .elementor-element.elementor-element-6ef89e2{--width:75%;}}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-794 .elementor-element.elementor-element-036fe90{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-794 .elementor-element.elementor-element-036fe90{--grid-columns:1;}}/* Start custom CSS for wp-widget-wpc_filters_widget, class: .elementor-element-c26eb6a *//* ================================
   FILTER SIDEBAR BASE
================================ */

.wpc-filters-widget-wrapper {
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  font-family: "Inter", sans-serif;
}

.wpc-filter-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #111 !important;
  margin-bottom: 12px !important;
}

.wpc-filters-section {
  border-bottom: 1px solid #eee;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.wpc-term-item-content-wrapper {
  display: flex !important;
  align-items: center !important;
}

.wpc-filter-link {
  color: #25358d !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

.wpc-term-count {
  color: #999;
  font-size: 12px;
}


/* ================================
   KLEUR FILTER IMAGE SWATCHES
================================ */

/* Hide normal checkbox only for color */
.wpc-filter-pa_kleur input[type="checkbox"] {
  display: none !important;
}

/* Make label align nicely */
.wpc-filter-pa_kleur label {
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer;
}

/* Color circle base */
.wpc-filter-pa_kleur label::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  margin-right: 8px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 2px solid #e5e7eb !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.10) !important;
}

/* Kleur term images - use exact term IDs */

/* Naturel Eiken - ID 29 */
#wpc-term-taxonomy-pa_kleur-29 label::before {
  background-image: url('/wp-content/uploads/2026/04/Naturel-eiken.png') !important;
}

/* Licht Eiken - ID 30 */
#wpc-term-taxonomy-pa_kleur-30 label::before {
  background-image: url('/wp-content/uploads/2026/04/lichteiken.png') !important;
}

/* Beige - ID 31 */
#wpc-term-taxonomy-pa_kleur-31 label::before {
  background-image: url('/wp-content/uploads/2026/04/beige-eiken-rondje.png') !important;
}

/* Grijs - ID 32 */
#wpc-term-taxonomy-pa_kleur-32 label::before {
  background-image: url('/wp-content/uploads/2026/04/grijs.png') !important;
}

/* Donker Eiken - ID 33 */
#wpc-term-taxonomy-pa_kleur-33 label::before {
  background-image: url('/wp-content/uploads/2026/04/Donker_eiken.png') !important;
}

/* Zwart - ID 34 */
#wpc-term-taxonomy-pa_kleur-34 label::before {
  background-image: url('/wp-content/uploads/2026/04/zwart.png') !important;
}

/* Warm Grijs - ID 35 */
#wpc-term-taxonomy-pa_kleur-35 label::before {
  background-image: url('/wp-content/uploads/2026/04/Warm_grijs.png') !important;
}

/* Licht Grijs - ID 36 */
#wpc-term-taxonomy-pa_kleur-36 label::before {
  background-image: url('/wp-content/uploads/2026/04/Licht_grijs.png') !important;
}

/* Wit - ID 37 */
#wpc-term-taxonomy-pa_kleur-37 label::before {
  background-image: url('/wp-content/uploads/2026/04/Wit.png') !important;
}

/* Bruin - ID 38 */
#wpc-term-taxonomy-pa_kleur-38 label::before {
  background-image: url('/wp-content/uploads/2026/04/bruin.png') !important;
}

/* Rood - ID 39 */
#wpc-term-taxonomy-pa_kleur-39 label::before {
  background-image: url('/wp-content/uploads/2026/04/Rood.png') !important;
}

/* Antraciet - ID 40 */
#wpc-term-taxonomy-pa_kleur-40 label::before {
  background-image: url('/wp-content/uploads/2026/04/Antraciet.png') !important;
}

/* Overige - ID 41 */
#wpc-term-taxonomy-pa_kleur-41 label::before {
  background-image: url('/wp-content/uploads/2026/04/overige.png') !important;
}

/* Selected color */
.wpc-filter-pa_kleur .wpc-term-selected label::before {
  border-color: #2B3990 !important;
  box-shadow: 0 0 0 2px rgba(43,57,144,.18) !important;
}


/* ================================
   LEGPATROON IMAGE ICONS
================================ */

/* Hide normal checkbox only for legpatroon */
.wpc-filter-pa_legpatroon input[type="checkbox"] {
  display: none !important;
}

/* Make label align nicely */
.wpc-filter-pa_legpatroon label {
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer;
}

/* Legpatroon icon base */
.wpc-filter-pa_legpatroon label::before {
  content: "" !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  margin-right: 9px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 1px solid #d8deef !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}


/* Visgraat - ID 62 */
#wpc-term-taxonomy-pa_legpatroon-62 label::before {
  background-image: url('/wp-content/uploads/2026/05/visgraat-icon.png') !important;
}

/* Plank - ID 63 */
#wpc-term-taxonomy-pa_legpatroon-63 label::before {
  background-image: url('/wp-content/uploads/2026/04/Plank_Icon.png') !important;
}

/* Tegel - ID 64 */
#wpc-term-taxonomy-pa_legpatroon-64 label::before {
  background-image: url('/wp-content/uploads/2026/04/Tegel_Icon.png') !important;
}

/* Hongaarse punt - ID 65 */
#wpc-term-taxonomy-pa_legpatroon-65 label::before {
  background-image: url('/wp-content/uploads/2026/04/Hongaarsepunt_icon.png') !important;
}

/* Selected legpatroon */
.wpc-filter-pa_legpatroon .wpc-term-selected label::before {
  border-color: #2B3990 !important;
  box-shadow: 0 0 0 2px rgba(43,57,144,.18) !important;
}


/* ================================
   MORE / LESS LINKS
================================ */

.wpc-see-more-control,
.wpc-see-less-control {
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  color: #25358d !important;
  font-weight: 600;
  text-decoration: none;
}

.wpc-see-more-control:hover,
.wpc-see-less-control:hover {
  color: #2DA8E3 !important;
  text-decoration: underline;
}
/* ================================
   FILTER EVERYTHING BUTTONS STYLE
================================ */

.wpc-filter-layout-submit-button,
.wpc-pc-sticky-buttons {
  padding: 0 !important;
  margin: 0 0 18px !important;
  background: transparent !important;
  border: none !important;
}

.wpc-sticky-buttons {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e5eaf2 !important;
  border-radius: 14px !important;
  padding: 12px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
}

/* Reset button */
.wpc-filters-reset-button {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #f8fbff !important;
  border: 1px solid #dbe4ee !important;
  color: #2B3990 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: 0.2s ease !important;
}

/* Apply button */
.wpc-filters-submit-button {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #2B3990 !important;
  border: 1px solid #2B3990 !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: 0.2s ease !important;
}

/* Hover */
.wpc-filters-reset-button:hover {
  background: #edf3ff !important;
  color: #2DA8E3 !important;
  border-color: #cbd8ea !important;
}

.wpc-filters-submit-button:hover {
  background: #2DA8E3 !important;
  border-color: #2DA8E3 !important;
  color: #ffffff !important;
}

/* Applied count */
.wpc-pc-apply-button {
  margin-left: 6px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .wpc-sticky-buttons {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .wpc-filters-reset-button,
  .wpc-filters-submit-button {
    width: 100% !important;
  }
}

/* ================================
   SAFE FIX: FILTER BEHIND MENU
================================ */

/* Keep Filter Everything below dropdown menu */
.wpc-filters-widget-wrapper,
.wpc-filters-section,
.wpc-filter-layout-submit-button,
.wpc-pc-sticky-buttons,
.wpc-sticky-buttons {
  position: relative !important;
  z-index: 1 !important;
}

/* Header wrapper above filters */
.elementor-location-header,
header.site-header,
.site-header {
  position: relative !important;
  z-index: 9999 !important;
}

/* Elementor dropdown only */
.elementor-nav-menu--dropdown,
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
  z-index: 99999 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-036fe90 */.woocommerce ul.products li.product {
  background: #fff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  transition: .25s ease;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

.woocommerce ul.products li.product img {
  border-radius: 12px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.woocommerce-loop-product__title {
  color: #25358d !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
/* Equal product card alignment - archive loop */
.elementor-603 .elementor-element.elementor-element-3e06e34 .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Product image equal size */
.elementor-603 .elementor-element.elementor-element-7508739 img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    display: block !important;
}

/* Product title fixed height */
.elementor-603 .elementor-element.elementor-element-fe784e2 {
    min-height: 44px !important;
    margin-bottom: 8px !important;
}

.elementor-603 .elementor-element.elementor-element-fe784e2 .elementor-heading-title {
    font-size: 17px !important;
    line-height: 1.18 !important;
    margin: 0 !important;
}

/* Price badge aligned */
.elementor-603 .elementor-element.elementor-element-9a6f71b {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Stock row aligned */
.elementor-603 .elementor-element.elementor-element-d06ea2b {
    margin-bottom: 10px !important;
}

/* Category link aligned */
.elementor-603 .elementor-element.elementor-element-9e9ba56 {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-603 .elementor-element.elementor-element-fe784e2 {
        min-height: 38px !important;
        margin-bottom: 7px !important;
    }

    .elementor-603 .elementor-element.elementor-element-fe784e2 .elementor-heading-title {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    .elementor-603 .elementor-element.elementor-element-9a6f71b {
        margin-bottom: 8px !important;
    }

    .elementor-603 .elementor-element.elementor-element-d06ea2b {
        margin-bottom: 8px !important;
    }
}/* End custom CSS */