.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. --------------------------------------------------------- */ /*.lupi-shop-filters .wd-widget-collapse .widget-title::after {*/ /* content: "" !important;*/ /* width: 24px;*/ /* height: 24px;*/ /* background-color: transparent !important;*/ /* background-image: url("https://stg-lupitools-development.kinsta.cloud/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. --------------------------------------------------------- */ /*.lupi-shop-filters .widget_price_filter [class*="price_slider_amount"] .button {*/ /* background-color: #FFEDD3;*/ /* color: #461404;*/ /*}*/ /*.lupi-shop-filters .widget_price_filter [class*="price_slider_amount"] .button:hover,*/ /*.lupi-shop-filters .widget_price_filter [class*="price_slider_amount"] .button:focus {*/ /* background-color: #FFEDD3;*/ /* color: #461404;*/ /*}*/ /* 2.2 Slider Range --------------------------------------------------------- Styles the selected price range track. --------------------------------------------------------- */ /*.lupi-shop-filters .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. --------------------------------------------------------- */ /*.lupi-shop-filters .widget_price_filter .ui-slider .ui-slider-handle::after {*/ /* width: 2px;*/ /* height: 16px;*/ /* background-color: #101010;*/ /*}*/ /* ========================================================= 3. Checkbox Filters --------------------------------------------------------- Styles WoodMart/WooCommerce checkbox-style filter lists inside the LupiTools shop filters. ========================================================= */ /* 3.1 Filter Variables --------------------------------------------------------- Central values for checkbox, label and count styling. --------------------------------------------------------- */ /*.lupi-shop-filters {*/ /* --lupi-filter-checkbox-size: 16px;*/ /* --lupi-filter-checkbox-radius: 4px;*/ /* --lupi-filter-border: #D4D4D4;*/ /* --lupi-filter-accent: #FF760A;*/ /* --lupi-filter-text: #A3A3A3;*/ /* --lupi-filter-text-active: #101010;*/ /* Temporary placeholder until custom icon is added */ /* --lupi-filter-check-placeholder: #00FF00;*/ /*}*/ /* 3.2 Filter List Items --------------------------------------------------------- Aligns labels and product counts. --------------------------------------------------------- */ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) > li {*/ /* display: flex;*/ /* align-items: center;*/ /* justify-content: space-between;*/ /* gap: 8px;*/ /* color: var(--lupi-filter-text);*/ /*}*/ /* 3.3 Filter Links / Labels --------------------------------------------------------- Styles default label typography and checkbox spacing. --------------------------------------------------------- */ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) > li > a {*/ /* position: relative;*/ /* flex: 1;*/ /* display: inline-flex !important;*/ /* align-items: center;*/ /* min-width: 0;*/ /* font-family: inherit;*/ /* font-size: 14px;*/ /* font-weight: 400;*/ /* line-height: 1.4;*/ /* color: var(--lupi-filter-text) !important;*/ /* padding-top: 8px !important;*/ /* padding-bottom: 8px !important;*/ /*}*/ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) > li:first-child > a {*/ /* padding-top: 0 !important;*/ /*}*/ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) > li:last-child > a {*/ /* padding-bottom: 0 !important;*/ /*}*/ /* WoodMart label spans inside layered nav */ /*html body .lupi-shop-filters :is(*/ /* .wd-filter-lable,*/ /* .layer-term-lable*/ /*) {*/ /* font-family: inherit;*/ /* font-size: 14px;*/ /* font-weight: 400;*/ /* color: var(--lupi-filter-text) !important;*/ /*}*/ /* 3.4 Default Checkbox State --------------------------------------------------------- Creates the default 16x16 checkbox. --------------------------------------------------------- */ /*.lupi-shop-filters ul > li > a::before {*/ /* content: "" !important;*/ /* font-family: inherit !important;*/ /* font-size: 0 !important;*/ /* line-height: 0 !important;*/ /* width: 16px !important;*/ /* height: 16px !important;*/ /* min-width: 16px !important;*/ /* min-height: 16px !important;*/ /* flex: 0 0 16px !important;*/ /* box-sizing: border-box !important;*/ /* margin-inline-end: 8px !important;*/ /* background-color: transparent !important;*/ /* border: 2px solid var(--lupi-filter-border) !important;*/ /* border-radius: var(--lupi-filter-checkbox-radius);*/ /* display: inline-block;*/ /*}*/ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) > li:is(*/ /* .chosen,*/ /* .current-cat,*/ /* .current-cat-parent,*/ /* .wd-active,*/ /* .active,*/ /* .current,*/ /* .selected,*/ /* .woocommerce-widget-layered-nav-list__item--chosen*/ /*) {*/ /* color: var(--lupi-filter-text-active) !important;*/ /*}*/ /*html body .lupi-shop-filters li:is(*/ /* .chosen,*/ /* .current-cat,*/ /* .current-cat-parent,*/ /* .wd-active,*/ /* .active,*/ /* .current,*/ /* .selected,*/ /* .woocommerce-widget-layered-nav-list__item--chosen*/ /*) :is(.wd-filter-lable, .layer-term-lable, .count, a) {*/ /* color: var(--lupi-filter-text-active) !important;*/ /*}*/ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) > li:is(*/ /* .chosen,*/ /* .current-cat,*/ /* .current-cat-parent,*/ /* .wd-active,*/ /* .active,*/ /* .current,*/ /* .selected,*/ /* .woocommerce-widget-layered-nav-list__item--chosen*/ /*) > a::before {*/ /* background-color: var(--lupi-filter-accent) !important;*/ /* border-color: var(--lupi-filter-accent) !important;*/ /* background-image: url("https://stg-lupitools-development.kinsta.cloud/wp-content/uploads/2026/07/verified-white-16.svg") !important;*/ /* background-repeat: no-repeat !important;*/ /* background-position: center !important;*/ /* background-size: 16px 16px !important;*/ /* color: transparent !important;*/ /* font-size: 0 !important;*/ /* line-height: 0 !important;*/ /* content: "" !important;*/ /*}*/ /* 3.6 Product Count --------------------------------------------------------- Removes WoodMart count badge styling and matches label state. --------------------------------------------------------- */ /*.lupi-shop-filters .count {*/ /* margin: 0;*/ /* padding: 0 !important;*/ /* min-width: auto;*/ /* height: auto;*/ /* background: transparent !important;*/ /* border: 0 !important;*/ /* border-radius: 0 !important;*/ /* box-shadow: none !important;*/ /* font-family: inherit;*/ /* font-size: 14px;*/ /* font-weight: 400;*/ /* line-height: 1.4;*/ /* color: var(--lupi-filter-text) !important;*/ /*}*/ /* ========================================================= 7. Vehicle Brand Scrollbar --------------------------------------------------------- Styles the scrollbar inside the Vehicle brand widget when the list of items exceeds the max-height limit. ========================================================= */ /*html body .lupi-shop-filters #woodmart-woocommerce-layered-nav-9 ul.wd-scroll-content {*/ /* scrollbar-width: thin;*/ /* scrollbar-color: var(--lupi-filter-border) transparent;*/ /*}*/ /*html body .lupi-shop-filters #woodmart-woocommerce-layered-nav-9 ul.wd-scroll-content::-webkit-scrollbar {*/ /* width: 4px;*/ /*}*/ /*html body .lupi-shop-filters #woodmart-woocommerce-layered-nav-9 ul.wd-scroll-content::-webkit-scrollbar-track {*/ /* background: transparent;*/ /*}*/ /*html body .lupi-shop-filters #woodmart-woocommerce-layered-nav-9 ul.wd-scroll-content::-webkit-scrollbar-thumb {*/ /* background-color: var(--lupi-filter-border);*/ /* border-radius: 4px;*/ /*}*/ /*html body .lupi-shop-filters #woodmart-woocommerce-layered-nav-9 ul.wd-scroll-content::-webkit-scrollbar-thumb:hover {*/ /* background-color: var(--lupi-filter-text);*/ /*}*/ /* ========================================================= 4. Vertical Spacing --------------------------------------------------------- Ensures exactly 16px of vertical spacing between filter list items. --------------------------------------------------------- */ /* 4.1 Force Flex Layout on Filter Lists --------------------------------------------------------- Convert ul containers to flex column with 0px gap. --------------------------------------------------------- */ /*html body .lupi-shop-filters :is(*/ /* .product-categories.wd-checkboxes-on,*/ /* .wd-swatches-filter.wd-checkboxes-on,*/ /* .wd-widget-stock-status .wd-checkboxes-on,*/ /* .woodmart-woocommerce-layered-nav .wd-filter-list,*/ /* ul.children*/ /*) {*/ /* margin: 0 !important;*/ /* padding: 0 !important;*/ /* list-style: none !important;*/ /* display: flex !important;*/ /* flex-direction: column !important;*/ /* gap: 0 !important;*/ /*}*/ /* 4.2 Reset Margins and Paddings on List Items --------------------------------------------------------- Neutralize WoodMart's default margins and paddings on li elements so they don't compound with our gap. --------------------------------------------------------- */ /*.lupi-shop-filters ul > li {*/ /* margin-top: 0 !important;*/ /* margin-bottom: 0 !important;*/ /* padding-top: 0 !important;*/ /* padding-bottom: 0 !important;*/ /*}*/ /* ========================================================= 5. Title to Content Spacing --------------------------------------------------------- Ensures exactly 16px of vertical spacing between the widget title and the first filter item. ========================================================= */ /* 5.1 Set Title Bottom Margin to 16px --------------------------------------------------------- Establish a single source of truth for the gap below the title. --------------------------------------------------------- */ /*html body .lupi-shop-filters .widget-title {*/ /* margin-bottom: 16px !important;*/ /* padding-bottom: 0 !important;*/ /*}*/ /* 5.2 Reset Following Elements --------------------------------------------------------- Remove any top margin or padding from the wrapper elements (like .wd-scroll or ul) that immediately follow the title. This prevents the 16px title margin from compounding with other theme spacing (which previously caused 20px gaps). --------------------------------------------------------- */ /*html body .lupi-shop-filters .widget-title + * {*/ /* margin-top: 0 !important;*/ /* padding-top: 0 !important;*/ /*}*//* 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 */