.elementor-1165 .elementor-element.elementor-element-3c7645f{--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-1165 .elementor-element.elementor-element-1c25e55{--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-1165 .elementor-element.elementor-element-393fc8c{--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-1165 .elementor-element.elementor-element-61e34871{--grid-columns:3;}@media(min-width:768px){.elementor-1165 .elementor-element.elementor-element-3c7645f{--content-width:1400px;}.elementor-1165 .elementor-element.elementor-element-1c25e55{--width:25%;}.elementor-1165 .elementor-element.elementor-element-393fc8c{--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-1165 .elementor-element.elementor-element-61e34871{--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-1165 .elementor-element.elementor-element-61e34871{--grid-columns:1;}}/* Start custom CSS for wp-widget-wpc_filters_widget, class: .elementor-element-4a98dd85 *//* ================================
   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;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-61e34871 */.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;
}/* End custom CSS */