.elementor-11600 .elementor-element.elementor-element-1a84fd0f{margin:-35px 0px 0px 0px;}.elementor-11600 .elementor-element.elementor-element-3f5a2562.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-11600 .elementor-element.elementor-element-2b9d1c40{width:auto;max-width:auto;}.elementor-11600 .elementor-element.elementor-element-2b9d1c40 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-11600 .elementor-element.elementor-element-2f03d3e0{margin:0px 0px 60px 0px;}.elementor-11600 .elementor-element.elementor-element-3ac9e3a6 > .elementor-element-populated{margin:0px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;}.elementor-11600 .elementor-element.elementor-element-3ac9e3a6{--wd-side-hidden-w:300px;}.elementor-11600 .elementor-element.elementor-element-40bd16ff > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;}.elementor-11600 .elementor-element.elementor-element-40bd16ff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11600 .elementor-element.elementor-element-13b3eb35{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 24px 0px;padding:0px 0px 0px 0px;}.elementor-11600 .elementor-element.elementor-element-13b3eb35 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-11600 .elementor-element.elementor-element-1d882771.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11600 .elementor-element.elementor-element-1d882771.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-11600 .elementor-element.elementor-element-60978558 .title{font-size:24px;}.elementor-bc-flex-widget .elementor-11600 .elementor-element.elementor-element-577398a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11600 .elementor-element.elementor-element-577398a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-11600 .elementor-element.elementor-element-577398a.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-11600 .elementor-element.elementor-element-577398a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:16px;}.elementor-11600 .elementor-element.elementor-element-142a851f{width:auto;max-width:auto;}.elementor-11600 .elementor-element.elementor-element-142a851f > .elementor-widget-container{margin:0px 20px 0px 0px;}.elementor-11600 .elementor-element.elementor-element-142a851f .wd-action-text{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-11600 .elementor-element.elementor-element-4a756fd0{width:auto;max-width:auto;}.elementor-11600 .elementor-element.elementor-element-4a756fd0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11600 .elementor-element.elementor-element-4a756fd0.elementor-element{--align-self:center;}.elementor-11600 .elementor-element.elementor-element-4603bf40{width:auto;max-width:auto;}.elementor-11600 .elementor-element.elementor-element-ca4bde7{--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;}.woocommerce .elementor-11600 .elementor-element.elementor-element-bf2f746 .term-description{color:#727272;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:24px;}@media(max-width:1024px){.elementor-11600 .elementor-element.elementor-element-2f03d3e0{margin:0px 0px 40px 0px;}.elementor-11600 .elementor-element.elementor-element-40bd16ff > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-11600 .elementor-element.elementor-element-60978558 .title{font-size:22px;}}@media(max-width:768px){.elementor-11600 .elementor-element.elementor-element-2f03d3e0{margin:0px 0px 20px 0px;}.elementor-11600 .elementor-element.elementor-element-60978558 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-bc-flex-widget .elementor-11600 .elementor-element.elementor-element-577398a.elementor-column .elementor-widget-wrap{align-items:space-between;}.elementor-11600 .elementor-element.elementor-element-577398a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-between;align-items:space-between;}.elementor-11600 .elementor-element.elementor-element-577398a.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-11600 .elementor-element.elementor-element-142a851f .wd-action-text{font-size:14px;}}@media(min-width:769px){.elementor-11600 .elementor-element.elementor-element-3ac9e3a6{width:25%;}.elementor-11600 .elementor-element.elementor-element-40bd16ff{width:75%;}.elementor-11600 .elementor-element.elementor-element-1d882771{width:43.332%;}}@media(max-width:1024px) and (min-width:769px){.elementor-11600 .elementor-element.elementor-element-40bd16ff{width:100%;}.elementor-11600 .elementor-element.elementor-element-1d882771{width:100%;}}/* Start custom CSS for wd_sidebar, class: .elementor-element-50663565 *//* =========================================================
   LupiTools Shop Filters — Overrides
   ========================================================= */

/* =========================================================
   1. Collapse Icons
   ---------------------------------------------------------
   Replaces the default WoodMart collapse icon with a custom
   LupiTools chevron SVG.
   ========================================================= */

/* 1.1 Widget Title Icon
   ---------------------------------------------------------
   Uses a custom chevron icon for collapsible filter widgets.
   --------------------------------------------------------- */

.elementor-11600 .elementor-element.elementor-element-50663565 .wd-widget-collapse .widget-title::after {
  content: "" !important;
  width: 24px;
  height: 24px;
  background-color: transparent !important;
  background-image: url("https://lupitools.com/wp-content/uploads/2026/04/chevron-up-black-16.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  color: transparent !important;
  font-family: initial !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* =========================================================
   2. Price Filter
   ---------------------------------------------------------
   Styles the WoodMart/WooCommerce price filter inside the
   shop filters sidebar.
   ========================================================= */

/* 2.1 Filter Button
   ---------------------------------------------------------
   Styles the price filter submit button.
   --------------------------------------------------------- */

.elementor-11600 .elementor-element.elementor-element-50663565 .widget_price_filter [class*="price_slider_amount"] .button {
  background-color: #FFEDD3;
  color: #461404;
}

.elementor-11600 .elementor-element.elementor-element-50663565 .widget_price_filter [class*="price_slider_amount"] .button:hover,
.elementor-11600 .elementor-element.elementor-element-50663565 .widget_price_filter [class*="price_slider_amount"] .button:focus {
  background-color: #FFEDD3;
  color: #461404;
}

/* 2.2 Slider Range
   ---------------------------------------------------------
   Styles the selected price range track.
   --------------------------------------------------------- */

.elementor-11600 .elementor-element.elementor-element-50663565 .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #101010;
}

/* 2.3 Slider Handle Indicator
   ---------------------------------------------------------
   Styles the vertical handle indicator inside the slider knob.
   --------------------------------------------------------- */

.elementor-11600 .elementor-element.elementor-element-50663565 .widget_price_filter .ui-slider .ui-slider-handle::after {
  width: 2px;
  height: 16px;
  background-color: #101010;
}/* End custom CSS */
/* Start custom CSS for wd_builder_off_canvas_column_btn, class: .elementor-element-142a851f *//* =========================================================
   LupiTools Filter Button — Overrides
   ========================================================= */

.elementor-element-142a851f .wd-off-canvas-btn > a {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
}

/* Zorgt dat het icoon en label netjes naast elkaar blijven */
.elementor-element-142a851f .wd-action-icon,
.elementor-element-142a851f .wd-action-text {
  display: inline-flex;
  align-items: center;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-577398a *//* =========================================================
   LupiTools Shop Archive — Toolbar Item Spacing
   ========================================================= */


/* =========================================================
   1. Toolbar Gap
   ---------------------------------------------------------
   Adds consistent spacing between the toolbar items
   inside the populated Elementor widget wrapper.
   ========================================================= */

.elementor-11600 .elementor-element.elementor-element-577398a .elementor-widget-wrap.elementor-element-populated {
  gap: 1rem;
}/* End custom CSS */
/* Start custom CSS for wd_archive_products, class: .elementor-element-4fccd5bb *//* =========================================================
   LupiTools — Product Archive Grid Override
   Desktop: 3 -> 4 columns
   Gaps: 16px desktop / 8px small
   ========================================================= 
 */

.elementor-11600 .elementor-element.elementor-element-4fccd5bb .products.wd-products {
  --wd-gap-lg: 16px;
  --wd-gap-sm: 8px;
}

@media (min-width: 1920px) {
  .elementor-11600 .elementor-element.elementor-element-4fccd5bb .products.wd-products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .elementor-11600 .elementor-element.elementor-element-4fccd5bb .products.wd-products > .wd-product.wd-col {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    flex: initial !important;
  }
}

@media (min-width: 1025px) and (max-width: 1920px) {
  .elementor-11600 .elementor-element.elementor-element-4fccd5bb .products.wd-products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}/* End custom CSS */