PageSourceSearch

https://slagerij-wilbrink.nl/contact/

html slagerij-wilbrink.nl collected 2026-09-27 03:08:31 UTC 153,251 bytes, 4,325 lines download raw bytes

1<!doctype html>
2<html lang="nl-NL">
3<head>
4  <meta charset="UTF-8">
5<script>
6var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
7</script>
7
8
9  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10  <link rel="icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon.png" type="image/png" sizes="16x16">
11  
11<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
11
12  <title> &raquo; Contact</title>
13  <meta name='robots' content='max-image-preview:large' />
14<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://slagerij-wilbrink.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fslagerij-wilbrink.nl%2Fcontact%2F" />
15<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://slagerij-wilbrink.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fslagerij-wilbrink.nl%2Fcontact%2F&#038;format=xml" />
16<style id="wp-img-auto-sizes-contain-inline-css">
17img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
18/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
19</style>
20<style id="wp-block-library-inline-css">
21:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
21--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
22
23/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
24</style>
25<style id="classic-theme-styles-inline-css">
26/*! This file is auto-generated */
27.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
28/*# sourceURL=/wp-includes/css/classic-themes.min.css */
29</style>
30
31<style id="global-styles-inline-css">
32:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
320) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
32.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
33/*# sourceURL=global-styles-inline-css */
34</style>
35
36<link rel='stylesheet' id='lbwps-styles-photoswipe5-main-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/lightbox-photoswipe/assets/ps5/styles/main.css?ver=5.13.0' media='all' />
37<style id="woocommerce-inline-inline-css">
38.woocommerce form .form-row .required { visibility: visible; }
39/*# sourceURL=woocommerce-inline-inline-css */
40</style>
41<link rel='stylesheet' id='style-css' href='https://slagerij-wilbrink.nl/wp-content/themes/energized/assets/css/main.min.css?ver=v1' media='all' />
42<script id="lbwps-options-js-extra">
43var lbwpsOptions = {"label_facebook":"Delen op Facebook","label_twitter":"Tweet","label_pinterest":"Pin dit","label_download":"Download afbeelding","label_copyurl":"URL van afbeelding kopi\u00ebren","label_ui_close":"Close [Esc]","label_ui_zoom":"Zoom","label_ui_prev":"Previous [\u2190]","label_ui_next":"Next [\u2192]","label_ui_error":"The image cannot be loaded","label_ui_fullscreen":"Toggle fullscreen [F]","label_ui_download":"Download afbeelding","share_facebook":"1","share_twitter":"1","share_pinterest":"1","share_download":"1","share_direct":"0","share_copyurl":"0","close_on_drag":"1","history":"1","show_counter":"1","show_fullscreen":"1","show_download":"0","show_zoom":"1","show_caption":"1","loop":"1","pinchtoclose":"1","taptotoggle":"1","close_on_click":"1","fulldesktop":"0","use_alt":"0","usecaption":"1","desktop_slider":"1","share_custom_label":"","share_custom_link":"","wheelmode":"zoom","spacing":"12","idletime":"4000","hide_scrollbars":"1","caption_type":"overlay","bg_opacity":"100","padding_left":"0","padding_top":"0","padding_right":"0","padding_bottom":"0"};
44//# sourceURL=lbwps-options-js-extra
45</script>
vendor: 1 bytes, line 45
45
46<script id="jquery-core-js" src="https://slagerij-wilbrink.nl/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 46
46
47<script id="jquery-migrate-js" src="https://slagerij-wilbrink.nl/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 47
47
48<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.0"></script>
vendor: 1 bytes, line 48
48
49<script id="wc-add-to-cart-js-extra">
50var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Bekijk winkelwagen","cart_url":"https://slagerij-wilbrink.nl/winkelwagen/","is_cart":"","cart_redirect_after_add":"no"};
51//# sourceURL=wc-add-to-cart-js-extra
52</script>
vendor: 1 bytes, line 52
52
53<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 53
53
54<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.0"></script>
vendor: 1 bytes, line 54
54
55<script id="woocommerce-js-extra">
56var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Wachtwoord weergeven","i18n_password_hide":"Wachtwoord verbergen"};
57//# sourceURL=woocommerce-js-extra
58</script>
vendor: 1 bytes, line 58
58
59<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.0"></script>
59
60<link rel="https://api.w.org/" href="https://slagerij-wilbrink.nl/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://slagerij-wilbrink.nl/wp-json/wp/v2/pages/357" /><link rel="canonical" href="https://slagerij-wilbrink.nl/contact/" />
61<link rel='shortlink' href='https://slagerij-wilbrink.nl/?p=357' />
62<!-- Analytics by WP Statistics - https://wp-statistics.com -->
63	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
64	<link rel="icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-100x100.png" sizes="32x32" />
65<link rel="icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-300x300.png" sizes="192x192" />
66<link rel="apple-touch-icon" href="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-300x300.png" />
67<meta name="msapplication-TileImage" content="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_favicon-300x300.png" />
68<link rel='stylesheet' id='gform_basic-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=3.1.1' media='all' />
69<link rel='stylesheet' id='gform_theme_components-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=3.1.1' media='all' />
70<link rel='stylesheet' id='gform_theme-css' href='https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=3.1.1' media='all' />
71
72</head>
73<body class="wp-singular page-template page-template-templates page-template-sidebar page-template-templatessidebar-php page page-id-357 wp-theme-energized theme-energized woocommerce-no-js">
74
75  <style>
76@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
77@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap');
78
79body, html {
80  font-family: "Rajdhani", sans-serif;;
81}
82
83
84h1,h2,h3,h4,h5 {
85  font-family:  "Poppins", sans-serif;;
86}
87.woocommerce-privacy-policy-text p {
88    color: white;
89}
90
91
92
93
94
95
96
97
98
99.fpf-field p {
100    color: white;
101}
102
103
104
105
106
107
108
109
110
111
112
113
114.woocommerce-checkout section.content #order_review_heading {
115  display: block !important;
116  color: #eaeaea;
117  font-weight: 600;
118  border-bottom: 1px solid #222;
119  padding-bottom: 10px;
120  margin-bottom: 18px;
121  grid-area: right !important; /* blijft in de rechterkolom */
122}
123
124
125/* ====== LAYOUT (final) ====== */
126.woocommerce-checkout section.content .woocommerce-checkout{
127  display: grid !important;
128  grid-template-columns: minmax(0,1fr) 420px !important; /* pas 420px aan naar wens */
129  grid-template-areas: "left right" !important;
130  gap: 28px !important;
131
132  /* (je dark kaart-styling mag blijven; haal desnoods weg als je al had) */
133  background:#141414; border-radius:16px; padding:40px 50px; color:#fff;
134}
135
136@media (max-width: 768px) {
137    .woocommerce-checkout section.content .woocommerce-checkout{
138        padding: 20px 30px;
139    }      
140}
141
142/* alles direct onder het form */
143.woocommerce-checkout section.content .woocommerce-checkout > * { min-width: 0; }
144
145/* LINKERKOLOM: billing + shipping + extra */
146.woocommerce-checkout section.content #customer_details,
147.woocommerce-checkout section.content .woocommerce-additional-fields{
148  grid-area: left !important;
149}
150
151/* Binnen links: billing & shipping onder elkaar */
152.woocommerce-checkout section.content #customer_details .col2-set{
153  display: grid !important;
154  grid-template-columns: 1fr !important;
155  gap: 18px !important;
156}
157
158/* Reset Bootstrap conflict (.col-1/.col-2 van Woo ≠ Bootstrap kolommen) */
159.woocommerce-checkout section.content .col2-set > .col-1,
160.woocommerce-checkout section.content .col2-set > .col-2{
161  float:none !important;
162  width:auto !important;
163  flex:0 0 auto !important;
164  max-width:none !important;
165  display:block !important;
166  padding-left:0 !important;
167  padding-right:0 !important;
168}
169
170/* RECHTERKOLOM: heading + order review allebei rechts */
171.woocommerce-checkout section.content #order_review_heading,
172.woocommerce-checkout section.content #order_review{
173  grid-area: right !important;
174  align-self: start !important;
175}
176.woocommerce-info a {
177    text-decoration: underline;
178}
179.woocommerce-info a:hover {
180    color: white;
181}
182
183
184
185/* Mobile: onder elkaar */
186@media (max-width: 992px){
187  .woocommerce-checkout section.content .woocommerce-checkout{
188    grid-template-columns: 1fr !important;
189    grid-template-areas:
190      "left"
191      "right" !important;
192  }
193  .woocommerce-checkout section.content #order_review{ margin-top: 50px; }
194}
195
196/* ====== VISUEEL (accent #a37251) — laat staan of voeg toe ====== */
197.woocommerce-checkout section.content h3{ color:#eaeaea; border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:24px; letter-spacing:.3px; }
198.woocommerce-checkout section.content input.input-text, .woocommerce-checkout section.content select, .woocommerce-checkout section.content textarea{
199  width:100%; background:#1b1b1b; color:#eee; border:1px solid #333; border-radius:8px; padding:10px 14px; transition:all .2s;
200}
201.woocommerce-checkout section.content input.input-text:focus, .woocommerce-checkout section.content select:focus, .woocommerce-checkout section.content textarea:focus{
202  border-color:#a37251; box-shadow:0 0 0 2px rgba(163,114,81,.3); outline:none;
203}
204.woocommerce-checkout section.content label{ display:block; color:#cfcfcf; margin-bottom:6px; }
205.woocommerce-checkout section.content .required{ color:#a37251; }
206.woocommerce-checkout section.content .form-row{ margin-bottom:14px; }
207
208.woocommerce-checkout section.content .woocommerce-checkout-review-order{ background:#1a1a1a; border-radius:12px; padding:24px; margin-top:70px; }
209.woocommerce-checkout section.content .woocommerce-checkout-review-order-table{ width:100%; border-collapse:collapse; }
210.woocommerce-checkout section.content .woocommerce-checkout-review-order-table th,
211.woocommerce-checkout section.content .woocommerce-checkout-review-order-table td{ border-bottom:1px solid #333; padding:10px 0; color:#e8e8e8; }
212
213.woocommerce-checkout section.content #payment{ background:#1a1a1a; border-radius:12px; padding:20px; margin-top:24px; }
214.woocommerce-checkout section.content #payment .payment_box{ background:#222; color:#ccc; border-radius:8px; padding:14px; border:1px solid #2b2b2b; }
215
216
217@media (max-width: 768px) {
218    .woocommerce-checkout section.content #payment{ padding: 0px; }
219}
220
221
222.woocommerce-checkout section.content .button, .woocommerce-checkout section.content button.button, .woocommerce-checkout section.content a.button{
223  background:#a37251; color:#fff; border:none; border-radius:10px; cursor:pointer; transition:all .2s;
224}
225.woocommerce-checkout section.content .button:hover, .woocommerce-checkout section.content button.button:hover, .woocommerce-checkout section.content a.button:hover{ background:#b48663; }
226.woocommerce-checkout section.content .place-order .button{ width:100%; }
227
228.woocommerce-checkout section.content .woocommerce-error, .woocommerce-checkout section.content .woocommerce-message, .woocommerce-checkout section.content .woocommerce-info{
229  background:#222; border-left:4px solid #a37251; color:#fff; padding:12px 16px; border-radius:8px; margin-bottom:20px;
230}
231
232/* Select2 dark */
233.woocommerce-checkout section.content .select2-container--default .select2-selection--single{
234  background:#1b1b1b; border:1px solid #333; border-radius:8px; min-height:42px;
235}
236.woocommerce-checkout section.content .select2-container .select2-selection__rendered{ 
236color:#eee; padding:10px 14px; }
237.woocommerce-checkout section.content .select2-dropdown{ background:#1b1b1b; border:1px solid #333; color:#eee; }
238.woocommerce-checkout section.content .select2-results__option--highlighted{ background:#2a2a2a !important; color:#fff !important; }
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256/* Compact WooCommerce Cart - dark background comes from body/html */
257
258.wc-block-cart .wc-block-cart__totals-title {
259  color: orange;
260}
261
262.wc-block-components-button.wc-block-cart__submit-button.contained {
263    width: 100% !important;
264    background-color: #EF7824 !important;
265    color: #fff !important;
266    border-radius: 99em !important; /* super rounded pill */
267    font-weight: 700;
268    text-align: center;
269    padding: 14px 20px;
270    border: none;
271    transition: background-color 0.2s ease-in-out;
272}
273
274/* Hover effect: darker orange */
275.wc-block-components-button.wc-block-cart__submit-button.contained:hover {
276    background-color:  #a37f66 !important;
277}
278.wc-block-cart .wc-block-cart__totals-title,
279.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, 
280table.wc-block-cart-items .wc-block-cart-items__header {
281    font-size: 1.2rem !important;
282}
283
284/* Remove extra background, just inherit */
285.wc-block-cart,
286.wc-block-cart-items {
287    background: transparent;
288    color: #fff; /* white text */
289    padding: 10px 0;
290}
291
292/* Ensure all text stays white */
293.wc-block-cart,
294.wc-block-cart * {
295    color: #fff;
296}
297
298/* Compact rows */
299.wc-block-cart-items__row {
300    padding: 6px 0;
301    margin: 0;
302    border-bottom: 1px solid rgba(255,255,255,0.1);
303}
304
305/* Reduce gap between columns */
306.wc-block-cart-items__row .wc-block-cart-items__row-inner {
307    gap: 10px;
308}
309
310/* Images smaller to save space */
311.wc-block-cart-item__image img {
312    max-width: 60px;
313    height: auto;
314}
315
316/* Titles bigger, bolder */
317.wc-block-cart-item__product .wc-block-components-product-name {
318    font-size: 18px;
319    font-weight: 700;
320}
321
322/* Section headers (like "Cart totals") bigger */
323.wc-block-cart__totals-title,
324.wc-block-components-totals-item__label {
325    font-size: 18px;
326    font-weight: 700;
327}
328
329/* Prices bold and clear */
330.wc-block-cart-item__total,
331.wc-block-components-totals-item__value {
332    font-weight: 600;
333}
334
335/* Buttons pop a bit more */
336.wc-block-components-button {
337    font-size: 16px;
338    font-weight: 700;
339    padding: 12px 18px;
340}
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361/* ===============================
362   CART + CHECKOUT: GLOBAL STYLING
363   =============================== */
364
365/* Apply dark theme text globally */
366.wc-block-cart,
367.wc-block-checkout {
368    color: #fff !important;
369}
370
371/* Make sure product titles + totals stand out */
372.wc-block-cart-item__product .wc-block-components-product-name,
373.wc-block-checkout .wc-block-components-product-name {
374    font-size: 18px;
375    font-weight: 700;
376    color: #fff !important;
377}
378
379.wc-block-cart__totals-title,
380.wc-block-checkout__totals-title,
381.wc-block-components-totals-item__label {
382    font-size: 18px;
383    font-weight: 700;
384    color: #fff !important;
385}
386
387.wc-block-cart-item__total,
388.wc-block-components-totals-item__value {
389    font-weight: 600;
390    color: #fff !important;
391}
392
393/* Compact rows */
394.wc-block-cart-items__row,
395.wc-block-checkout .wc-block-components-totals-item {
396    padding: 6px 0;
397    margin: 0;
398    border-bottom: 1px solid rgba(255,255,255,0.1);
399}
400
401/* Smaller gaps between grid columns */
402.wc-block-cart-items__row .wc-block-cart-items__row-inner,
403.wc-block-checkout .wc-block-components-totals-wrapper {
404    gap: 10px;
405}
406
407/* Product images smaller */
408.wc-block-cart-item__image img,
409.wc-block-checkout .wc-block-components-product-image img {
410    max-width: 60px;
411    height: auto;
412    margin: 0;
413}
414
415/* ===============================
416   BUTTONS (Cart + Checkout)
417   =============================== */
418.wc-block-components-button.wc-block-cart__submit-button.contained,
419.wc-block-components-button.wc-block-checkout__submit-button.contained {
420    width: 100% !important;
421    background-color: #EF7824 !important; /* custom orange */
422    color: #fff !important;
423    border-radius: 99em !important; /* pill */
424    font-weight: 700;
425    text-align: center;
426    padding: 14px 20px;
427    border: none;
428    transition: background-color 0.2s ease-in-out;
429}
430
431.wc-block-components-button.wc-block-cart__submit-button.contained:hover,
432.wc-block-components-button.wc-block-checkout__submit-button.contained:hover {
433    background-color:  #a37f66 !important; /* darker orange */
434}
435
436/* ===============================
437   CHECKOUT FIELDS
438   =============================== */
439
440   /* ===============================
441   GLOBAL TEXT COLORS FOR CART + CHECKOUT
442   =============================== */
443
444/* All headings (h1–h6) inside cart/checkout */
445.wc-block-cart h1,
446.wc-block-cart h2,
447.wc-block-cart h3,
448.wc-block-cart h4,
449.wc-block-cart h5,
450.wc-block-cart h6,
451.wc-block-checkout h1,
452.wc-block-checkout h2,
453.wc-block-checkout h3,
454.wc-block-checkout h4,
455.wc-block-checkout h5,
456.wc-block-checkout h6 {
457    color: #fff !important;
458}
459
460/* Paragraphs, spans, list items */
461.wc-block-cart p,
462.wc-block-cart li,
463.wc-block-cart span,
464.wc-block-checkout p,
465.wc-block-checkout li,
466.wc-block-checkout span {
467    color: #fff !important;
468}
469
470/* Strong / bold text */
471.wc-block-cart strong,
472.wc-block-checkout strong {
473    color: #fff !important;
474}
475
476/* Checkout form labels */
477.wc-block-checkout label,
478.wc-block-checkout legend {
479    color: #fff !important;
480    font-weight: 600;
481}
482
483
484
485.wp-block-woocommerce-checkout-order-summary-block {
486  background-color: #1a1a1a;
487}
488
489
490
491
492/* ===============================
493   PLACE ORDER BUTTON (Checkout)
494   =============================== */
495.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
496.wc-block-components-button.wc-block-components-checkout-place-order-button.contained {
497    background-color: #EF7824 !important;
498    color: #fff !important;
499    border-radius: 99em !important; /* pill shape */
500    font-weight: 700;
501    text-align: center;
502    padding: 14px 20px;
503    border: none;
504    transition: background-color 0.2s ease-in-out;
505}
506
507/* Hover effect: darker orange */
508.wc-block-components-button.wc-block-components-checkout-place-order-button.contained:hover {
509    background-color:  #a37f66 !important;
510}
511
512.wc-block-checkout input[type="text"],
513.wc-block-checkout input[type="email"],
514.wc-block-checkout input[type="tel"],
515.wc-block-checkout input[type="password"],
516.wc-block-checkout select,
517.wc-block-checkout textarea {
518    background-color: #222 !important; /* dark fields */
519    color: #fff !important;
520    border: 1px solid rgba(255,255,255,0.2) !important;
521    border-radius: 6px;
522    padding: 10px 12px;
523}
524
525/* Placeholder text lighter */
526.wc-block-checkout ::placeholder {
527    color: rgba(255,255,255,0.6);
528}
529
530/* Labels white */
531.wc-block-checkout label {
532    color: #fff !important;
533    font-weight: 600;
534}
535
536/* Remove white box backgrounds from form sections */
537.wc-block-checkout .wc-block-components-checkout-step,
538.wc-block-checkout .wc-block-components-checkout-step__container {
539    background: transparent !important;
540    border: none !important;
541    padding: 10px 0;
542}
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564/* Container */
565.header-cart { position: relative; }
566.header-cart__trigger {
567  display: inline-flex; align-items: center;
568  text-decoration: none; color: inherit; position: relative;
569  padding: 0;
570}
571.header-cart__icon { font-size: 1.1rem; line-height: 1; }
572.header-cart__label { font-weight: 600; font-size: 1rem; color: grey; }
573.header-cart__count {
574    margin-right: 4px;
575    display: inline-flex;
576    align-items: center;
577    justify-content: center;
578    font-size: 1rem;
579    font-weight: 700;
580    line-height: 1;
581    color: #fff;
582}
583
584/* Dropdown */
585.header-cart__dropdown {
586  position: absolute; right: 0; top: calc(100% + 10px);
587  width: min(380px, 92vw);
588  background: #fff; border: 1px solid rgba(0,0,0,.08);
589  border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.12);
590  opacity: 0; visibility: hidden; transform: translateY(-6px);
591  transition: all .18s ease;
592  z-index: 1000;
593}
594.header-cart:hover .header-cart__dropdown,
595.header-cart:focus-within .header-cart__dropdown {
596  opacity: 1; visibility: visible; transform: translateY(0);
597}
598.header-cart__inner { padding: 12px; }
599
600/* Items */
601.header-cart__items { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; max-height: 320px; overflow: auto; }
602.header-cart__item { display: grid; grid-template-columns: 64px 1fr; gap: 10px; align-items: center; position: relative; }
603.header-cart__thumb img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; display: block; }
604.header-cart__info { display: grid; gap: 4px; }
605.header-cart__title { font-weight: 600; color: #111; text-decoration: none; }
606.header-cart__title:hover { text-decoration: underline; }
607.header-cart__meta { display: flex; gap: 8px; font-size: .9rem; color: #444; }
608.header-cart__remove {
609  position: absolute; right: 6px; top: 6px;
610  text-decoration: none; font-size: 16px; color: #888;
611}
612.header-cart__remove:hover { color: #111; }
613
614/* Footer */
615.header-cart__footer { border-top: 1px solid rgba(0,0,0,.06); margin-top: 10px; padding-top: 10px; display: grid; gap: 10px; }
616.header-cart__subtotal { display: flex; align-items: center; justify-content: space-between; font-size: .95rem; }
617.header-cart__actions { display: flex; gap: 10px; }
618.btn { display: inline-flex; align-items: center; justify-content: center; padding: .7rem 1rem; border-radius: 10px; font-weight: 700; text-decoration: none; }
619.btn--outline { border: 1px solid #ddd; background: #fff; color: #111; }
620.btn--outline:hover { border-color: #111; }
621.btn--primary { background: #111; color: #fff; }
622.btn--primary:hover { filter: brightness(1.05); }
623
624/* Empty state */
625.header-cart__empty { text-align: center; padding: 8px; display: grid; gap: 10px; }
626
627
628
629
630
631  h1 {
632    color: #00203a;
633  }
634  .single_variation_wrap {
635    width: 100%;
636  }
637
638
639
640
641
642
643
644/* ===== Variations – container ===== */
645.single-product .variations {
646  padding: 14px;
647  width: 100%;
648}
649
650/* Rij wrapper (één attribuut per rij) */
651.single-product .variations .attr-group {
652  margin-bottom: 12px;
653}
654.single-product .variations .attr-label {
655  font-weight: 700;
656  font-size: .95rem;
657  margin: 0 0 8px;
658  color: white;
659}
660
661/* Verberg het originele select, maar laat het toegankelijk & meetbaar voor Woo */
662.single-product .variations .attr-select {
663  position: absolute !important;
664  height: 1px; width: 1px;
665  padding: 0; margin: -1px;
666  overflow: hidden; clip: rect(0 0 0 0);
667  border: 0;
668}
669
670/* Opties (pills) */
671.single-product .variations .attr-options {
672  display: flex;
673  flex-wrap: wrap;
674  gap: 8px;
675}
676
677/* Visueel: input radiobutton verbergen, label doet het werk */
678.single-product .variations .attr-option {
679  position: relative;
680}
681.single-product .variations .attr-option input[type="radio"] {
682  position: absolute;
683  opacity: 0;
684  pointer-events: none;
685}
686.single-product .variations .attr-option label {
687  display: inline-flex;
688  align-items: center;
689  justify-content: center;
690  padding: .5rem .9rem;
691  border: 1px solid #464646;
692  transition: .3s ease;
693  border-radius: 999px; /* pill */
694  background: #1a1a1a;
695  color: white;
696  font-weight: 600;
697  font-size: .9rem;
698  line-height: 1;
699  cursor: pointer;
700  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
701  user-select: none;
702}
703
704.single-product .variations .attr-option label:hover {
705  border-color: var(--buttoncolor);
706}
707
708/* Geselecteerd */
709.single-product .variations .attr-option input[type="radio"]:checked + label {
710  border-color: var(--buttoncolor);
711  background-color: var(--buttoncolor);
712}
713
714/* Niet-beschikbaar (Woo zet option[disabled]) -> wij spiegelen naar disabled op radio */
715.single-product .variations .attr-option.is-disabled label {
716  opacity: .45;
717  cursor: not-allowed;
718  text-decoration: line-through;
719}
720
721/* Reset link */
722.single-product .variations .reset_variations {
723  display: inline-block;
724  margin-top: 6px;
725  font-size: .85rem;
726  color: #666;
727  text-decoration: underline;
728}
729.single-product .variations .reset_variations:hover { color: #111; }
730
731/* Tabel-schoonmaak */
732.single-product table.variations {
733  border: 0;
734}
735.single-product table.variations tr,
736.single-product table.variations td {
737  border: 0;
738  background: transparent;
739  padding: 0;
740}
741
742/* Maak cellen onder elkaar op mobiel */
743@media (max-width: 575.98px) {
744  .single-product .variations .attr-options { gap: 6px; }
745}
746
747
748
749
750
751
752
753
754
755
756
757
758/* =========================
759   SINGLE PRODUCT — CART ROW
760========================= */
761
762/* Qty + button in one line (wraps nicely on mobile) */
763.single-product .woocommerce-variation-add-to-cart,
764.single-product .summary form.cart,
765.single-product .variations_form.cart {
766  display: flex;
767  align-items: center;
768  gap: .75rem;
769  flex-wrap: wrap;
770  margin: 0;
771}
772
773/* Keep Woo's .quantity wrapper from adding extra spacing */
774.single-product .summary form.cart .quantity,
775.single-product .variations_form .quantity {
776  margin: 0;
777}
778
779/* =========================
780   QUANTITY PILL WITH +/- 
781========================= */
782
783/* If your JS wraps the input, this styles the pill */
784.qty-wrap {
785  display: inline-flex;
786  align-items: center;
787  border: 1px solid rgba(0,0,0,.14);
788  border-radius: 99em;
789  overflow: hidden;
790  background: #fff;
791}
792
793/* + / − buttons inside the pill */
794.qty-wrap .qty-btn {
795  width: 2rem;
796  height: 100%;
797  background-color: white;
798  border: 0;
799  font-size: 1.2rem;
800  font-weight: 700;
801  height: 50px;
802  cursor: pointer;
803  display: inline-flex;
804  align-items: center;
805  justify-content: center;
806  transition: background .2s ease;
807}
808.qty-wrap .qty-btn:hover { background: #ebebeb; }
809
810/* Number input inside the pill */
811.qty-wrap .qty {
812  border: 0;
813  width: 3.2rem;             /* tidy width; adjust if needed */
814  text-align: center;
815  font-weight: 600;
816  background: transparent;
817}
818
819/* Remove native number spinners */
820.qty-wrap .qty::-webkit-outer-spin-button,
821.qty-wrap .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
822.qty-wrap .qty[type=number] { -moz-appearance: textfield; }
823
824/* Fallback if no JS wrap: make Woo default qty look like a pill */
825.single-product .summary .quantity input.qty {
826  /*border: 1px solid rgba(0,0,0,.14);*/
827  border-radius: 99em;
828  width: 3.2rem;
829  text-align: center;
830  font-weight: 600;
831  background: #fff;
832}
833
834.single-product .summary .product_meta {
835  margin-top: 1rem;
836}
837
838.single-product .summary .quantity input.qty:focus {
839  outline: none;
840}
841
842/* =========================
843   ADD TO CART — PILL BUTTON
844========================= */
845
846.single-product .summary .single_add_to_cart_button {
847  border-radius: 99em;
848  font-weight: 700;
849  white-space: nowrap;
850}
851
852/* If some theme forces full width buttons, undo it */
853.single-product .summary form.cart .single_add_to_cart_button { width: auto; }
854
855
856
857
858
859
860
861
862/* =========================
863   TABS NAVIGATION
864========================= */
865
866/* Container */
867.product-single__after .woocommerce-tabs .wc-tabs {
868  display: flex;
869  margin: 0;
870  list-style: none;
871  border: 1px solid rgba(255,255,255,.15);
872  border-radius: .6rem .6rem 0 0;
873}
874
875/* Tab item */
876.product-single__after .woocommerce-tabs .wc-tabs li {
877  margin: 0;
878}
879
880/* Tab links */
881.product-single__after .woocommerce-tabs .wc-tabs li a {
882  display: inline-flex;
883  align-items: center;
884  justify-content: center;
885  padding: .7rem 1.2rem;
886  font-size: 1rem;
887  font-weight: 600;
888  text-decoration: none;
889  color: #aaa;  /* inactive */
890  background: rgba(255,255,255,.03); /* subtle background so they look like tabs */
891  border: 1px solid transparent;
892  border-bottom: none;
893  transition: all .25s ease;
894}
895
896/* Hover */
897.product-single__after .woocommerce-tabs .wc-tabs li a:hover {
898  color: #fff;
899  background: rgba(255,255,255,.08);
900}
901
902/* Active tab */
903.product-single__after .woocommerce-tabs .wc-tabs li.active a {
904  color: #fff;
905  background: #111;
906  border: 1px solid rgba(255,255,255,.15);
907  border-bottom: 2px solid var(--buttoncolor); /* highlight underline */
908  position: relative;
909  z-index: 2; /* make sure active tab sits above the panel */
910}
911
912/* =========================
913   TAB PANELS
914========================= */
915
916.product-single__after .woocommerce-tabs .woocommerce-Tabs-panel {
917  padding: 1.5rem;
918  border: 1px solid rgba(255,255,255,.15);
919  border-top: none;
920  border-radius: 0 0 .6rem .6rem;
921  background: rgba(255,255,255,.02);
922  color: #ddd;
923}
924
925.product-single__after .woocommerce-tabs .woocommerce-Tabs-panel h2 {
926  font-size: 1.2rem;
927  margin-bottom: 1rem;
928  color: #fff;
929  font-weight: 700;
930}
931
932
933
934.product-single__after .woocommerce-tabs table th,
935.product-single__after .woocommerce-tabs table td {
936  vertical-align: middle !important;
937  color: #fff !important;
938  padding: 5px 0;
939}
940.product-single__after .woocommerce-tabs table th {
941    padding-right: 30px;
942}
943
944
945.product-single__after .woocommerce-tabs table td p {
946    color: white !Important;
947    margin: 0;
948}
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974/* Single product general */
975.product-single {
976  --sp-gap: 1rem;
977}
978
979/* Optional topbar */
980.product-single__topbar {
981  border-bottom: 1px solid rgba(0,0,0,.06);
982  padding-bottom: .5rem;
983}
984.product-single__breadcrumbs .sep,
985.product-single__breadcrumbs .delimiter { opacity: .55; }
986
987/* Gallery */
988.product-single__gallery .woocommerce-product-gallery {
989  border-radius: .75rem;
990  overflow: hidden;
991}
992.product-single__gallery .flex-control-nav {
993  gap: .5rem !important;
994}
995.product-single__gallery .woocommerce-product-gallery__image img {
996  width: 100%;
997  height: auto;
998  display: block;
999}
1000
1001.product_title.entry-title {
1002  color: white;
1003}
1004/* Summary card */
1005.product-single__summary .summary {
1006
1007}
1008.product-single__summary .product-single__title {
1009  line-height: 1.15;
1010}
1011
1012/* Price + rating spacing */
1013.single-product .summary .price {
1014  font-size: 1.5rem;
1015  font-weight: 700;
1016  margin-top: .25rem;
1017  color: rgb(239, 120, 36);
1018}
1019.single-product .summary .star-rating {
1020  margin-top: .25rem;
1021}
1022
1023/* Excerpt readability */
1024.single-product .summary .woocommerce-product-details__short-description {
1025  color: rgb(138, 142, 145);
1026  line-height: 1.55;
1027}
1028.single-product .summary .woocommerce-product-details__short-description p {
1029  color: rgb(138, 142, 145);
1030}
1031
1032
1033/* Meta + sharing */
1034.single-product .product_meta {
1035  font-size: .9rem;
1036  color: white;
1037}
1038
1039/* Tabs/related spacing */
1040.product-single__after .woocommerce-tabs {
1041  margin: 5rem 0;
1042}
1043.related.products,
1044.upsells.products {
1045  margin-top: 2rem;
1046}
1047
1048.posted_in a:hover {
1049    color: white;
1050}
1051/* Small polish for sale flash */
1052.onsale {
1053  top: .75rem;
1054  left: .75rem;
1055  right: auto;
1056  border-radius: 999px;
1057  padding: .35rem .6rem;
1058  font-size: .75rem;
1059}
1060
1061/* Responsive niceties */
1062@media (max-width: 991.98px) {
1063  .product-single__grid { row-gap: 2rem; }
1064  .single-product .summary .price { font-size: 1.35rem; }
1065}
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086/* === Shop top (result count + ordering + notices) === */
1087.shop__top-wrapper {
1088  display: flex;
1089  align-items: center;
1090  justify-content: space-between;
1091  flex-wrap: wrap;          /* stack op mobiel */
1092}
1093
1094/* Notices eerst, volle breedte */
1095.shop__top-wrapper .woocommerce-notices-wrapper {
1096  flex: 0 0 100%;
1097  margin: 0;
1098}
1099
1100/* Tekst links */
1101.shop__top-wrapper .woocommerce-result-count {
1102  margin: 0;
1103  font-size: 14px;
1104  color: #555;
1105  line-height: 44px;        /* match select height */
1106}
1107
1108/* Form rechts */
1109.shop__top-wrapper .woocommerce-ordering {
1110  margin: 0 0 0 auto;       /* duw naar rechts */
1111}
1112
1113/* Mooie select */
1114.shop__top-wrapper .woocommerce-ordering .orderby {
1115  appearance: none;
1116  -webkit-appearance: none;
1117  -moz-appearance: none;
1118  min-width: 220px;
1119  padding: 10px 40px 10px 14px;
1120  border: 1px solid #ddd;
1121  border-radius: 8px;
1122  background: #fff;
1123  font-size: 14px;
1124  line-height: 1.4;
1125  color: #333;
1126  cursor: pointer;
1127  transition: border-color .2s ease, box-shadow .2s ease;
1128  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23555'><path d='M7 10l5 5 5-5'/></svg>");
1129  background-repeat: no-repeat;
1130  background-position: right 12px center;
1131  background-size: 18px;
1132}
1133.shop__top-wrapper .woocommerce-ordering .orderby:hover {
1134  border-color: #ef7823;
1135}
1136.shop__top-wrapper .woocommerce-ordering .orderby:focus {
1137  outline: none;
1138  border-color: #ef7823;
1139  box-shadow: 0 0 0 2px rgba(239,120,35,.2);
1140}
1141
1142/* Mobiel: alles onder elkaar, select 100% */
1143@media (max-width: 576px) {
1144  .shop__top-wrapper {
1145    gap: 12px;
1146  }
1147  .shop__top-wrapper .woocommerce-result-count {
1148    line-height: 1.4;
1149    width: 100%;
1150  }
1151  .shop__top-wrapper .woocommerce-ordering {
1152    width: 100%;
1153  }
1154  .shop__top-wrapper .woocommerce-ordering .orderby {
1155    width: 100%;
1156  }
1157}
1158
1159/* (Optioneel) kleine cosmetica voor Woo notices */
1160.shop__top-wrapper .woocommerce-message,
1161.shop__top-wrapper .woocommerce-error,
1162.shop__top-wrapper .woocommerce-info {
1163  border-radius: 8px;
1164  border: 1px solid #e8e8e8;
1165  padding: 12px 14px;
1166}
1167.shop__top-wrapper .woocommerce-message {
1168  border-color: rgba(239,120,35,.35);
1169  background: rgba(239,120,35,.06);
1170}
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181/* === WooCommerce Pagination – clean & modern (fixed selectors) === */
1182.woocommerce nav.woocommerce-pagination {
1183  margin: 40px 0 0;
1184  text-align: center;
1185}
1186
1187/* De UL zelf (container) */
1188.woocommerce nav.woocommerce-pagination ul.page-numbers {
1189  display: inline-flex;
1190  gap: 10px;
1191  padding: 0;
1192  margin: 0;
1193  list-style: none;
1194  border: 0;
1195}
1196
1197/* Li reset (geen vaste afmetingen hier!) */
1198.woocommerce nav.woocommerce-pagination ul.page-numbers li {
1199  border: 0;
1200  margin: 0;
1201  padding: 0;
1202}
1203
1204/* Alleen de KNOPPEN (a/span) krijgen de button-styling */
1205.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers,
1206.woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers {
1207  display: inline-flex;
1208  align-items: center;
1209  justify-content: center;
1210  width: 44px;
1211  height: 44px;
1212  font-size: 15px;
1213  font-weight: 600;
1214  color: #333;
1215  border: 1px solid #ddd;
1216  border-radius: 6px;
1217  background: #fff;
1218  transition: all .2s ease;
1219  text-decoration: none;
1220}
1221
1222/* Hover */
1223.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
1224  background: #ef7823;
1225  color: #fff;
1226  border-color: #ef7823;
1227}
1228
1229/* Actieve pagina (span.current) */
1230.woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
1231  background: #ef7823;
1232  border-color: #ef7823;
1233  color: #fff;
1234  cursor: default;
1235}
1236
1237/* Prev / Next (a of span) – bredere padding, geen vaste width */
1238.woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev,
1239.woocommerce nav.woocommerce-pagination ul.page-numbers li a.next,
1240.woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev,
1241.woocommerce nav.woocommerce-pagination ul.page-numbers li span.next {
1242  width: auto;
1243  padding: 0 18px;
1244  font-size: 14px;
1245}
1246
1247/* Dots (…) */
1248.woocommerce nav.woocommerce-pagination ul.page-numbers li span.dots {
1249  border: none;
1250  background: transparent;
1251  color: #999;
1252  width: auto;
1253  padding: 0;
1254}
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270.footer li,
1271.footer p,
1272.footer a {
1273  color: white;
1274}
1275
1276
1277  .sidebar a:hover,
1278  .footer a:hover {
1279    color: white;
1280  }
1281
1282  :root {
1283    --main:                 #111111;
1284    --mainhover:            #111111;
1285
1286    --alt:                  #001221;
1287    --althover:             #001221;
1288
1289    --buttontext:           #ffffff;
1290    --buttoncolor:          #a37251;
1291    --buttonhover:          #a37f65;
1292    
1293    --buttonsecondarytext:  #ffffff;
1294    --buttonsecondarycolor: #0a0000;
1295    --buttonsecondaryhover: #230000;
1296
1297    --borderradius:         10px;
1298    --buttonradius:         99em;
1299
1300    --fonthead:              "Poppins", sans-serif;;
1301
1302    --fontsize:             18px;
1303
1304    --textcolor:            #001221;
1305    --bgc:                  #ffffff;
1306  }
1307
1308  .sidebar h1,
1309  .sidebar h2,
1310  .sidebar h3,
1311  .sidebar h4,
1312  .sidebar h5 {
1313    color: ;
1314  }
1315  .sidebar p,
1316  .sidebar ul li,
1317  .sidebar ol li,
1318  .sidebar a {
1319    color: ;
1320    text-decoration: none;
1321  }
1322  .wysiwyg strong {
1323    color: #636363;
1324  }
1325  .area i,
1326  .footer i,
1327  .sidebar i,
1328  .usp__icon i {
1329    color: #a37251;
1330  }
1331  .wysiwyg li {
1332    font-size: 17px;
1333  }
1334  li:before {
1335    background-color: var(--buttoncolor) !important;
1336  }
1337  .wysiwyg a {
1338    color: var(--buttoncolor) !important;
1339  }
1340  .wysiwyg strong, .wysiwyg b {
1341    color: var(--buttoncolor);
1342  }
1343  .sidebar .wysiwyg p strong,
1344  .sidebar .wysiwyg a {
1345    color: white !important;
1346  }
1347
1348
1349  h6 {
1350    color: var(--buttoncolor) !important;
1351    margin-bottom: 0 !important;
1352  }
1353
1354
1355  @media (max-width: 768px) {
1356    .area__logo {
1357      padding:  10px 0;
1358      height: 70px;
1359    }
1360  }
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391/* Alleen het icoon wit maken */
1392input[type="number"]::-webkit-inner-spin-button {
1393  filter: invert(1); /* maakt het pijltje wit */
1394}
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404/* ===== CART: volledig gescope’d ===== */
1405body.woocommerce-cart section.content .woocommerce{
1406  background:#141414;
1407  color:#fff;
1408  border-radius:16px;
1409  padding:40px 50px;
1410  display:flex;
1411  gap:32px;
1412  align-items:flex-start;
1413}
1414
1415/* Mobiel: weer onder elkaar + kleinere padding */
1416@media (max-width:992px){
1417  body.woocommerce-cart section.content .woocommerce{
1418    flex-direction:column;
1419    padding: 0px 15px;
1420  }
1421}
1422
1423/* Notificaties */
1424body.woocommerce-cart section.content .woocommerce-notices-wrapper .woocommerce-info,
1425body.woocommerce-cart section.content .woocommerce-notices-wrapper .woocommerce-message,
1426body.woocommerce-cart section.content .woocommerce-notices-wrapper .woocommerce-error{
1427  background:#222; border-left:4px solid #a37251; color:#fff;
1428  padding:12px 16px; border-radius:8px; margin-bottom:20px;
1429}
1430body.woocommerce-cart section.content .woocommerce-notices-wrapper a{text-decoration:underline;}
1431body.woocommerce-cart section.content .woocommerce-notices-wrapper a:hover{color:#fff;}
1432
1433/* Layout: table links / totalen rechts */
1434body.woocommerce-cart section.content .woocommerce .woocommerce-cart-form{
1435  flex:1 1 0;
1436  min-width:0; /* voorkomt overflow */
1437}
1438
1439body.woocommerce-cart section.content .woocommerce .cart-collaterals{
1440  flex:0 0 380px;
1441  margin-top:0;
1442}
1443
1444@media (max-width:992px){
1445  body.woocommerce-cart section.content .woocommerce .woocommerce-cart-form,
1446  body.woocommerce-cart section.content .woocommerce .cart-collaterals{
1447    flex:1 1 100%;
1448    width:100%;
1449  }
1450}
1451
1452/* Tabel basis */
1453body.woocommerce-cart section.content table.shop_table{
1454  width:100%;
1455  border-radius:12px;
1456  border-collapse:separate;
1457  border-spacing:0;
1458  overflow:hidden;
1459}
1460body.woocommerce-cart section.content .woocommerce-shipping-destination {
1461    color: white;
1462}
1463
1464body.woocommerce-cart section.content .woocommerce-shipping-methods label {
1465    color: white;
1466}
1467
1468/* Buttons in cart */
1469body.woocommerce-cart section.content .button {
1470    min-width: max-content;
1471    color: white !important;
1472    padding: 12px 42px 12px 20px !important;
1473}
1474
1475body.woocommerce-cart section.content table.shop_table thead th{
1476  color:#eaeaea; font-weight:600; letter-spacing:.3px;
1477  padding:8px 10px; /* compacter */
1478  border-bottom:1px solid #2f2f2f;
1479}
1480body.woocommerce-cart section.content table.shop_table td{
1481  padding:10px 10px; /* compacter */
1482  vertical-align: top;
1483  border-bottom:1px solid #2b2b2b;
1484  vertical-align:middle; color:#e8e8e8;
1485  max-width: 130px;
1486}
1487body.woocommerce-cart section.content table.shop_table tr:last-child td{border-bottom:0;}
1488
1489/* Kolombreedtes */
1490body.woocommerce-cart section.content th.product-remove,
1491body.woocommerce-cart section.content td.product-remove{
1492  width:32px;
1493  text-align:center;
1494  padding:4px 4px;
1495}
1496
1497body.woocommerce-cart section.content th.product-thumbnail,
1498body.woocommerce-cart section.content td.product-thumbnail{
1499  width:80px;
1500}
1501
1502body.woocommerce-cart section.content td.product-price,
1503body.woocommerce-cart section.content td.product-quantity,
1504body.woocommerce-cart section.content td.product-subtotal{
1505  white-space:nowrap;
1506}
1507
1508/* Thumbnail */
1509body.woocommerce-cart section.content td.product-thumbnail img{
1510  width:72px; height:72px; object-fit:cover; border-radius:10px; display:block;
1511}
1512
1513/* Productnaam */
1514body.woocommerce-cart section.content td.product-name a{
1515  color:#fff;text-decoration:none;
1516}
1517body.woocommerce-cart section.content td.product-name a:hover{color:#b48663;}
1518
1519/* Qty */
1520body.woocommerce-cart section.content .quantity{display:inline-flex;}
1521body.woocommerce-cart section.content .quantity .qty{
1522  width:70px; text-align:center; background:#1b1b1b; color:#eee;
1523  border:1px solid #333; border-radius:8px; padding:8px 8px; transition:.2s;
1524}
1525body.woocommerce-cart section.content .quantity .qty:focus{
1526  border-color:#a37251; box-shadow:0 0 0 2px rgba(163,114,81,.3); outline:none;
1527}
1528
1529/* Remove (×) */
1530body.woocommerce-cart section.content a.remove{
1531  display:inline-flex; align-items:center; justify-content:center;
1532  width:24px; height:24px; border-radius:6px;
1533  background:#a37251!important; color:#fff!important; text-decoration:none;
1534  font-size:14px;
1535}
1536body.woocommerce-cart section.content a.remove:hover{background:#b48663!important;}
1537
1538/* Inputs generiek (match checkout look) */
1539body.woocommerce-cart section.content input.input-text{
1540  background:#1b1b1b; color:#eee; border:1px solid #333; border-radius:8px; padding:10px 14px;
1541}
1542body.woocommerce-cart section.content input.input-text:focus{
1543  border-color:#a37251; box-shadow:0 0 0 2px rgba(163,114,81,.3); outline:none;
1544}
1545
1546/* Acties rij (coupon + update) */
1547body.woocommerce-cart section.content td.actions{
1548  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
1549  border-top:1px solid #2b2b2b; padding:16px;
1550}
1551body.woocommerce-cart section.content .coupon{
1552  display:flex; gap:10px; align-items:center; flex:1;
1553}
1554body.woocommerce-cart section.content .coupon label{display:none;}
1555body.woocommerce-cart section.content .coupon .input-text{
1556  min-width:220px; margin-bottom:0; bottom:0;
1557}
1558
1559@media (max-width:768px){
1560  body.woocommerce-cart section.content td.actions{flex-direction:column; align-items:stretch;}
1561  body.woocommerce-cart section.content .coupon{width:100%;}
1562  body.woocommerce-cart section.content .coupon .input-text{width:100%; min-width:0;}
1563}
1564
1565.wc-proceed-to-checkout .button {
1566    width: 100%;
1567}
1568
1569/* Buttons (match checkout) */
1570body.woocommerce-cart section.content .button,
1571body.woocommerce-cart section.content button.button,
1572body.woocommerce-cart section.content a.button{
1573  background:#a37251; color:#fff; border:none; border-radius:10px;
1574  cursor:pointer; transition:.2s; display:inline-flex; align-items:center;
1575}
1576body.woocommerce-cart section.content .button:hover{background:#b48663;}
1577
1578/* Totals rechts */
1579body.woocommerce-cart section.content .cart_totals{
1580  background:#1a1a1a; border-radius:12px; padding:22px;
1581}
1582body.woocommerce-cart section.content .cart_totals h2{
1583  color:#eaeaea; border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:16px; letter-spacing:.3px;
1584}
1585body.woocommerce-cart section.content .cart_totals table{width:100%; border-collapse:collapse;}
1586body.woocommerce-cart section.content .cart_totals th,
1587body.woocommerce-cart section.content .cart_totals td{
1588  border-bottom:1px solid #2b2b2b; padding:10px 0; color:#e8e8e8;vertical-align: top;
1589}
1590body.woocommerce-cart section.content .cart_totals tr:last-child th,
1591body.woocommerce-cart section.content .cart_totals tr:last-child td{border-bottom:0;}
1592body.woocommerce-cart section.content .cart_totals a{color:#a37251;}
1593body.woocommerce-cart section.content .cart_totals a:hover{color:#b48663;}
1594body.woocommerce-cart section.content .wc-proceed-to-checkout{margin-top:16px;}
1595body.woocommerce-cart section.content .checkout-button{width:100%;text-align:center; display: flex !important; justify-content: center}
1596
1597/* Misc: verwijder vreemde markers/bullets uit table rows (soms door thema) */
1598body.woocommerce-cart section.content table.shop_table tr::before{content:none!important;}
1599body.woocommerce-cart section.content table.shop_table li{list-style:none!important;}
1600body.woocommerce-cart section.content table.shop_table li::marker{content:''!important;}
1601
1602
1603
1604
1605/* ===== MOBILE: CART PRODUCT KAARTEN (alleen productrijen!) ===== */
1606@media (max-width: 768px) {
1607
1608  /* Target ONLY the product-table inside .woocommerce-cart-form */
1609  body.woocommerce-cart section.content .woocommerce-cart-form table.shop_table thead {
1610    display: none;
1611  }
1612
1613  body.woocommerce-cart section.content .woocommerce-cart-form table.shop_table tbody tr {
1614    display: block;
1615    background: #1a1a1a;
1616    margin-bottom: 18px;
1617    padding: 16px;
1618    border-radius: 12px;
1619    position: relative; /* voor remove knop */
1620  }
1621
1622  body.woocommerce-cart section.content .woocommerce-cart-form table.shop_table tbody td {
1623    display: flex;
1624    justify-content: space-between;
1625    align-items: center;
1626    border: none !important;
1627    padding: 8px 0;
1628    max-width: 100%;
1629  }
1630
1631  /* Thumbnail bovenaan */
1632  body.woocommerce-cart section.content .woocommerce-cart-form td.product-thumbnail {
1633    justify-content: center;
1634    padding-bottom: 12px;
1635  }
1636
1637  body.woocommerce-cart section.content .woocommerce-cart-form td.product-thumbnail img {
1638    width: 100px;
1639    height: 100px;
1640    border-radius: 10px;
1641  }
1642
1643  /* Productnaam full width */
1644  body.woocommerce-cart section.content .woocommerce-cart-form td.product-name {
1645    display: block;
1646    margin-bottom: 10px;
1647  }
1648  body.woocommerce-cart section.content .woocommerce-cart-form td.product-name a {
1649    font-size: 16px;
1650    font-weight: 600;
1651  }
1652
1653  /* Price + quantity + subtotal */
1654  body.woocommerce-cart section.content .woocommerce-cart-form td.product-price,
1655  body.woocommerce-cart section.content .woocommerce-cart-form td.product-quantity,
1656  body.woocommerce-cart section.content .woocommerce-cart-form td.product-subtotal {
1657    width: 100%;
1658  }
1659
1660  /* Remove-knop rechtsboven */
1661  body.woocommerce-cart section.content .woocommerce-cart-form td.product-remove {
1662    position: absolute;
1663    top: 14px;
1664    right: 14px;
1665  }
1666
1667  /* Actions row alleen voor cart-form */
1668  body.woocommerce-cart section.content .woocommerce-cart-form td.actions {
1669    display: block;
1670    padding: 0;
1671    border: none;
1672  }
1673}
1674
1675@media (max-width: 768px) {
1676
1677  body.woocommerce-cart section.content .woocommerce-cart-form td.product-price::before {
1678    content: "Prijs";
1679    color: #bbb;
1680    font-size: 13px;
1681    font-weight: 500;
1682    margin-right: 12px;
1683  }
1684
1685  body.woocommerce-cart section.content .woocommerce-cart-form td.product-subtotal::before {
1686    content: "Subtotaal";
1687    color: #bbb;
1688    font-size: 13px;
1689    font-weight: 500;
1690    margin-right: 12px;
1691  }
1692}
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712</style>
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/brands.min.css" integrity="sha512-G/T7HQJXSeNV7mKMXeJKlYNJ0jrs8RsWzYG7rVACye+qrcUhEAYKYzaa+VFy6eFzM2+/JT1Q+eqBbZFSHmJQew==" crossorigin="anonymous" referrerpolicy="no-referrer" />
1725<body>
1726
1727
1728  <style>
1729.woocommerce-shipping-methods input[type="radio"]:checked + label:before,
1730#shipping_method input[type="hidden"][value="distance_rate:5"] + label:before {
1731  border-color: white;
1732}
1733    
1734
1735  .woocommerce-shipping-methods input[type="radio"]:checked + label:after,
1736#shipping_method input[type="hidden"][value="distance_rate:5"] + label:after {
1737  content: "";
1738position: absolute;
1739left: 3px;
1740top: 3px;
1741width: 14px;
1742height: 14px;
1743background: #a37251;
1744border-radius: 50%;
1745}
1746
1747    .header-cart .header-cart__remove:hover {
1748      color: black !important;
1749    } 
1750
1751
1752    #sbi-fr-ce-license-error {
1753      display: none !important;
1754    }
1755
1756
1757    .single-product .producten__col .attr-options {
1758      display: none;
1759    }
1760
1761    .single-product .producten__col .attr-select {
1762        position: relative !important;
1763        height: auto;
1764        width: 100%;
1765        padding: auto;
1766        margin: 0;
1767        overflow: visible;
1768        clip: none;
1769    }
1770
1771select option {
1772  background-color: white !important;
1773  color: black !important;
1774}
1775
1776    table.ui-datepicker-calendar a,
1777    .navigation__cart bdi {
1778      color: black !important;
1779    }
1780
1781    .producten--overview .attr-group select {
1782      border: none;
1783      appearance: none;
1784      background-color: transparent;
1785      color: white;
1786    }
1787    .producten--overview .attr-group {
1788      position: relative;
1789      border-radius: 99em;
1790      border: 1px solid #5e5e5e;
1791    }
1792    .producten--overview .attr-group:after {
1793      content: '\f078';
1794      font-weight: 900;
1795      font-family: "Font Awesome 6 Free";
1796      position: absolute;
1797      right: 16px;
1798      pointer-events: none;
1799      top: 50%;
1800      transform: translateY(-50%);
1801      color: white;
1802      font-size: 16px;
1803      }
1804
1805      .varrie .producten__buttons select {
1806  text-align: center;
1807  text-align-last: center;
1808}
1809
1810    .varrie .producten__price,
1811    .variations + .single_variation_wrap .single_variation {
1812      display: none !important;
1813    } 
1814    @media (max-width: 1320px) {
1815      .producten--overview .producten__col {
1816        width: 33.3333%;
1817      }
1818    }
1819    @media (max-width: 1080px) {
1820      .producten--overview .producten__col {
1821        width: 50%;
1822      }
1823    }
1824    @media (max-width: 950px) {
1825      .producten--overview .producten__col {
1826        width: 100%;
1827      }
1828      .woocommerce-message {
1829        display: flex;
1830        flex-direction: column;
1831        justify-content: center;
1832        align-items: center;
1833        text-align: center;
1834      } 
1835      .woocommerce-message .button {
1836        margin-top: 10px;
1837      }
1838    }
1839
1840
1841    .qty-wrap button {
1842      appearance: none;
1843      background-color: transparent;
1844      border: none;
1845    }
1846
1847      .normie .producten__buttons .cart,
1848     .producten.producten--overview .variations_button {
1849      display: flex;
1850      align-items: center;
1851    }
1852    .qty-wrap .qty-btn {
1853      color: black !important;
1854    }
1855    .producten.producten--overview .qty-wrap .qty-btn {
1856      width: 28px;
1857    }
1858
1859    .producten.producten--overview .qty-wrap .qty {
1860      width: 2rem;
1861    }
1862
1863    .producten.producten--overview .qty-wrap {
1864      margin-right: 6px;
1865    }
1866
1867
1868
1869
1870    .varrie .producten__meta {
1871      min-height: auto !important;
1872    }
1873
1874.archive .product-type-variable .single_variation_wrap {
1875  width: auto !important;
1876}
1877
1878
1879
1880.archive .product-type-variable .variations_form.cart {
1881  width: 100%;
1882  display: flex;
1883  flex-direction: column;
1884  align-items: center;
1885}
1886.archive .product-type-variable table.variations {
1887  width: 100%;
1888  margin-bottom: 24px;
1889}
1890
1891
1892
1893.archive .content h1 {
1894  color: white;
1895}
1896
1897.producten__col .attr-group {
1898  display: flex;
1899  align-items: center;
1900}
1901.producten__col .attr-group select {
1902  margin-bottom: 0;
1903}
1904
1905.producten__col .attr-group .attr-label {
1906  display: none;
1907}
1908
1909
1910.post-type-archive-product .attr-options,
1911.tax-product_cat .attr-options,
1912.tax-product_tag .attr-options {
1913    display: none !important;
1914}
1915
1916@media (max-width:991px) {
1917  .hero,
1918  .hero-home {
1919    margin-top: 0;
1920  }
1921}
1922/* fieldset = container only */
1923.custom-radio {
1924    border: 0;
1925    padding: 0;
1926}
1927
1928/* labels = radio items */
1929.custom-radio > label {
1930    position: relative;
1931    display: flex;
1932    align-items: center;
1933    padding-left: 32px;
1934    cursor: pointer;
1935    margin-bottom: 10px;
1936}
1937.custom-radio .required {
1938  display: none;
1939}
1940
1941/* echte radio verbergen */
1942.custom-radio > label > input[type="radio"] {
1943    position: absolute;
1944    opacity: 0;
1945    pointer-events: none;
1946}
1947
1948.custom-radio > label:has(> input[type="radio"]:checked)::before {
1949    border-color: #ffffff;
1950}
1951
1952/* outer circle */
1953.custom-radio > label::before {
1954    content: "";
1955    position: absolute;
1956    left: 0;
1957    top: 50%;
1958    transform: translateY(-50%);
1959    width: 20px;
1960    height: 20px;
1961    border: 1px solid #333;
1962    border-radius: 50%;
1963    background-color: #1a1a1a;
1964    transition: all .2s ease;
1965}
1966
1967/* inner dot when checked */
1968.custom-radio > label > input[type="radio"]:checked ~ ::after {
1969    /* noop */
1970}
1971
1972/* correct checked state */
1973.custom-radio > label:has(> input[type="radio"]:checked)::after {
1974    content: "";
1975    position: absolute;
1976    left: 3px;
1977    top: 50%;
1978    transform: translateY(-50%);
1979    width: 14px;
1980    height: 14px;
1981    background: #a37251;
1982    border-radius: 50%;
1983}
1984
1985
1986
1987
1988
1989
1990
1991
1992    .woocommerce-cart .cross-sells {
1993      display: none !important;
1994    }
1995
1996.navigeren__link {
1997  font-size: 20px;
1998  padding: 4px 0;
1999}
2000.navigeren__sub-menu__link,
2001.navigeren__link:focus {
2002  color: white !important;
2003}
2004
2005.navigation__list {
2006  flex-wrap: wrap;
2007}
2008
2009.header-cart__title:hover {
2010  color: black !important;
2011}
2012.cart_item p,
2013.woocommerce-cart-form__cart-item.cart_item p {
2014  color: white !important;
2015}
2016
2017
2018.borgjes {
2019  display: none !important;
2020}
2021
2022
2023.woocommerce-cart-form + .cart-collaterals .shipping {
2024  display: none;
2025}
2026
2027.extras label {
2028  font-size: 22px;
2029  font-weight: bold;
2030  margin-bottom: 0px;
2031}
2032.extras span {
2033  font-size: 16px;
2034  line-height: 1;
2035}
2036
2037.fpf-fields {
2038  margin: 0;
2039}
2040
2041.woocommerce-checkout a,
2042.woocommerce-checkout strong {
2043  color: white !important;
2044}
2045ol li a:hover, ul li a:hover {
2046  color: white !important;
2047}
2048
2049
2050
2051/* ===== WooCommerce THANK YOU PAGE ONLY ===== */
2052.woocommerce-order-received .woocommerce-order {
2053  color: #f1f1f1;
2054  font-size: 18px;
2055  line-height: 1.8;
2056}
2057
2058/* Paragrafen */
2059.woocommerce-order-received .woocommerce-order p {
2060  color: #eaeaea;
2061  font-size: 18px;
2062  margin-bottom: 24px;
2063}
2064
2065/* Order overview */
2066.woocommerce-order-received .woocommerce-order-overview {
2067  font-size: 18px;
2068  margin-bottom: 30px;
2069}
2070
2071.woocommerce-order-received .woocommerce-order-overview li,
2072.woocommerce-order-received .woocommerce-order-overview li strong {
2073  color: #ffffff !important;
2074}
2075
2076/* Secties spacing */
2077.woocommerce-order-received .woocommerce-order-overview,
2078.woocommerce-order-received .woocommerce-order-details,
2079.woocommerce-order-received .woocommerce-customer-details {
2080  margin-bottom: 30px;
2081}
2082
2083/* Desktop layout: order details + custom fields naast elkaar */
2084@media (min-width: 900px) {
2085  .woocommerce-order-received .woocommerce-order-details {
2086    display: grid;
2087    grid-template-columns: 2fr 1fr;
2088    gap: 30px;
2089    align-items: start;
2090  }
2091
2092  .woocommerce-order-received .woocommerce-table--order-details {
2093    grid-column: 1 / 2;
2094  }
2095
2096  .woocommerce-order-received .woocommerce-table--custom-fields {
2097    grid-column: 2 / 3;
2098  }
2099}
2100
2101/* Mobiel */
2102@media (max-width: 899px) {
2103  .woocommerce-order-received .woocommerce-order-details {
2104    display: block;
2105  }
2106}
2107
2108/* Tabellen */
2109.woocommerce-order-received .woocommerce-table {
2110  background: #151515;
2111  border: 1px solid #2a2a2a;
2112  color: #ddd;
2113  font-size: 18px;
2114}
2115
2116.woocommerce-order-received .woocommerce-table th,
2117.woocommerce-order-received .woocommerce-table td {
2118  padding: 14px 16px;
2119  border-bottom: 1px solid #2a2a2a;
2120  vertical-align: top;
2121}
2122
2123.woocommerce-order-received .woocommerce-table th {
2124  color: #ffffff;
2125  font-weight: 600;
2126}
2127
2128/* Custom fields tabel */
2129.woocommerce-order-received .woocommerce-table--custom-fields th {
2130  background: #1a1a1a;
2131  font-size: 16px;
2132}
2133
2134.woocommerce-order-received .woocommerce-table--custom-fields td {
2135  font-size: 18px;
2136  color: #e0e0e0;
2137}
2138
2139/* Adressen */
2140@media (min-width: 900px) {
2141  .woocommerce-order-received .woocommerce-columns--addresses {
2142    display: grid;
2143    grid-template-columns: 1fr 1fr;
2144    gap: 30px;
2145  }
2146}
2147
2148.woocommerce-order-received .woocommerce-customer-details address {
2149  background: #151515;
2150  border: 1px solid #2a2a2a;
2151  padding: 18px;
2152  color: #ddd;
2153  font-size: 18px;
2154}
2155
2156/* Titels */
2157.woocommerce-order-received .woocommerce-order-details__title,
2158.woocommerce-order-received .woocommerce-column__title {
2159  font-size: 18px;
2160  margin-bottom: 16px;
2161  color: #ffffff;
2162}
2163
2164/* Prijzen */
2165.woocommerce-order-received .woocommerce-Price-amount {
2166  color: #ffffff;
2167  font-weight: 600;
2168}
2169
2170
2171
2172
2173
2174
2175
2176
2177
2178
2179
2180
2181
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192/* ===== WooCommerce shipping sidebar – custom radio styling ===== */
2193.woocommerce-shipping-methods label {
2194  position: relative;
2195  padding-left: 30px;
2196  cursor: pointer;
2197  display: inline-block;
2198  line-height: 20px; /* helpt met verticale uitlijning */
2199}
2200
2201/* hide native radio */
2202.woocommerce-shipping-methods input[type="radio"] {
2203  position: absolute;
2204  opacity: 0;
2205}
2206
2207/* radio circle */
2208.woocommerce-shipping-methods label:before {
2209  content: "";
2210  position: absolute;
2211  left: 0;
2212  top: 0px;                 /* 👈 verticale fix */
2213  width: 20px;
2214  height: 20px;
2215  border: 1px solid #333;
2216  border-radius: 50%;
2217  background-color: #1a1a1a;
2218  transition: all .2s ease;
2219}
2220
2221/* active / checked state */
2222.woocommerce-shipping-methods input[type="radio"]:checked + label:after {
2223  content: "";
2224  position: absolute;
2225  left: 3px;
2226  top: 3px;                 /* 👈 mee laten schuiven */
2227  width: 14px;
2228  height: 14px;
2229  background: #a37251;
2230  border-radius: 50%;
2231}
2232
2233/* checked border */
2234.woocommerce-shipping-methods input[type="radio"]:checked + label:before {
2235  border: 1px solid #fff;
2236}
2237
2238/* make whole row clickable */
2239.woocommerce-shipping-methods li {
2240  cursor: pointer;
2241}
2242
2243
2244
2245
2246/* make whole row clickable */
2247.woocommerce-shipping-methods li {
2248  cursor: pointer;
2249}
2250
2251
2252
2253#billing_country_field  strong {
2254  color: white !important;
2255}
2256
2257.payment_box.payment_method_cod {
2258  margin-bottom: 10px;
2259}
2260.payment_box.payment_method_cod p {
2261  margin-bottom: 0px !important;
2262  color: white !important;
2263}
2264
2265/* Verberg standaard radio */
2266.fpf-multi-checkbox input[type="checkbox"] {
2267  position: absolute;
2268  opacity: 0;
2269  pointer-events: none;
2270}
2271/* Label baseline */
2272.fpf-multi-checkbox label {
2273  position: relative;
2274  padding-left: 26px;
2275  cursor: pointer;
2276  color: #fff;
2277  font-size: 18px;
2278  margin-right: 15px;
2279}
2280/* Custom cirkel */
2281.fpf-multi-checkbox span:before {
2282  content: "";
2283  position: absolute;
2284  left: 0;
2285  top: 4px;
2286  width: 20px;
2287  height: 20px;
2288  border: 1px solid #333;
2289  border-radius: 3px;
2290  background: transparent;
2291  background-color: #1a1a1a;
2292  transition: all .2s ease;
2293}
2294.fpf-multi-checkbox span:after {
2295  content: "";
2296  position: absolute;
2297  left: 3px;
2298  top: 7px;
2299  width: 14px;
2300  height: 14px;
2301  border-radius: 1px;
2302  background: #a37251;
2303  opacity: 0;
2304}
2305.fpf-multi-checkbox input[type="checkbox"]:checked + span:before {
2306  border: 1px solid #333;
2307}
2308/* Binnenste bolletje wanneer checked */
2309.fpf-multi-checkbox input[type="checkbox"]:checked + span:after {
2310  opacity: 1;
2311}
2312
2313
2314
2315
2316
2317.fpf-multi-checkbox .form-row,
2318.fpf-radio .form-row {
2319  display: flex;
2320  flex-wrap: wrap;
2321}
2322.fpf-multi-checkbox .form-row label,
2323.fpf-radio .form-row label {
2324  max-width: max-content;
2325}
2326
2327
2328
2329/* Verberg standaard radio */
2330.fpf-radio input[type="radio"] {
2331  position: absolute;
2332  opacity: 0;
2333  pointer-events: none;
2334}
2335/* Label baseline */
2336.fpf-radio label {
2337  position: relative;
2338  padding-left: 26px;
2339  cursor: pointer;
2340  color: #fff;
2341  font-size: 18px;
2342  margin-right: 15px;
2343}
2344/* Custom cirkel */
2345.fpf-radio span:before {
2346  content: "";
2347  position: absolute;
2348  left: 0;
2349  top: 4px;
2350  width: 20px;
2351  height: 20px;
2352  border: 1px solid #333;
2353  border-radius: 50%;
2354  background: transparent;
2355  background-color: #1a1a1a;
2356  transition: all .2s ease;
2357}
2358.fpf-radio span:after {
2359  content: "";
2360  position: absolute;
2361  left: 3px;
2362  top: 7px;
2363  width: 14px;
2364  height: 14px;
2365  border-radius: 50%;
2366  background: #a37251;
2367  opacity: 0;
2368}
2369.fpf-radio input[type="radio"]:checked + span:before {
2370  border: 1px solid #333;
2371}
2372/* Binnenste bolletje wanneer checked */
2373.fpf-radio input[type="radio"]:checked + span:after {
2374  opacity: 1;
2375}
2376
2377
2378
2379
2380
2381
2382
2383
2384
2385    .postid-1030 .row--center {
2386      align-items: flex-start;
2387    }
2388
2389.summary label {
2390  color: white;
2391}
2392.summary .required {
2393  color: var(--buttoncolor);
2394}
2395.fpf-fields {
2396  width: 100%;
2397}
2398.summary legend {
2399  color: white;
2400  font-size: 16px;
2401}
2402
2403.sku_wrapper,
2404.posted_in {
2405  color: rgb(138, 142, 145);
2406}
2407.posted_in a {
2408  text-decoration: underline;
2409  transition: .3s ease;
2410}
2411
2412
2413
2414
2415/* Verberg standaard radio */
2416.woocommerce-input-wrapper input[type="radio"] {
2417  position: absolute;
2418  opacity: 0;
2419  pointer-events: none;
2420}
2421
2422/* Label baseline */
2423.woocommerce-input-wrapper label.radio {
2424  position: relative;
2425  padding-left: 26px;
2426  cursor: pointer;
2427  color: #fff;
2428  font-size: 18px;
2429  margin-right: 15px;
2430}
2431
2432/* Custom cirkel */
2433.woocommerce-input-wrapper label.radio:before {
2434  content: "";
2435  position: absolute;
2436  left: 0;
2437  top: 0;
2438  width: 20px;
2439  height: 20px;
2440  border: 1px solid #333;
2441  border-radius: 50%;
2442  background: transparent;
2443  background-color: #1a1a1a;
2444  transition: all .2s ease;
2445}
2446.woocommerce-input-wrapper input[type="radio"]:checked + label.radio:before {
2447  border: 1px solid white;
2448}
2449/* Binnenste bolletje wanneer checked */
2450.woocommerce-input-wrapper input[type="radio"]:checked + label.radio:after {
2451  content: "";
2452  position: absolute;
2453  left: 3px;
2454  top: 3px;
2455  width: 14px;
2456  height: 14px;
2457  background: #a37251;
2458  border-radius: 50%;
2459}
2460
2461.fpf-fields-config-wrapper {
2462  display: none !important;
2463}
2464
2465
2466#fpf-add-to-cart-form p,
2467.fpf-fields-config-wrapper p {
2468  color: white !important; 
2469}
2470
2471
2472
2473
2474
2475
2476
2477
2478
2479.woocommerce form .form-row-first,
2480.woocommerce form .form-row-last {
2481    width: calc(50% - 10px);
2482    display: inline-block;
2483    vertical-align: top;
2484    margin-right: 20px;
2485}
2486
2487.woocommerce form .form-row-last {
2488    margin-right: 0;
2489}
2490
2491@media (max-width: 768px) {
2492.woocommerce form .form-row-first,
2493.woocommerce form .form-row-last {
2494    width: calc(100%) !important;
2495    display: inline-block;
2496    vertical-align: top;
2497    margin-right: 0 !important;
2498} 
2499       .hero-home__inner h6 {
2500        text-shadow: 0px 0px 6px black;
2501      }
2502}
2503@media (max-width:991.98px) {
2504  .credentials {
2505    padding: .5rem 0 !important;
2506  }
2507}
2508
2509span.required {
2510  display: none !important;
2511}
2512svg {
2513  margin: 0 auto;
2514}
2515
2516/* Verberg standaard checkbox */
2517.woocommerce-form__input-checkbox {
2518    position: absolute;
2519    opacity: 0;
2520    pointer-events: none;
2521}
2522
2523/* Label structuur */
2524.woocommerce-form__label-for-checkbox.checkbox {
2525    display: flex;
2526    align-items: center;
2527    margin-right: 10px;
2528    position: relative;
2529    cursor: pointer;
2530    user-select: none;
2531}
2532
2533/* Custom box vóór de tekst */
2534.woocommerce-form__label-for-checkbox.checkbox span::before {
2535    content: "";
2536    display: inline-block;
2537    width: 20px;
2538    height: 20px;
2539    border: 1px solid #333;
2540    border-radius: 4px;
2541    background: transparent;
2542    transition: all 0.2s ease;
2543    box-sizing: border-box;
2544    margin-right: 10px;
2545    background-color: #1a1a1a;
2546}
2547
2548/* Vinkje */
2549.woocommerce-form__label-for-checkbox.checkbox span::after {
2550content: "\f00c";
2551font-family: Font Awesome\ 5 Free;
2552margin-right: 10px;
2553font-weight: 900;
2554position: absolute;
2555left: 3px;
2556top: 6px;
2557opacity: 0;
2558font-size: 15px;
2559height: 20px;
2560}
2561
2562
2563
2564
2565
2566/* Checked state: kleur + vinkje */
2567#ship-to-different-address-checkbox:checked + span::before {
2568    background: #a37251;
2569    border-color: #a37251;
2570}
2571
2572#ship-to-different-address-checkbox:checked + span::after {
2573    opacity: 1;
2574}
2575
2576
2577
2578
2579
2580    .post-type-archive-product .producten {
2581      margin: 0 auto;
2582      max-width: 1440px;
2583    }
2584
2585    #customer_details .form-row p {
2586background-color: #a37251;
2587border-left: 4px solid #ddac8c;
2588color: #ffffff;
2589padding: 12px 16px;
2590margin-bottom: 20px;
2591border-radius: 6px;
2592font-weight: 500;
2593    }
2594
2595    .wc-block-checkout, 
2596.wc-block-components-address-form { white-space: normal; }
2597#wc-block-components-form div {
2598  font-size: 0; /* verwijdert zichtbare whitespace */
2599}
2600#wc-block-components-form div * {
2601  font-size: initial;
2602}
2603.wc-block-components-text-input .wc-block-components-totals-coupon__input-coupon {
2604  color: black !important;
2605}
2606.added_to_cart.wc-forward {
2607  display: none !important;
2608}
2609#sb_instagram .sbi_photo_wrap {
2610  border-radius: 10px !important;
2611}
2612.woocommerce-error {
2613  background-color: #ffdddd;
2614  border-left: 4px solid #e2401c;
2615  color: #800;
2616  padding: 12px 16px;
2617  margin-bottom: 20px;
2618  border-radius: 6px;
2619  font-weight: 500;
2620}
2621input.nummertje {
2622display: block;
2623width: 100%;
2624-moz-appearance: none;
2625appearance: none;
2626-webkit-appearance: none;
2627padding: 10px;
2628margin-bottom: 20px;
2629height: 50px;
2630line-height: 50px;
2631border: 1px solid #d9d9d9;
2632border-radius: 4px;
2633-webkit-transition: .3s ease;
2634transition: .3s ease;
2635}
2636
2637
2638
2639
2640    .woocommerce-tabs {
2641      display: none !important;
2642    }
2643
2644    .producten__price {
2645      height: 50px;
2646    }
2647    .producten--overview .producten__meta {
2648      min-height: 140px;
2649    }
2650
2651    .navigation__search {
2652      margin-left: 20px;
2653    }
2654    .area__toggle {
2655      border-radius: 99em !important;
2656    }
2657
2658    #header-cart {
2659      position: relative;
2660      border-radius: 99em;
2661      background-color: color(srgb 0.6406 0.4467 0.3169);
2662      height: 52px;
2663      padding: 0 20px;
2664      display: flex;
2665      margin-left: -10px;
2666    }
2667    @media (max-width: 768px) {
2668      #header-cart {
2669        padding: 0 10px !important;
2670        height: 47px !important;
2671      }
2672    }
2673
2674    .navigation__list {
2675      width: 100%;
2676    }
2677    .top .navigation__link:after {
2678      top: 15px;
2679    }
2680    .top .navigation .navigation__item--parent .navigation__link {
2681      padding-right: 20px;
2682    }
2683
2684    .woocommerce-Tabs-panel p,
2685    .woocommerce-Tabs-panel h1,
2686    .woocommerce-Tabs-panel h2,
2687    .woocommerce-Tabs-panel h3,
2688    .woocommerce-Tabs-panel h5,
2689    .woocommerce-Tabs-panel h4,
2690    .woocommerce-Tabs-panel ul li {
2691      color: white;
2692    }
2693    .producten__price {
2694      text-align: center;
2695    }
2696    .producten__price .extra-prijsinfo {
2697      color: grey;
2698      margin: 0;
2699      font-weight: 300;
2700      line-height: 1;
2701      font-size: 14px;
2702      display: block;
2703      width: 100%;
2704      text-align: center;
2705    }
2706    .producten__price .woocommerce-Price-amount {
2707      margin-top: 10px;
2708      font-size: 20px;
2709      text-align: center;
2710    }
2711
2712
2713    .entry-summary .extra-prijsinfo {
2714      color: grey;
2715      font-weight: 300;
2716    }
2717
2718    @media (max-width: 768px) {
2719      .header-cart__dropdown {
2720        right: 10px;
2721      }
2722      .tab-button {
2723        margin-bottom: 6px;
2724        text-align: center;
2725      }
2726      #header-cart {
2727        position: initial !important;
2728      }
2729      .header-cart__actions {
2730        flex-direction: column;
2731      }
2732      .header-cart__actions a {
2733        text-align: center;
2734      }
2735    }
2736
2737    .wc-block-checkout .wc-block-components-order-summary-item__quantity span {
2738      color: black !important;
2739    }
2740    .wc-block-components-checkout-return-to-cart-button:hover {
2741      color: white;
2742    }
2743    .wc-block-components-checkout-return-to-cart-button {
2744      display: flex;
2745    }
2746    .wc-block-components-checkout-return-to-cart-button svg {
2747      width: auto;
2748      margin: 0;
2749    }
2750
2751  .wc-block-components-panel__button>.wc-block-components-panel__button-icon {
2752    margin: 0 !important;
2753  }
2754  .wc-block-components-notice-banner.is-error>svg {
2755    width: auto !important;
2756    max-width: 900px;
2757    display: inline-block;
2758    margin: 0;
2759    cursor: pointer;
2760  }
2761
2762.wc-block-components-form .wc-block-components-checkout-step {
2763  margin-bottom: 16px !important;
2764}
2765    .woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
2766      background-color: var(--buttoncolor) !important;
2767      border: 1px solid var(--buttoncolor) !important;
2768    }
2769    .woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
2770      background-color: var(--buttoncolor) !important;
2771      border: 1px solid var(--buttoncolor) !important;
2772    }
2773    .area__toggle,
2774    .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained, 
2775    .wc-block-components-button.wc-block-components-checkout-place-order-button.contained,
2776    .wc-block-components-button.wc-block-cart__submit-button.contained, 
2777    .wc-block-components-button.wc-block-checkout__submit-button.contained,
2778    .top .navigation__link:before,
2779    .tab-button.active,
2780    .tab-button:hover {
2781      background-color: var(--buttoncolor) !important;
2782    }
2783
2784    .gform_wrapper.gravity-theme .gfield_required,
2785    .woocommerce-product-details__short-description a,
2786    .single-product .summary .price,
2787    .woocommerce-Price-currencySymbol,
2788    .producten__price,
2789    .actions__price {
2790      color: var(--buttoncolor) !important;
2791    }
2792
2793    .woocommerce-product-details__short-description a:hover {
2794      color: var(--buttoncolor) !important;
2795    }
2796
2797    .actions__title {
2798      background-color: var(--buttoncolor) !important;
2799    }
2800
2801
2802/*maak blokje BBQ zwart @dennis hoef je alleen maar dingetjes weg te halen toch hieronder*/
2803
2804/*.content__white:before,
2805.content__white {
2806  background-color: #1a1a1a !important;
2807}
2808.content__white .wysiwyg h2,
2809.content__white .wysiwyg p {
2810  color: white;
2811}*/
2812
2813.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
2814  color: grey !important;
2815}
2816.navigation__link:hover,
2817.navigation__link:focus,
2818.navigation__link:active {
2819  color: white;
2820}
2821
2822.services__title {
2823  text-transform: none !important;
2824}
2825
2826.sidebar h2,
2827.sidebar h3,
2828.sidebar h4,
2829.sidebar h5 {
2830  color: white;
2831}
2832
2833h1,h2,h3,h4,h5,h6 {
2834  /*text-transform: uppercase;*/
2835  text-transform: none !important;
2836}
2837.wc-block-cart__empty-cart__title.with-empty-cart-icon:before,
2838.wp-block-heading, .with-empty-cart-icon, .wc-block-cart__empty-cart__title {
2839  color: white;
2840}
2841
2842.content.single-product-content,
2843.product-single.product.type-product {
2844  width: 100%;
2845}
2846
2847.shop__top-wrapper .woocommerce-message, .shop__top-wrapper .woocommerce-error, .shop__top-wrapper .woocommerce-info {
2848  border-radius: 8px;
2849  border: 1px solid #e8e8e8;
2850  padding: 12px 14px;
2851  display: flex;
2852  justify-content: space-between;
2853  align-items: center;
2854  margin-bottom: 30px;
2855}
2856.shop__top-wrapper .woocommerce-message {
2857  border-color: rgba(239,120,35,.35);
2858  background: rgba(239,120,35,.06);
2859}
2860
2861.producten--overview .producten__title {
2862  text-align: center;
2863}
2864
2865body,html {
2866  background-color: #0f0f0f;
2867}
2868
2869
2870.navigation__link:after,
2871.navigation__sub-menu__link:before,
2872.navigation__item:after {
2873  font-weight: 900;
2874}
2875.top .navigation .navigation__item--parent .navigation__link {
2876  padding-right: 25px;
2877}
2878.navigation__item--parent .navigation__link:after {
2879  right: 5px;
2880}
2881
2882
2883@media (max-width: 767px) {
2884  .producten--overview .producten__col {
2885    width: 100% !important;
2886  }
2887}
2888
2889.card {
2890  border: 0px;
2891}
2892.card__body {
2893  background-color: #1a1a1a;
2894
2895}
2896
2897.card__body h3 {
2898  font-size: 22px;
2899}
2900.producten__buttons, .producten__meta {
2901  background-color: #1a1a1a !important;
2902}
2903.producten__title {
2904  color: white;
2905}
2906
2907.top__logo img {
2908  width: 100% !important;
2909  height:100%;
2910}.woocommerce-product-gallery {
2911  opacity: 1 !important;
2912}
2913  .gform_required_legend {
2914    display: none;
2915  }
2916  .gfield_label {
2917    color: white;
2918  }
2919
2920
2921  .footer__title{
2922    text-transform: uppercase;
2923  }
2924
2925  .footer td,
2926  .credentials__col p,
2927  .credentials__col a,
2928  .credentials__item,
2929  .credentials__link,
2930  .footer__item,
2931  .footer__link {
2932    color: white !important;
2933  }
2934
2935
2936    .button:after {
2937      font-weight: 900;
2938    }
2939    .top .navigation__link {
2940      white-space: nowrap;
2941    }
2942
2943    @media (max-width: 1200px) {
2944      .top__inner {
2945        flex-direction: column;
2946      }
2947    }
2948
2949    .footer table td:first-child {
2950      padding-right: 20px;
2951    }
2952
2953
2954    @media (max-width: 992px) {
2955      .top__inner {
2956        flex-direction: row;
2957      }
2958    }
2959
2960
2961/*    --main:                 ;
2962    --mainhover:            ;
2963
2964    --alt:                  ;
2965    --althover:             ;
2966
2967    --buttontext:           ;
2968    --buttoncolor:          ;
2969    --buttonhover:          ;
2970    
2971    --buttonsecondarytext:  ;
2972    --buttonsecondarycolor: ;
2973    --buttonsecondaryhover: ;
2974
2975    --borderradius:         ;
2976    --buttonradius:         ;
2977
2978    --fonthead:             ;
2979
2980    --fontsize:             ;
2981
2982    --textcolor:            ;
2983    --bgc:                  ;*/
2984
2985    .navigation__item:last-child .navigation__link {
2986/*      opacity: 1;
2987      background-color: var(--buttoncolor);
2988      padding: 0 14px !important;
2989      height: 52px;
2990      line-height: 52px;
2991      color: #fff;
2992      text-decoration: none;
2993      cursor: pointer;
2994      -moz-appearance: none;
2995      appearance: none;
2996      -webkit-appearance: none;
2997      border-radius: 99em;
2998      display: inline-block;
2999      -webkit-transition: .3s ease;
3000      transition: .3s ease;
3001      border: none;*/
3002    }
3003
3004    @media (max-width: 768px) {
3005      .navigation__item:last-child .navigation__link {
3006        background-color: transparent;
3007        height: auto;
3008        padding: 0; 
3009        padding-left: 0px !important;
3010        border-radius: 0;
3011        opacity: .8;
3012      }
3013      .galery {
3014        margin: 0 -7px !important;
3015      }
3016      .galery__col {
3017        padding: 0 7px !important;
3018        width: 50% !important;
3019        margin-bottom: 14px !important;
3020      }
3021      .navigation__item:last-child .navigation__link:hover {
3022        background-color: transparent !important;
3023        height: auto;
3024        padding: 0;
3025        opacity: 1;
3026        border-radius: 0;
3027      }
3028    }
3029
3030
3031    .navigation__item:last-child .navigation__link:hover {
3032      /*background-color: var(--buttonhover);*/
3033    }
3034    .navigation__item:last-child .navigation__link:before {
3035      /*display: none !important;*/
3036    }
3037
3038
3039    .hero {
3040      padding: 120px 0;
3041    }
3042
3043    @media (max-width: 992px) {
3044      .hero {
3045        padding: 80px 0;
3046      }
3047    }
3048    .services__meta {
3049      background-color: #1a1a1a !important;
3050    }
3051    .services__inner:hover .services__text {
3052      color: #8a8e91 !important;
3053    }
3054  </style>
3055
3056
3057  
3058  <main class="button-has-arrows">
3059
3060    <div class="topper topper--navvie">
3061
3062  <style>
3063    .navigeren__close i {
3064      font-size: 12px;
3065    }
3066    .woocommerce-checkout .header-cart__remove,
3067    .woocommerce-checkout .header-cart__title {
3068      color: black !important;
3069    }
3070  </style>
3071
3072  <div class="bar">
3073    <div class="container">
3074      <div class="row">
3075        <div class="col-12">
3076          <div class="bar__inner">
3077              <ul class="area__list" style="align-items: center;">
3078                                                      <li class="area__item">
3079                      <div>
3080                        <span class="area__pre"><i class="fa-solid fa-phone"></i> </span>
3081                        <a href="tel:0318591209" class="area__link">0318 – 591 209 </a>
3082                      </div>
3083                                                                    <li class="area__item">
3084                    <span class="area__pre"><i class="fa-solid fa-envelope"></i> </span>
3085                    <a href="mailto:[email protected]" class="area__link">[email protected]</a>
3086                  </li>
3087                              </ul>
3088            
3089            <ul class="bar__social-list">
3090                                            <li class="bar__social-item"><a style="padding-top: 3px;" href="https://www.facebook.com/Slagerij-Wilbrink-659104204146317/" class="bar__social-link facebook"><i class="fab fa-facebook-f"></i></a></li>
3091                            
3092                                            <li class="bar__social-item"><a style="padding-top: 3px;" href="https://www.instagram.com/slagerijwilbrink/" class="bar__social-link instagram"><i class="fab fa-instagram"></i></a></li>
3093              
3094                                            <li class="bar__social-item"><a style="padding-top: 3px;" href="https://www.tiktok.com/@slagerijwilbrink/" class="bar__social-link tiktok"><i class="fab fa-tiktok"></i></a></li>
3095              
3096                          </ul>
3097          </div>
3098        </div>
3099      </div>
3100    </div>
3101  </div>
3102
3103  <div class="navvie">
3104    <div class="container">
3105      <div class="row">
3106        <div class="col-12">
3107          <div class="navvie__inner">
3108
3109            <div class="navvie__col">
3110              <a href="https://slagerij-wilbrink.nl" class="navvie__logo" style="display:block;">
3111                 <img style="max-width: 250px;" src="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_logo.svg" alt="Logo van Wilbrink">
3112              </a>
3113            </div>
3114
3115            <div class="navvie__col navvie__search">
3116              <form role="search" method="get" class="search__form" action="https://slagerij-wilbrink.nl">
3117                <input placeholder="zoeken..." type="text" value="" name="s" id="s">
3118                <i style="color: white;" class="fa-solid fa-magnifying-glass"></i>
3119              </form>
3120            </div>  
3121
3122            <div class="navvie__col">
3123
3124              <div class="navigation__cart">
3125                      <div class="header-cart" id="header-cart">
3126        <a href="https://slagerij-wilbrink.nl/winkelwagen/" class="header-cart__trigger" aria-haspopup="true" aria-expanded="false">
3127            <i style="margin-right: 10px;color: white" class="fa-solid fa-cart-shopping"></i>
3128            <span class="header-cart__count" data-cart-count>0</span>
3129        </a>
3130
3131        <div class="header-cart__dropdown" role="dialog" aria-label="Winkelmand">
3132            <div class="header-cart__inner">
3133                                    <div class="header-cart__empty">
3134                        <p>Je winkelwagen is leeg.</p>
3135                        <a class="button" href="https://slagerij-wilbrink.nl/winkel/">Verder shoppen</a>
3136                    </div>
3137                            </div>
3138        </div>
3139    </div>
3140                      <div id="cart-toast" class="cart-toast" aria-live="polite" aria-atomic="true"></div>
3141              </div>
3142
3143              <div class="navvie__wrap js-toggle">
3144                <div class="navvie__toggle ">
3145                  <span class="navvie__toggle-span"></span>
3146                  <span class="navvie__toggle-span"></span>
3147                  <span class="navvie__toggle-span"></span>
3148                </div>
3149                <div class="navvie__text">menu</div>
3150              </div>
3151
3152            </div>
3153
3154          </div>
3155        </div>
3156      </div>
3157    </div>
3158  </div>
3159
3160  
3161</div>
3162
3163  <div class="navvie__offsite">
3164    <div class="navigeren__close js-bg"><i class="fa-solid fa-x"></i></div>
3165    <nav  class="navigeren">
3166      <ul class="navigeren__list "><li class="navigeren__item  navigeren__item--2"><a href="https://slagerij-wilbrink.nl/" class="navigeren__link" data-id="2">Home</a></li>
3167<li class="navigeren__item  navigeren__item--parent  navigeren__item--65"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/" class="navigeren__link" data-id="65">Vers vlees</a>
3168	<ul class="navigeren__sub-menu navigeren__sub-menu--1">
3169    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--66"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/rund/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="66">Rund</a></li>
3170    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--67"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/varken/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="67">Varken</a></li>
3171    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--68"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/kip/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="68">Kip</a></li>
3172    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--20"><a href="https://slagerij-wilbrink.nl/product-categorie/rollades/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="20">Rollades</a></li>
3173</ul>
3174</li>
3175<li class="navigeren__item  navigeren__item--parent  navigeren__item--345"><a href="https://slagerij-wilbrink.nl/barbecue/" class="navigeren__link" data-id="345">Barbecue</a>
3176	<ul class="navigeren__sub-menu navigeren__sub-menu--1">
3177    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--35"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/barbecuepakketten/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="35">Barbecuepakketten</a></li>
3178    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--25"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/bbq-vlees/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="25">BBQ Vlees</a></li>
3179    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--27"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/bbq-vegetarisch/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="27">BBQ Vegetarisch</a></li>
3180</ul>
3181</li>
3182<li class="navigeren__item  navigeren__item--28"><a href="https://slagerij-wilbrink.nl/product-categorie/salades-smeersels/" class="navigeren__link" data-id="28">Salades &amp; Smeersels</a></li>
3183<li class="navigeren__item  navigeren__item--19">
3183<a href="https://slagerij-wilbrink.nl/product-categorie/gourmet-fondue/" class="navigeren__link" data-id="19">Gourmet &amp; Fondue</a></li>
3184<li class="navigeren__item  navigeren__item--parent  navigeren__item--347"><a href="https://slagerij-wilbrink.nl/catering/" class="navigeren__link" data-id="347">Catering</a>
3185	<ul class="navigeren__sub-menu navigeren__sub-menu--1">
3186    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--23"><a href="https://slagerij-wilbrink.nl/product-categorie/catering/buffetten/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="23">Buffetten</a></li>
3187    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--1030"><a href="https://slagerij-wilbrink.nl/product/ontbijtmand-voor-2-personen/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="1030">Ontbijtservice</a></li>
3188    <li class="navigeren__sub-menu__item navigeren__sub-menu--1__item  navigeren__item--1048"><a href="https://slagerij-wilbrink.nl/product/speenvarken-aan-t-spit/" class="navigeren__sub-menu__link  navigeren__sub-menu--1__link" data-id="1048">Speenvarken</a></li>
3189</ul>
3190</li>
3191<li class="navigeren__item  navigeren__item--39"><a href="https://slagerij-wilbrink.nl/product-categorie/partypannen/" class="navigeren__link" data-id="39">Partypannen</a></li>
3192<li class="navigeren__item  navigeren__item--1898"><a href="https://slagerij-wilbrink.nl/product/charcuterieplank/" class="navigeren__link" data-id="1898">Charcuterie plank</a></li>
3193<li class="navigeren__item  navigeren__item--52"><a href="https://slagerij-wilbrink.nl/product-categorie/het-plateau/" class="navigeren__link" data-id="52">Het Plateau</a></li>
3194<li class="navigeren__item  navigeren__item--62"><a href="https://slagerij-wilbrink.nl/product-categorie/grill-producten/" class="navigeren__link" data-id="62">Grill producten</a></li>
3195<li class="navigeren__item  navigeren__item--33"><a href="https://slagerij-wilbrink.nl/product-categorie/bittergarnituur/" class="navigeren__link" data-id="33">Bittergarnituur</a></li>
3196<li class="navigeren__item  navigeren__item--64"><a href="https://slagerij-wilbrink.nl/product-categorie/maaltijden-soepen/" class="navigeren__link" data-id="64">Maaltijden &amp; Soepen</a></li>
3197<li class="navigeren__item  navigeren__item--24"><a href="https://slagerij-wilbrink.nl/product-categorie/sauzen-extras/" class="navigeren__link" data-id="24">Sauzen &amp; Extra&#8217;s</a></li>
3198<li class="navigeren__item  navigeren__item--26"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/huurartikelen/" class="navigeren__link" data-id="26">Huurartikelen</a></li>
3199<li class="navigeren__item  navigeren__item--34"><a href="https://slagerij-wilbrink.nl/product-categorie/wild-van-het-park-de-hoge-veluwe/" class="navigeren__link" data-id="34">Wild vanuit het Park</a></li>
3200<li class="navigeren__item  navigeren__item--355"><a href="https://slagerij-wilbrink.nl/worstmakerij-vleeswaren/" class="navigeren__link" data-id="355">Worstmakerij &#038; Vleeswaren</a></li>
3201<li class="navigeren__item  navigeren__item--1174"><a href="https://slagerij-wilbrink.nl/product/cadeaubon/" class="navigeren__link" data-id="1174">Cadeaubon</a></li>
3202<li class="navigeren__item  navigeren__item--14"><a href="https://slagerij-wilbrink.nl/vacatures/" class="navigeren__link" data-id="14">Vacatures</a></li>
3203<li class="navigeren__item  navigeren__item--active  navigeren__item--357"><a href="https://slagerij-wilbrink.nl/contact/" class="navigeren__link" data-id="357">Contact</a></li>
3204</ul>    </nav>
3205  </div>
3206  <div class="navvie__offsite-bg js-bg"></div>
3207
3208
3209
3210<style>
3211  .topper--navvie {
3212    top: 0;
3213  }
3214  .navvie__toggle {
3215    background-color: var(--buttoncolor);
3216  }
3217  @media (max-width: 768px) {
3218    .navvie__toggle {
3219      width: 47px;
3220      height: 47px;
3221    }
3222  }
3223
3224  .bar__inner {height: 30px}
3225
3226  @media (max-width: 768px) {
3227    .navvie__text {
3228      display: none;
3229    }
3230    .navvie__wrap {
3231      padding-right: 0px;
3232    }
3233  }
3234
3235
3236
3237  .navvie__offsite .navigeren ul li a:hover {
3238    color: var(--buttoncolor) !important;
3239  }
3240
3241
3242  .navvie__col:nth-child(3) {
3243    position: relative;
3244  }
3245
3246  .cart-toast {
3247    position: absolute;
3248    background-color: white;
3249    width: max-content;
3250    right: 0;
3251    top: 60px;
3252    color: white;
3253    border-radius: 99em;
3254    background-color: color(srgb 0.6391 0.447 0.3177);
3255    font-weight: bold;
3256  }
3257  .toast-msg {
3258    display: block;
3259    padding: 10px 20px;
3260  }
3261</style>
3262
3263
3264
3265
3266<style>
3267  .hero:after {
3268    width: 100%;
3269    height: 100%;
3270    position: absolute;
3271    left: 0;
3272    top: 0;
3273    opacity: 1;
3274    content: "";
3275    background: linear-gradient(180deg,#000,transparent);
3276    z-index: 1;
3277  }
3278  @media (max-width: 992px) {
3279    .hero:after {
3280      display: none;
3281    }
3282  }
3283  .hero__overlay {
3284    opacity: 0;
3285  }
3286</style>  
3287
3288<header class="hero">
3289  <div class="container">
3290    <div class="row">
3291      <div class="col-12">
3292        <div class="hero__inner text-center">
3293          <h1>
3294                          Contact                      </h1>
3295        </div>
3296      </div>
3297    </div>
3298  </div>
3299
3300  
3301  <div class="hero__image" style="background-image: url(https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink_header004.jpg);"></div>
3302</header><section class="content" style="background-color: #1a1a1a;">
3303	<div class="container">
3304		<div class="row row--reverse">
3305												<div class="col-12 col-lg-4">
3306									<div class="sidebar">
3307													<div class="wysiwyg">
3308								<style>
3309									.siide p,
3310									.siide h3,
3311									.siide .gfield_label,
3312									.siide h2 {
3313										color: white;
3314									}
3315									.gform_required_legend {
3316										display: none;
3317									}
3318									.gfield_required_asterisk {
3319										color: #76bc21 !important;
3320									}
3321								</style>
3322								<h3>Contactgegevens</h3>
3323<p><strong>Slagerij Wilbrink</strong><br />
3324Harskamperweg 20<br />
33256731 AB Otterlo</p>
3326<p><i class="fa-solid fa-phone"></i> <a href="tel:+31318591209">0318 &#8211; 591 209</a><br />
3327<i class="fa-solid fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a></p>
3328<p><i class="fa-brands fa-facebook"></i> <a href="https://www.facebook.com/Slagerij-Wilbrink-659104204146317/" target="_blank" rel="noopener">Like ons op Facebook</a><br />
3329<i class="fa-brands fa-instagram"></i> <a href="https://www.instagram.com/slagerijwilbrink/" target="_blank" rel="noopener">Volg ons op Instagram</a><br />
3330<i class="fa-brands fa-tiktok"></i> <a href="https://www.tiktok.com/@slagerijwilbrink/" target="_blank" rel="noopener">Volg ons op TikTok</a></p>
3331<h3>Route</h3>
3332<p><iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d133812.5796240686!2d5.697749206335779!3d52.101237307581926!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c7b3d762423d8f%3A0x8f66115cbc0c9682!2sSlagerij%20Wilbrink%20Otterlo!5e1!3m2!1snl!2snl!4v1762958890513!5m2!1snl!2snl" width="100%" height="300" allowfullscreen="allowfullscreen"></iframe></p>
3333							</div>
3334											</div>
3335				</div>
3336										<div class="col-12 col-lg-7 offset-lg-1 siide">
3337							<div class="wysiwyg">
3338					<h2>Neem contact op</h2>
3339<p>Vragen over onze producten of diensten? Neem vrijblijvend contact met ons op! Bereik ons via onze contactgegevens of vul het contactformulier in en wij zullen u zo spoedig mogelijk een reactie sturen.</p>
3340
3341                <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' >
3342                        <div class='gform_heading'>
3343                            <p class='gform_description'></p>
3344                        </div><form method='post' enctype='multipart/form-data'  id='gform_1'  action='/contact/' data-formid='1' novalidate>
3345                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_1_1" class="gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_1'><span class='gform-field-label__text'>Naam</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Vereist)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_1_1' type='text' value='' class='large'     aria-required="true" aria-invalid="false"   /></div></div><div id="field_1_3" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_3'><span class='gform-field-label__text'>E-mail</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Vereist)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large'     aria-required="true" aria-invalid="false"   /></div></div><div id="field_1_4" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_4'><span class='gform-field-label__text'>Telefoon</span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_1_4' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_1_5" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_5'><span class='gform-field-label__text'>Bericht</span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_1_6" class="gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_6'><span class='gform-field-label__text'>In welk dorp zitten wij? (anti-spam)</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Vereist)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large'     aria-required="true" aria-invalid="false"   /></div></div></div></div>
3346        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Versturen</button> 
3347            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='postback' />
3348            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='gravity-theme' />
3349            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='[]' />
3350            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' />
3351            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' />
3352            
3353            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='XrOLShUUyDIh10JSfYh7Jv/dWak2Y/NMOa+wuNS/h3rwOF7auqnguBNsFxyrloTtKwvrG2XmVr7y63D13yOn7Z78ijY7GUYSxr9P8ApcbGEcQhk=' />
3354            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
3355            <input type='hidden' class='gform_hidden' name='state_1' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImIyZmJjYTJhNDY3NTM1MGRjOTZiOGFkZWM3ODU2NDM0XCIsXCIwNTc3NjhmMThkZWE5YzYxZmE3ZmUxMmQ1YzVkZDA1M1wiXSxcImdmb3JtX3RoZW1lXCI6XCIyYmFlOTQzMjYyMGI3MzAzM2FkNmE2ZDUyMDRjMGM2NVwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcIjM3NTRhZTMyMGIwMGNkNDhlMDI1YzExYjc1NzYxNmJlXCIsXCJmb3JtX2lkXCI6XCI2M2UwYTNlNzE1ZmI4ZjM3MTY1MWU5YWUyOWE1NjVkNFwiLFwidXJsXCI6XCI0ODE4OGFjYTk5MmUyODhmMWE1YjM0NTcxN2ViMzRhY1wiLFwic3RhdGVfdGltZXN0YW1wXCI6XCJkOTA2NGQ5NTY1ZGNkM2NjZDFmN2E1MmEzZWYxYWI2NVwifSIsIjJiYjk3OGVmY2FiMmI0YjdiMDBlYmZjYTM3ODExYjdhIiwxNzkwNDc4NTExXQ==' />
3356            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' />
3357            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' />
3358            <input type='hidden' name='gform_field_values' value='' />
3359            
3360        </div>
3361                        </form>
3362                        </div>
3363				</div>
3364			</div>
3365		</div>
3366	</div>
3367</section>	
3368<section class="content content--cta">
3369	<div class="container">
3370		<div class="row row--center row--cta">
3371			<div class="col-12 col-lg-7">
3372				<h2>Liever persoonlijk contact? Kom gerust langs bij ons in de winkel!</h2>
3373			</div>
3374			<div class="col-12 col-lg-5 flex-end">
3375
3376				
3377								    <a href="https://www.google.com/maps/dir//Slagerij+Wilbrink+Otterlo,+Harskamperweg+20,+6731+AB+Otterlo/@52.1031577,5.7699382,16z/data=!3m1!5s0x47c7b3d76225f5a7:0xcb225f975167dde!4m16!1m7!3m6!1s0x47c7b3d762423d8f:0x8f66115cbc0c9682!2sSlagerij+Wilbrink+Otterlo!8m2!3d52.1031577!4d5.7725131!16s%2Fg%2F1v44d68q!4m7!1m0!1m5!1m1!1s0x47c7b3d762423d8f:0x8f66115cbc0c9682!2m2!1d5.772463!2d52.1031415?entry=ttu&g_ep=EgoyMDI2MDIxMS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="button">Route plannen</a>
3378							</div>
3379		</div>
3380	</div>
3381		</section>
3382
3383<footer class="footer" style="background-color: #0a0000;">
3384	<div class="container__footer">
3385		<div class="footer__driehoek"></div>	
3386	</div>
3387	<div class="container">
3388		<div class="row">
3389			<div class="col-12 col-lg-4">
3390				<a href="https://slagerij-wilbrink.nl" class="footer__logo" style="max-width: 100%; margin-top: 20px;">
3391				   <img style="width: 300px;" src="https://slagerij-wilbrink.nl/wp-content/uploads/2025/11/slagerij-wilbrink-otterlo_logo.svg" alt="Logo van Contact">
3392				</a>
3393				<ul class="footer__list" style="margin-top: 0;">
3394					<li class="footer__item" style="margin-bottom: 0px; line-height: 1.8;">Harskamperweg 20</li>
3395					<li class="footer__item" style="margin-bottom: 0px; line-height: 1.8;">6731 AB Otterlo</li>
3396				</ul>
3397
3398
3399				<ul class="footer__list">
3400																<li class="footer__item" style="margin-bottom: 0px; line-height: 1.8;"><strong><i class="fa-solid fa-phone"></i> </strong> 
3401							<a href="tel:0318591209">0318 – 591 209</a>
3402						</li>
3403					
3404										
3405					<li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fa-solid fa-envelope"></i> </strong> <a href="mailto:[email protected]">[email protected]</a></li>
3406
3407				</ul>
3408
3409				<ul class="footer__list">
3410
3411																<li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fab fa-facebook-f"></i> </strong> 
3412							<a target="_blank" href="https://www.facebook.com/Slagerij-Wilbrink-659104204146317/">Like ons op Facebook</a>
3413						</li>
3414					
3415																<li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fab fa-instagram"></i> </strong> 
3416							<a target="_blank" href="https://www.instagram.com/slagerijwilbrink/">Volg ons op Instagram</a>
3417						</li>
3418					
3419																<li class="footer__item" style="margin-bottom: 0px;"><strong><i class="fab fa-tiktok"></i> </strong> 
3420							<a target="_blank" href="https://www.tiktok.com/@slagerijwilbrink/">Like ons op TikTok</a>
3421						</li>
3422					
3423				</ul>
3424			</div>
3425
3426			<style>
3427				.footer table td:first-child {
3428					color: #a37251 !important;
3429				}
3430				.footer__lijstje li.footer__item:before {
3431					content: '\f054';
3432					font-size: 16px;
3433					font-weight: 900;
3434					font-family: "Font Awesome\ 5 Free";
3435					display: inline-block;
3436					vertical-align: middle;
3437					color: #a37251;
3438					margin-right: 10px;
3439					background-color: transparent !important;
3440				}
3441			</style>
3442			<div class="col-12 col-lg-4 footer__lijstje">
3443				<h4 class="footer__title">Populaire producten</h4>
3444				<ul class="footer__list "><li class="footer__item  footer__item--65"><a href="https://slagerij-wilbrink.nl/product-categorie/vers-vlees/" class="footer__link" data-id="65">Vers vlees</a></li>
3445<li class="footer__item  footer__item--21"><a href="https://slagerij-wilbrink.nl/product-categorie/barbecue/" class="footer__link" data-id="21">Barbecue</a></li>
3446<li class="footer__item  footer__item--19"><a href="https://slagerij-wilbrink.nl/product-categorie/gourmet-fondue/" class="footer__link" data-id="19">Gourmet &amp; Fondue</a></li>
3447<li class="footer__item  footer__item--18"><a href="https://slagerij-wilbrink.nl/product-categorie/catering/" class="footer__link" data-id="18">Catering</a></li>
3448<li class="footer__item  footer__item--20"><a href="https://slagerij-wilbrink.nl/product-categorie/rollades/" class="footer__link" data-id="20">Rollades</a></li>
3449<li class="footer__item  footer__item--64"><a href="https://slagerij-wilbrink.nl/product-categorie/maaltijden-soepen/" class="footer__link" data-id="64">Maaltijden &amp; Soepen</a></li>
3450</ul>			</div>
3451
3452			<div class="col-12 col-lg-4">
3453				<h4 class="footer__title">Openingstijden</h4>
3454				<style>
3455					.footer table {
3456						width: 100%;
3457					}
3458					.footer table td:first-child {
3459						width: 50px;
3460						font-weight: bold;
3461					}
3462				</style>
3463				<table>
3464										    							<tr>
3465								<td style="line-height: 1.8;">Maandag</td>
3466								<td style="line-height: 1.8;">08.00 – 12:30 &amp; 13:00 – 17:30 uur</td>
3467							</tr>
3468					    							<tr>
3469								<td style="line-height: 1.8;">Dinsdag</td>
3470								<td style="line-height: 1.8;">08.00 – 12:30 &amp; 13:00 – 17:30 uur</td>
3471							</tr>
3472					    							<tr>
3473								<td style="line-height: 1.8;">Woensdag</td>
3474								<td style="line-height: 1.8;">08.00 – 12:30 &amp; 13:00 – 17:30 uur</td>
3475							</tr>
3476					    							<tr>
3477								<td style="line-height: 1.8;">Donderdag</td>
3478								<td style="line-height: 1.8;">08.00 – 12:30 &amp; 13:00 – 17:30 uur</td>
3479							</tr>
3480					    							<tr>
3481								<td style="line-height: 1.8;">Vrijdag</td>
3482								<td style="line-height: 1.8;">08.00 – 12:30 &amp; 13:00 – 17:30 uur</td>
3483							</tr>
3484					    							<tr>
3485								<td style="line-height: 1.8;">Zaterdag</td>
3486								<td style="line-height: 1.8;">07:30 – 15:00 uur</td>
3487							</tr>
3488					    							<tr>
3489								<td style="line-height: 1.8;">Zondag</td>
3490								<td style="line-height: 1.8;">Gesloten</td>
3491							</tr>
3492					    									</table>
3493				<hr>
3494				<p style="margin-top: 5px; color: white; font-style: italic;">Tijdens feestdagen kunnen onze openingstijden afwijken.</p>
3495			</div>
3496			
3497		</div>
3498	</div>
3499</footer>
3500
3501
3502<style>
3503	.footer {
3504		position: relative;
3505	}
3506	.footer .col-12 {
3507		z-index: 2;
3508		position: relative;
3509	}
3510/*	.icon__footer {
3511		width: 600px;
3512		height: 800px;
3513		position: absolute;
3514		left: 10%;
3515		top: 40%;
3516		opacity: 0.1;
3517		transform: translateY(-50%);
3518		background-size: contain;
3519		background-repeat: no-repeat;
3520		background-position: center;
3521	}*/
3522</style>
3523
3524<footer class="credentials-bar">
3525	<div class="container">
3526		<div class="row">
3527			<div class="col-12">
3528				<div class="credentials">
3529					<div class="credentials__col">
3530						<ul class="credentials__list "><li class="credentials__item  credentials__item--3"><a href="https://slagerij-wilbrink.nl/privacy-cookies/" class="credentials__link" data-id="3">Privacy &#038; Cookies</a></li>
3531</ul>					</div>
3532					<div class="credentials__col">
3533						<p>© 2026 - Powered By <a target="_blank" class="author" href="https://www.energizedmedia.nl">Energized Media</a></p>
3534					</div>
3535				</div>
3536			</div>
3537		</div>
3538	</div>
3539</footer>
3540
3541<style>
3542	.button.button--whatsapp {
3543		font-size: 12px;
3544		width: 70px;
3545		height: 70px;
3546		padding: 0;
3547		border-radius: 99em;
3548		right: 30px;
3549		bottom: 30px;
3550	}
3551	.button.button--whatsapp:active:after, .button.button--whatsapp:focus:after, .button.button--whatsapp:hover:after {
3552		transform: translateX(-50%)translateY(-50%);
3553	}
3554	.button.button--whatsapp:after {
3555		width: 100%;
3556		top: 50%;
3557		color: white !important;
3558		line-height: 70px;
3559		height: 100%;
3560		font-size: 30px;
3561		left: 50%;
3562		transform: translateX(-50%)translateY(-50%);
3563	}
3564
3565	@media (max-width: 768px) {
3566		.button.button--whatsapp {
3567			width: 60px;
3568			height: 60px;
3569			right: 20px;
3570			bottom: 20px;
3571		}
3572		.button.button--whatsapp:after {
3573			line-height: 60px;
3574		}
3575	}
3576</style>
3577
3578<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
vendor: 1 bytes, line 3578
3578
3579<script type="speculationrules">
3580{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/energized/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
3581</script>
vendor: 1 bytes, line 3581
3581
3582<script id="lbwps-photoswipe5-js-module" src="https://slagerij-wilbrink.nl/wp-content/plugins/lightbox-photoswipe/assets/ps5/frontend.min.js?ver=5.13.0" type="module"></script>
3582
3583	
3583<script type='text/javascript'>
3584		(function () {
3585			var c = document.body.className;
3586			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
3587			document.body.className = c;
3588		})();
3589	</script>
3589
3590	
3590<script id="scripts-js" src="https://slagerij-wilbrink.nl/wp-content/themes/energized/assets/js/main.min.js?ver=v1"></script>
vendor: 1 bytes, line 3590
3590
3591<script id="sourcebuster-js-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 3591
3591
3592<script id="wc-order-attribution-js-extra">
3593var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
3594//# sourceURL=wc-order-attribution-js-extra
3595</script>
vendor: 1 bytes, line 3595
3595
3596<script id="wc-order-attribution-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 3596
3596
3597<script id="wp-statistics-tracker-js-extra">
3598var WP_Statistics_Tracker_Object = {"requestUrl":"https://slagerij-wilbrink.nl/wp-json/wp-statistics/v2","ajaxUrl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php","hitParams":{"wp_statistics_hit":1,"source_type":"page","source_id":357,"search_query":"","signature":"c0ab6b82a4110c682e6cba04f3b84d51","endpoint":"hit"},"option":{"dntEnabled":"","bypassAdBlockers":"","consentIntegration":{"name":null,"status":[]},"isPreview":false,"userOnline":false,"isWpConsentApiActive":false},"isLegacyEventLoaded":"","customEventAjaxUrl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php?action=wp_statistics_custom_event&nonce=051b1315f6","onlineParams":{"wp_statistics_hit":1,"source_type":"page","source_id":357,"search_query":"","signature":"c0ab6b82a4110c682e6cba04f3b84d51","action":"wp_statistics_online_check"},"jsCheckTime":"60000"};
3599//# sourceURL=wp-statistics-tracker-js-extra
3600</script>
vendor: 1 bytes, line 3600
3600
3601<script id="wp-statistics-tracker-js" src="https://slagerij-wilbrink.nl/wp-content/plugins/wp-statistics/assets/js/tracker.js?ver=14.16.13"></script>
vendor: 1 bytes, line 3601
3601
3602<script id="wp-dom-ready-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
vendor: 1 bytes, line 3602
3602
3603<script id="wp-hooks-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 3603
3603
3604<script id="wp-i18n-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 3604
3604
3605<script id="wp-i18n-js-after">
3606wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
3607//# sourceURL=wp-i18n-js-after
3608</script>
vendor: 1 bytes, line 3608
3608
3609<script id="wp-a11y-js-translations">
3610( function( domain, translations ) {
3611	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
3612	localeData[""].domain = domain;
3613	wp.i18n.setLocaleData( localeData, domain );
3614} )( "default", {"translation-revision-date":"2026-09-18 08:41:07+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"nl"},"Notifications":["Meldingen"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} );
3615//# sourceURL=wp-a11y-js-translations
3616</script>
vendor: 1 bytes, line 3616
3616
3617<script id="wp-a11y-js" src="https://slagerij-wilbrink.nl/wp-includes/js/dist/a11y.min.js?ver=31c6cec5a4ff7aff483d"></script>
vendor: 1 bytes, line 3617
3617
3618<script id="gform_json-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=3.1.1"></script>
vendor: 1 bytes, line 3618
3618
3619<script id="gform_gravityforms-js-extra">
3620var gform_i18n = {"datepicker":{"wdOffset":1,"helpTextShort":"Press F1 for help","helpText":"Press the arrow keys to navigate by day, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year, or Escape to cancel.","openOnFocusHelpText":"Press Down arrow to browse the calendar, or Escape to close.","tooltipTxt":"Press Escape to cancel","disabledTxt":"Uitgeschakeld","markedTxt":"Geselecteerd","prevTxt":"Vorige","nextTxt":"Volgende","monthTxt":"Maand","yearTxt":"Jaar","months":["Januari","Februari","Maart","April","May","Juni","Juli","Augustus","September","Oktober","November","December"],"days":[{"s":"S","l":"Zondag"},{"s":"M","l":"Maandag"},{"s":"T","l":"Dinsdag"},{"s":"W","l":"Woensdag"},{"s":"T","l":"Donderdag"},{"s":"F","l":"Vrijdag"},{"s":"S","l":"Zaterdag"}]}};
3621var gf_legacy_multi = [];
3622var gform_gravityforms = {"strings":{"invalid_file_extension":"Dit bestandstype is niet toegestaan. Moet \u00e9\u00e9n van de volgende zijn:","file_uploaded":"Bestand ge\u00fcpload","delete_file":"Dit bestand verwijderen","in_progress":"in behandeling","file_exceeds_limit":"Bestand overschrijdt limiet bestandsgrootte","illegal_extension":"Dit type bestand is niet toegestaan.","max_reached":"Maximale aantal bestanden bereikt","unknown_error":"Er was een probleem bij het opslaan van het bestand op de server","currently_uploading":"Wacht tot het uploaden is voltooid","cancel":"Annuleren","cancel_upload":"Deze upload annuleren","cancelled":"Geannuleerd","error":"Fout","message":"Bericht"},"vars":{"images_url":"https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/images"}};
3623var gf_global = {"gf_currency_config":{"name":"Euro","symbol_left":"","symbol_right":"&#8364;","symbol_padding":" ","thousand_separator":".","decimal_separator":",","decimals":2,"code":"EUR"},"base_url":"https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms","number_formats":[],"version_hash":"2685754fe6e27c36de481a09bd65680d","countries":{"AF":"Afghanistan","AX":"Aland-eilanden","AL":"Albani\u00eb","DZ":"Algerije","AS":"Amerikaans S
3623amoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarctica","AG":"Antigua en Barbuda","AR":"Argentini\u00eb","AM":"Armeni\u00eb","AW":"Aruba","AU":"Australi\u00eb","AT":"Oostenrijk","AZ":"Azerbeidzjan","BS":"Bahama's","BH":"Bahrein","BD":"Bangladesh","BB":"Barbados","BY":"Wit-Rusland","BE":"Belgi\u00eb","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivia","BQ":"Bonaire, Sint Eustatius en Saba","BA":"Bosni\u00eb en Herzegovina","BW":"Botswana","BV":"Bouvet eiland","BR":"Brazili\u00eb","IO":"Brits-Indisch oceaan gebied","BN":"Brunei Darussalam","BG":"Bulgarije","BF":"Burkina Faso","BI":"Burundi","CV":"Kaapverdi\u00eb","KH":"Cambodja","CM":"Kameroen","CA":"Canada","KY":"Kaaimaneilanden","CF":"Centraal-Afrikaanse Republiek","TD":"Tsjaad","CL":"Chili","CN":"China","CX":"Kersteiland","CC":"Cocoseilanden","CO":"Colombia","KM":"Comoren","CD":"Congo, Democratische Republiek","CG":"Congo","CK":"Cook eilanden","CR":"Costa Rica","CI":"Ivoorkust","HR":"Kroati\u00eb","CU":"Cuba","CW":"Cura\u00e7ao","CY":"Cyprus","CZ":"Tsjechi\u00eb","DK":"Denemarken","DJ":"Djibouti","DM":"Dominica","DO":"Dominicaanse Republiek","EC":"Ecuador","EG":"Egypte","SV":"El Salvador","GQ":"Equatoriaal-Guinea","ER":"Eritrea","EE":"Estland","SZ":"Eswatini","ET":"Ethiopi\u00eb","FK":"Falkland eilanden","FO":"Faer\u00f6er","FJ":"Fiji","FI":"Finland","FR":"Frankrijk","GF":"Frans Guyana","PF":"Frans-Polynesi\u00eb","TF":"Franse zuidelijke gebieden","GA":"Gabon","GM":"Gambia","GE":"Georgi\u00eb","DE":"Duitsland","GH":"Ghana","GI":"Gibraltar","GR":"Griekenland","GL":"Groenland","GD":"Grenada","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinee","GW":"Guinee-Bissau","GY":"Guyana","HT":"Ha\u00efti","HM":"Heard Eiland en McDonald Eilanden","VA":"Vaticaanstad","HN":"Honduras","HK":"Hong Kong","HU":"Hongarije","IS":"IJsland","IN":"India","ID":"Indonesi\u00eb","IR":"Iran","IQ":"Irak","IE":"Ierland","IM":"Man","IL":"Isra\u00ebl","IT":"Itali\u00eb","JM":"Jamaica","JP":"Japan","JE":"Jersey","JO":"Jordani\u00eb","KZ":"Kazachstan","KE":"Kenia","KI":"Kiribati","KP":"Korea, Democratische Volksrepubliek","KR":"Korea, Republiek van","KW":"Koeweit","KG":"Kirgizi\u00eb","LA":"Lao Democratische Volksrepubliek","LV":"Letland","LB":"Libanon","LS":"Lesotho","LR":"Liberia","LY":"Libi\u00eb","LI":"Liechtenstein","LT":"Litouwen","LU":"Luxemburg","MO":"Macau","MG":"Madagaskar","MW":"Malawi","MY":"Maleisi\u00eb","MV":"Maldiven","ML":"Mali","MT":"Malta","MH":"Marshalleilanden","MQ":"Martinique","MR":"Mauritani\u00eb","MU":"Mauritius","YT":"Mayotte","MX":"Mexico","FM":"Micronesia","MD":"Moldavi\u00eb","MC":"Monaco","MN":"Mongoli\u00eb","ME":"Montenegro","MS":"Montserrat","MA":"Marokko","MZ":"Mozambique","MM":"Myanmar","NA":"Namibi\u00eb","NR":"Nauru","NP":"Nepal","NL":"Nederland","NC":"Nieuw-Caledoni\u00eb","NZ":"Nieuw-Zeeland","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","NU":"Niue","NF":"Norfolk eiland","MK":"Noord-Macedoni\u00eb","MP":"Noordelijke Marianen","NO":"Noorwegen","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestina, Staat","PA":"Panama","PG":"Papoea-Nieuw-Guinea","PY":"Paraguay","PE":"Peru","PH":"Filipijnen","PN":"Pitcairn","PL":"Polen","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RE":"R\u00e9union","RO":"Roemeni\u00eb","RU":"Russische Federatie","RW":"Rwanda","BL":"Saint Barth\u00e9lemy","SH":"Sint-Helena, Hemelvaart en Tristan da Cunha","KN":"Saint Kitts en Nevis","LC":"Saint Lucia","MF":"Sint Maarten","PM":"Saint Pierre en Miquelon","VC":"Saint Vincent en de Grenadines","WS":"Samoa","SM":"San Marino","ST":"Sao Tom\u00e9 en Principe","SA":"Saoedi-Arabi\u00eb","SN":"Senegal","RS":"Servi\u00eb","SC":"Seychellen","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten","SK":"Slowakije","SI":"Sloveni\u00eb","SB":"Salomonseilanden","SO":"Somali\u00eb","ZA":"Zuid-Afrika","GS":"Ji\u017en\u00ed Georgie a Ji\u017en\u00ed Sandwichovy ostrovy","SS":"Zuid Soedan","ES":"Spanje","LK":"Sri Lanka","SD":"Soedan","SR":"Suriname","SJ":"Spitsbergen en Jan Mayen","SE":"Zweden","CH":"Zwitserland","SY":"Arabische Republiek Syri\u00eb","TW":"Taiwan","TJ":"Tadzjikistan","TZ":"Tanzania, de Verenigde Republiek van","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad en Tobago","TN":"Tunesi\u00eb","TR":"Turkije","TM":"Turkmenistan","TC":"Turks- en Caicoseilanden","TV":"Tuvalu","UG":"Oeganda","UA":"Oekra\u00efne","AE":"Verenigde Arabische Emiraten","GB":"Verenigd Koninkrijk","US":"Verenigde Staten","UY":"Uruguay","UM":"Kleine eilanden van de Verenigde Staten","UZ":"Oezbekistan","VU":"Vanuatu","VE":"Venezuela","VN":"Vietnam","VG":"Britse Maagdeneilanden","VI":"Amerikaanse Maagdeneilanden","WF":"Wallis en Futuna","EH":"Westelijke Sahara","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"},"strings":{"newRowAdded":"Nieuwe rij toegevoegd.","rowRemoved":"Rij verwijderd","formSaved":"Het formulier is opgeslagen. De inhoud bevat de link om terug te keren en het formulier in te vullen."}};
3624//# sourceURL=gform_gravityforms-js-extra
3625</script>
vendor: 1 bytes, line 3625
3625
3626<script id="gform_gravityforms-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=3.1.1"></script>
vendor: 1 bytes, line 3626
3626
3627<script id="gform_gravityforms_utils-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=69a9db57304a9f86c3d1a0bea5fd2cf9"></script>
vendor: 1 bytes, line 3627
3627
3628<script id="gform_gravityforms_theme_vendors-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=0c901cb641ce64b99c20ea1a4d208cc9"></script>
vendor: 1 bytes, line 3628
3628
3629<script id="gform_gravityforms_theme-js-extra">
3630var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"2685754fe6e27c36de481a09bd65680d"},"ajax":{"ajaxurl":"https://slagerij-wilbrink.nl/wp-admin/admin-ajax.php","ajax_submission_nonce":"45b0f6221a","i18n":{"step_announcement":"Stap %1$s van %2$s, %3$s","unknown_error":"Er was een onbekende fout bij het verwerken van je aanvraag. Probeer het opnieuw.","error_403":"De aanvraag is om onbekende veiligheidsredenen geblokkeerd (403-fout). Verwijder alle code-achtige tekst (scripts of databasequery&#039;s) en probeer het opnieuw."}}}},"hmr_dev":"","public_path":"https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/","config_nonce":"6cee5b2fe9"};
3631//# sourceURL=gform_gravityforms_theme-js-extra
3632</script>
vendor: 1 bytes, line 3632
3632
3633<script id="gform_gravityforms_theme-js" defer='defer' src="https://slagerij-wilbrink.nl/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=e27d9712159624c99129c8c208f022ad"></script>
vendor: 1 bytes, line 3633
3633
3634<script>
3635gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } );
3636</script>
vendor: 1 bytes, line 3636
3636
3637<script>
3638gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_1" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_1";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, 1 );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );
3639</script>
3639
3640
3641
3642
3643<style>
3644
3645  .cart-toast {
3646    display: none;
3647    padding: 10px 20px;
3648  }
3649  .credentials-bar {
3650    background-color: #222222;
3651  }
3652  .footer__logo {
3653    height: auto;
3654  }
3655  .area__logo {
3656    transition: .3s ease;
3657  }
3658  .footer__title {
3659    color: white;
3660  }
3661
3662  @media (max-width: 768px) {
3663    .topper + .content {
3664      padding-top: 100px;
3665    }
3666    .footer__logo {
3667      width: 300px;
3668    }
3669  }
3670
3671  .footer__title {
3672    margin-top: 30px;
3673  }
3674  hr {
3675    opacity: 0.1;
3676  }
3677  .container-cloud {
3678    position: relative;
3679  }
3680
3681  .container__footer {
3682    max-width: 1220px;
3683    left: 20px;
3684    right: 20px;
3685    margin: 0 auto;
3686    top: 0;
3687    position: absolute;
3688    background-color: grey;
3689  }
3690
3691  .button:focus,
3692  .button:active {
3693    color: white;
3694  }
3695</style>
3696<style>
3697  .button:focus,
3698  .button:active {
3699    color: white;
3700  }
3701</style>
3702<script>
3703jQuery(function ($) {
3704
3705  function reorderShippingMethods() {
3706    const $list = $('#shipping_method');
3707    if (!$list.length) return;
3708
3709    const $pickup   = $list.find('input[value="flat_rate:2"]').closest('li');
3710    const $delivery = $list.find('input[value="distance_rate:1"]').closest('li');
3711
3712    if ($pickup.length && $delivery.length) {
3713      $pickup.prependTo($list);
3714    }
3715  }
3716
3717  // Init + bij elke checkout update
3718  reorderShippingMethods();
3719  $(document.body).on('updated_checkout', reorderShippingMethods);
3720
3721});
3722
3723
3724
3725jQuery(function ($) {
3726
3727  const METHOD_DELIVERY = 'distance_rate:1';
3728  const METHOD_PICKUP   = 'flat_rate:2';
3729
3730  function setShippingMethod(methodValue) {
3731    const $method = $('input.shipping_method[value="' + methodValue + '"]');
3732    if ($method.length) {
3733      $method.prop('checked', true).trigger('change');
3734      $(document.body).trigger('update_checkout');
3735    }
3736  }
3737
3738  function syncRadioFromShipping() {
3739    const method = $('input.shipping_method:checked').val() || '';
3740
3741    if (method === METHOD_PICKUP) {
3742      $('input[name="orderafhandelings_type"][value="Afhalen in de winkel"]').prop('checked', true);
3743    } else {
3744      $('input[name="orderafhandelings_type"][value="Laten bezorgen"]').prop('checked', true);
3745    }
3746  }
3747
3748  // Radio → shipping method
3749  $(document.body).on('change', 'input[name="orderafhandelings_type"]', function () {
3750    const val = $(this).val();
3751
3752    if (val === 'Afhalen in de winkel') {
3753      setShippingMethod(METHOD_PICKUP);
3754    }
3755
3756    if (val === 'Laten bezorgen') {
3757      setShippingMethod(METHOD_DELIVERY);
3758    }
3759  });
3760
3761  // Sidebar shipping → radio
3762  $(document.body).on('updated_checkout', function () {
3763    syncRadioFromShipping();
3764  });
3765
3766  // Init on load
3767  syncRadioFromShipping();
3768
3769});
3770
3771
3772// jQuery(function ($) {
3773
3774//   const METHOD_DELIVERY = 'distance_rate:1';
3775//   const METHOD_PICKUP   = 'flat_rate:2';
3776
3777//   function setShippingMethod(methodValue) {
3778//     const $method = $('input.shipping_method[value="' + methodValue + '"]');
3779
3780//     if ($method.length && !$method.is(':checked')) {
3781//       $method.prop('checked', true).trigger('change');
3782//       $(document.body).trigger('update_checkout');
3783//     }
3784//   }
3785
3786//   function syncRadioFromShipping() {
3787//     const $checkedMethod = $('input.shipping_method:checked');
3788
3789//     // Niets doen als WooCommerce nog bezig is met refreshen
3790//     if (!$checkedMethod.length) {
3791//       return;
3792//     }
3793
3794//     const method = $checkedMethod.val();
3795
3796//     if (method === METHOD_PICKUP) {
3797//       $('input[name="orderafhandelings_type"][value="Afhalen in de winkel"]').prop('checked', true);
3798//     } else if (method === METHOD_DELIVERY) {
3799//       $('input[name="orderafhandelings_type"][value="Laten bezorgen"]').prop('checked', true);
3800//     }
3801//   }
3802
3803//   // Radio → shipping method
3804//   $(document.body).on('change', 'input[name="orderafhandelings_type"]', function () {
3805//     const val = $(this).val();
3806
3807//     if (val === 'Afhalen in de winkel') {
3808//       setShippingMethod(METHOD_PICKUP);
3809//     } else if (val === 'Laten bezorgen') {
3810//       setShippingMethod(METHOD_DELIVERY);
3811//     }
3812//   });
3813
3814//   // Shipping method → radio
3815//   $(document.body).on('change', 'input.shipping_method', function () {
3816//     syncRadioFromShipping();
3817//   });
3818
3819//   // Na Woo refresh
3820//   $(document.body).on('updated_checkout', function () {
3821//     syncRadioFromShipping();
3822//   });
3823
3824//   // Init
3825//   syncRadioFromShipping();
3826
3827// });
3828
3829
3830
3831
3832document.addEventListener('change', function (e) {
3833  if (!e.target.matches('input[name="1597_vergeet_je_dit_niet"]')) return;
3834
3835  switch (e.target.value) {
3836    case 'saladecategorie':
3837      window.open('/product-categorie/salades-smeersels/', '_blank');
3838      break;
3839
3840    case 'bestekcategorie':
3841      window.open('/product-categorie/barbecue/huurartikelen/', '_blank');
3842      break;
3843  }
3844});
3845
3846
3847
3848
3849  
3850(function ($) {
3851  'use strict';
3852
3853  var TOAST_ID = 'cart-toast';
3854  // var CART_ID  = 'header-cart';
3855  var HIDE_DELAY = 3000;
3856  var BAD_HEADINGS = [
3857    'gerelateerde producten', 'related products',
3858    'aanbevolen', 'upsells', 'vergelijkbare producten'
3859  ];
3860
3861function ensureToast() {
3862  var $toast = $('#' + TOAST_ID);
3863  if (!$toast.length) {
3864    $toast = $('<div/>', {
3865      id: TOAST_ID,
3866      class: 'cart-toast',
3867      'aria-live': 'polite',
3868      'aria-atomic': 'true'
3869    }).appendTo('body');
3870  }
3871  return $toast;
3872}
3873
3874$(document.body).on('wc_fragments_loaded wc_fragments_refreshed', function () {
3875  $('#cart-toast').removeClass('is-show');
3876});
3877
3878  function getSingleProductTitle() {
3879    // jouw custom H1 eerst, daarna Woo default
3880    var t = $('.product-single__title').first().text().trim()
3881         || $('.product_title.entry-title').first().text().trim()
3882         || $('.entry-title').first().text().trim();
3883    return t || '';
3884  }
3885
3886  function parseNameFromAria($btn) {
3887    var aria = ($btn && $btn.attr('aria-label')) || '';
3888    var m = aria.match(/["“](.+?)["”]/);
3889    return m ? m[1] : '';
3890  }
3891
3892  function isBadHeading(txt) {
3893    var t = (txt || '').trim().toLowerCase();
3894    return BAD_HEADINGS.some(function (h) { return t === h; });
3895  }
3896
3897  function findTitleNear($btn) {
3898    if (!$btn || !$btn.length) return '';
3899    // negeer gerelateerde/upsell containers als bron
3900    if ($btn.closest('.related, .upsells').length) {
3901      // voor kaarten in related: zoek juist de kaarttitel
3902      var $card = $btn.closest('.product, li.product, .wc-block-grid__product, .product-card');
3903      var sel = '.woocommerce-loop-product__title, .wc-block-grid__product-title, .product-title, h2, h3';
3904      var txt = $card.find(sel).first().text().trim();
3905      return txt || '';
3906    }
3907
3908    var $card = $btn.closest('.product, li.product, .wc-block-grid__product, .product-card');
3909    if ($card.length) {
3910      var selCard = '.woocommerce-loop-product__title, .wc-block-grid__product-title, .product-title, h2, h3';
3911      var txtCard = $card.find(selCard).first().text().trim();
3912      if (txtCard && !isBadHeading(txtCard)) return txtCard;
3913    }
3914
3915    // als we hier zijn en we staan op single: pak de paginatitel
3916    if ($('body').hasClass('single-product')) {
3917      var single = getSingleProductTitle();
3918      if (single) return single;
3919    }
3920
3921    // laatste poging: dichtstbijzijnde heading, mits geen “gerelateerde”
3922    var near = $btn.closest('section, div').find('h1,h2,h3').first().text().trim();
3923    if (near && !isBadHeading(near)) return near;
3924
3925    return '';
3926  }
3927
3928  function getProductName($btn) {
3929    // 1) data attribuut (beste)
3930    var name = ($btn && $btn.data('product_name')) || '';
3931    if (name) return name;
3932
3933    // 2) aria-label
3934    name = parseNameFromAria($btn);
3935    if (name) return name;
3936
3937    // 3) nabijheid (kaart) of single titel
3938    name = findTitleNear($btn);
3939    if (name) return name;
3940
3941    // 4) tekst/waarde van de knop
3942    name = ($btn && ($btn.attr('data-product_title') || $btn.val() || $btn.text())).trim();
3943    if (name && !isBadHeading(name)) return name;
3944
3945    // 5) absolute fallback: single paginatitel
3946    name = getSingleProductTitle();
3947    return name || 'Onbekend product';
3948  }
3949
3950  var hideTimer;
3951function showToast(text) {
3952  var t = document.getElementById('cart-toast');
3953
3954  if (!t) {
3955    t = document.createElement('div');
3956    t.id = 'cart-toast';
3957    t.className = 'cart-toast';
3958    t.setAttribute('aria-live','polite');
3959    document.body.appendChild(t);
3960  }
3961
3962  t.innerHTML = 'Product toegevoegd: ' + text;
3963  t.classList.add('is-show');
3964  t.style.opacity = '1';
3965
3966  // HARD FORCE HIDE – ongeacht wat er gebeurt
3967  setTimeout(function(){
3968    t.classList.remove('is-show');
3969    t.style.opacity = '0';
3970    t.style.display = 'none';
3971  }, 3000);
3972
3973  // Force re-show (display reset)
3974  t.style.display = 'block';
3975}
3976
3977  // ---------- Annotate single add-to-cart button with data-product_name ----------
3978  $(function(){
3979    if ($('body').hasClass('single-product')) {
3980      var singleName = getSingleProductTitle();
3981      var $btn = $('form.cart button.single_add_to_cart_button').first();
3982      if ($btn.length && singleName) $btn.attr('data-product_name', singleName);
3983    }
3984  });
3985
3986  // ---------- AJAX add-to-cart ----------
3987  // $(document.body).on('added_to_cart', function (e, fragments, cart_hash, $button) {
3988  //   var name = getProductName($button || $());
3989  //   showToast(name);
3990  //   try { sessionStorage.removeItem('lastAddedName'); } catch (e) {}
3991  // });
3992
3993$(document.body)
3994  .off('added_to_cart.cartToast')
3995  .on('added_to_cart.cartToast', function (e, fragments, cart_hash, $button) {
3996    showToast(getProductName($button || $()));
3997  });
3998
3999  // ---------- Non-AJAX (single) ----------
4000  $(document).on('click', 'form.cart button.single_add_to_cart_button', function () {
4001    var $btn = $(this);
4002    var name = getProductName($btn);
4003    try { sessionStorage.setItem('lastAddedName', name); } catch (e) {}
4004  });
4005
4006  $(function () {
4007    var stored = null;
4008    try { stored = sessionStorage.getItem('lastAddedName'); } catch (e) {}
4009    if (stored) {
4010      setTimeout(function () { showToast(stored); }, 150);
4011      try { sessionStorage.removeItem('lastAddedName'); } catch (e) {}
4012    }
4013  });
4014
4015})(jQuery);
4016
4017</script>
vendor: 1 bytes, line 4017
4017
4018<script>
4019document.addEventListener('click', function(e){
4020  var cart = document.getElementById('header-cart');
4021  if (!cart) return;
4022  var trigger = cart.querySelector('.header-cart__trigger');
4023
4024  // Toggle on trigger click
4025  if (trigger && trigger.contains(e.target)) {
4026    e.preventDefault();
4027    cart.classList.toggle('is-open');
4028  } else if (!cart.contains(e.target)) {
4029    cart.classList.remove('is-open');
4030  }
4031});
4032
4033// CSS hook for click open (mobile)
4034</script>
4034
4035<style>
4036.header-cart.is-open .header-cart__dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
4037</style>
4038<script>
4039document.addEventListener('DOMContentLoaded', function () {
4040  document.querySelectorAll('form.variations_form').forEach(function (form) {
4041
4042    // Helper: (de)sync disabled state van radios o.b.v. select options
4043    function reflectDisabled(select, group) {
4044      var options = Array.from(select.querySelectorAll('option'));
4045      var mapDisabled = {};
4046      options.forEach(function (opt) {
4047        if (!opt.value) return; // skip placeholder
4048        mapDisabled[opt.value] = opt.disabled || opt.getAttribute('disabled') !== null;
4049      });
4050      group.querySelectorAll('.attr-option').forEach(function (optEl) {
4051        var val = optEl.getAttribute('data-value');
4052        if (!val) return;
4053        if (mapDisabled[val]) {
4054          optEl.classList.add('is-disabled');
4055          var input = optEl.querySelector('input');
4056          if (input) input.disabled = true;
4057        } else {
4058          optEl.classList.remove('is-disabled');
4059          var input = optEl.querySelector('input');
4060          if (input) input.disabled = false;
4061        }
4062      });
4063    }
4064
4065    // Voor elk variatie-select
4066    form.querySelectorAll('select[name^="attribute_"]').forEach(function (select) {
4067      if (select.dataset.enhanced === '1') return; // niet dubbel doen
4068      select.dataset.enhanced = '1';
4069
4070      // Wrap & label
4071      var attrName = (select.getAttribute('name') || '').replace(/^attribute_/, '');
4072      var labelText = '';
4073      var labelEl = select.closest('tr')?.querySelector('th label, th') || null;
4074      if (labelEl) { labelText = labelEl.textContent.trim(); }
4075      else { labelText = attrName.replace(/(^pa_)/, '').replace(/[-_]/g,' ').replace(/\b\w/g, m=>m.toUpperCase()); }
4076
4077      // Bouw groep
4078      var group = document.createElement('div');
4079      group.className = 'attr-group';
4080
4081      var label = document.createElement('div');
4082      label.className = 'attr-label';
4083      label.textContent = labelText;
4084
4085      var optionsWrap = document.createElement('div');
4086      optionsWrap.className = 'attr-options';
4087
4088// Plaats de (visueel) verborgen select in de groep om Woo intact te houden
4089select.classList.add('attr-select');
4090var row = select.closest('tr');
4091var rowTd = select.closest('td') || select.parentElement;
4092rowTd.innerHTML = '';
4093rowTd.appendChild(group);
4094group.appendChild(label);
4095group.appendChild(select);
4096group.appendChild(optionsWrap);
4097
4098// remove Woo's original <th> label to avoid double title
4099if (row) {
4100  var th = row.querySelector('th.label');
4101  if (th) th.remove();
4102}
4103      // Voor elke option in select -> radio + label
4104      var current = select.value;
4105      Array.from(select.options).forEach(function (opt, idx) {
4106        if (!opt.value) return; // placeholder skip
4107
4108        var value = opt.value;
4109        var id = (select.name + '_' + value).replace(/\W+/g, '_');
4110
4111        var wrap = document.createElement('div');
4112        wrap.className = 'attr-option';
4113        wrap.setAttribute('data-value', value);
4114
4115        var radio = document.createElement('input');
4116        radio.type = 'radio';
4117        radio.name = select.name + '_radio';
4118        radio.id = id;
4119        radio.value = value;
4120
4121        var lbl = document.createElement('label');
4122        lbl.setAttribute('for', id);
4123        lbl.textContent = opt.textContent.trim();
4124
4125        if (current && current === value) radio.checked = true;
4126
4127        wrap.appendChild(radio);
4128        wrap.appendChild(lbl);
4129        optionsWrap.appendChild(wrap);
4130
4131        // Click -> sync naar select + trigger change
4132        radio.addEventListener('change', function () {
4133          select.value = radio.checked ? value : '';
4134          select.dispatchEvent(new Event('change', { bubbles: true }));
4135        });
4136      });
4137
4138      // Init disabled states gebaseerd op option[disabled]
4139      reflectDisabled(select, group);
4140
4141      // Als Woo select disabled/enabled aanpast bij keuze-combi, spiegel dat
4142      select.addEventListener('change', function(){
4143        reflectDisabled(select, group);
4144        // Als er geen waarde is (reset), ook radio's resetten
4145        if (!select.value) {
4146          group.querySelectorAll('input[type="radio"]').forEach(function(r){ r.checked = false; });
4147        } else {
4148          var match = group.querySelector('input[type="radio"][value="'+CSS.escape(select.value)+'"]');
4149          if (match) match.checked = true;
4150        }
4151      });
4152    });
4153
4154    // Support "Clear" link -> reset radios
4155    var reset = form.querySelector('.reset_variations');
4156    if (reset) {
4157      reset.addEventListener('click', function () {
4158        setTimeout(function(){
4159          form.querySelectorAll('.attr-group').forEach(function (g) {
4160            g.querySelectorAll('input[type="radio"]').forEach(function (r) { r.checked = false; });
4161            var sel = g.querySelector('select.attr-select');
4162            if (sel) reflectDisabled(sel, g);
4163          });
4164        }, 0);
4165      });
4166    }
4167  });
4168});
4169</script>
4169
4170
4171<script>
4172document.addEventListener('DOMContentLoaded', function () {
4173  document.querySelectorAll('form.cart .quantity').forEach(function (q) {
4174    if (q.querySelector('.qty-wrap')) return; // skip if already wrapped
4175
4176    var input = q.querySelector('input.qty');
4177    if (!input) return;
4178
4179    // Build wrapper
4180    var wrap = document.createElement('div');
4181    wrap.className = 'qty-wrap';
4182
4183    var btnMinus = document.createElement('button');
4184    btnMinus.type = 'button';
4185    btnMinus.className = 'qty-btn qty-minus';
4186    btnMinus.textContent = '–';
4187
4188    var btnPlus = document.createElement('button');
4189    btnPlus.type = 'button';
4190    btnPlus.className = 'qty-btn qty-plus';
4191    btnPlus.textContent = '+';
4192
4193    // Insert wrapper
4194    q.insertBefore(wrap, input);
4195    wrap.appendChild(btnMinus);
4196    wrap.appendChild(input);
4197    wrap.appendChild(btnPlus);
4198
4199    // Behavior
4200    var min = parseFloat(input.min) || 1;
4201    var max = parseFloat(input.max) || Infinity;
4202    var step = parseFloat(input.step) || 1;
4203
4204    function clamp(v){ return Math.max(min, Math.min(max, v)); }
4205    function val(){ return parseFloat(input.value) || min; }
4206
4207    btnMinus.addEventListener('click', function () {
4208      var v = clamp(val() - step);
4209      input.value = v;
4210      input.dispatchEvent(new Event('change', {bubbles:true}));
4211    });
4212    btnPlus.addEventListener('click', function () {
4213      var v = clamp(val() + step);
4214      input.value = v;
4215      input.dispatchEvent(new Event('change', {bubbles:true}));
4216    });
4217  });
4218});
4219</script>
4219
4220
4221<script>
4222jQuery(document).ready(function($){
4223  if ($('.variations_form').length) {
4224    $('.variations_form').each(function(){
4225      $(this).wc_variation_form();
4226      $(this).find('.variations select').change();
4227    });
4228    console.log('WooCommerce variation form manually initialized.');
4229  } else {
4230    console.log('No variation form found.');
4231  }
4232});
4233</script>
vendor: 1 bytes, line 4233
4233
4234<script>
4235(function($){
4236
4237  var EXTRA_OFFSET = 200; // sticky header
4238
4239  function smoothTo($target){
4240    if (!$target.length) return;
4241
4242    $('html, body').stop().animate({
4243      scrollTop: $target.offset().top - EXTRA_OFFSET
4244    }, 500);
4245  }
4246
4247  // pointerup = werkt voor touch + mouse (geen dubbel tap)
4248  $(document).on('pointerup', 'a[href*="#"]:not([href="#"])', function(e){
4249
4250    // Alleen same-page anchors
4251    if (this.hostname !== location.hostname ||
4252        this.pathname.replace(/^\//,'') !== location.pathname.replace(/^\//,'')) {
4253      return;
4254    }
4255
4256    var hash = this.hash;
4257    if (!hash) return;
4258
4259    var $target = $(hash);
4260    if (!$target.length) {
4261      $target = $('[name="'+hash.slice(1)+'"]');
4262    }
4263
4264    if (!$target.length) return;
4265
4266    e.preventDefault();
4267
4268    // WooCommerce tabs
4269    if ($target.closest('.woocommerce-tabs, .wc-tabs-wrapper').length){
4270      var $tabLink = $('.wc-tabs li a[href="'+hash+'"], .tabs li a[href="'+hash+'"]');
4271
4272      if ($tabLink.length){
4273        $tabLink.trigger('click');
4274
4275        setTimeout(function(){
4276          smoothTo($(hash));
4277        }, 100);
4278
4279        return;
4280      }
4281    }
4282
4283    // Normale anchor
4284    setTimeout(function(){
4285      smoothTo($target);
4286    }, 10);
4287
4288  });
4289
4290})(jQuery);
4291
4292
4293  // $(document).ready(function(){
4294
4295  //   $('.popup__close').on('click', function(event){     
4296  //     $('.popup').addClass('removed');
4297
4298  //     $.cookie('popup', 'closed', {expires: .5/24});
4299
4300  //   });
4301
4302  //   if ($.cookie('popup') === 'closed') {
4303  //     $('.popup').addClass('removed');
4304  //   }
4305
4306  // });
4307$(document).ready(function () {
4308
4309  $('.popupje__close').on('click', function (event) {
4310    $('.popupje').addClass('removed');
4311    // Bewaar de status in localStorage
4312    localStorage.setItem('popupje_status', 'closed');
4313  });
4314
4315  // Check bij pageload of popup al gesloten was
4316  if (localStorage.getItem('popupje_status') === 'closed') {
4317    $('.popupje').addClass('removed');
4318  }
4319
4320});
4321  
4322</script>
4322
4323
4324</body>
4325</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.