.elementor-kit-10{--e-global-color-primary:#FC7C00;--e-global-color-secondary:#0F1B2D;--e-global-color-text:#3D4B60;--e-global-color-accent:#1F5BB5;--e-global-color-vo_bg:#F3F6FA;--e-global-color-vo_surf:#FFFFFF;--e-global-color-vo_dark:#0E1828;--e-global-color-vo_dark2:#17233A;--e-global-color-vo_or2:#FF9A3A;--e-global-color-vo_orink:#B35000;--e-global-color-vo_muted:#5B6A80;--e-global-color-vo_ok:#15803D;--e-global-color-vo_warn:#A16207;--e-global-color-vo_bad:#DC2626;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.05em;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;--e-global-typography-vo_mono-font-family:"JetBrains Mono";--e-global-typography-vo_mono-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Van Ommen: hero's licht (1-11-2026). Het donkere thema van de site blijft voor menu, footer, 3D-configurator en showcase.
   Weghalen = hero's weer donkerblauw. */
html[data-theme=combi] body :is(.hero,.page-hero,.cfg-band,.wrap:has(>.cfg):not(.cfg-band>.wrap)){
	--bg:#f3f6fa!important;--bg-rgb:243 246 250!important;--bg-deep:#e7edf4!important;--bg-2:#edf2f7!important;
	--surface:#ffffff!important;--surface-2:#f6f8fb!important;--surface-3:#eaeff5!important;
	--ink:16 32 64!important;--shade:16 32 64!important;--ink-soft:30 60 110!important;
	--line:rgb(16 32 64 / .1)!important;--line-2:rgb(16 32 64 / .17)!important;
	--text:#0f1b2d!important;--text-2:#3d4b60!important;--muted:#5b6a80!important;
	--orange-ink:#b35000!important;--orange-soft:rgba(252,124,0,.12)!important;
	--blue:#1f5bb5!important;--blue-2:#2463b8!important;--blue-soft:rgba(36,99,184,.1)!important;
	--ok:#15803d!important;--warn:#a16207!important;--bad:#dc2626!important;--paper:#f1f4f8!important;
	--shadow:0 24px 60px -24px rgb(16 32 64 / .22)!important;--on-text:#fff!important;
	--logo-ink:#13233d!important;--logo-halo:#fff!important;--notice-warn:#8a5a00!important;--notice-ok:#11734a!important;--notice-info:#1f4f99!important;--bad-ink:#b42318!important;
	color-scheme:light;color:var(--text)
}
/* lichte achtergrond met een zachte verloop naar de pagina, zoals het lichte thema van de site */
html[data-theme=combi] body :is(.hero,.page-hero){background-color:var(--bg);background-image:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}
html[data-theme=combi] body .wrap:has(>.cfg):not(.cfg-band>.wrap){background-color:var(--bg);box-shadow:0 0 0 100vmax var(--bg)}
html[data-theme=combi] body .cfg-band{background-color:var(--bg)}
/* homepage: de foto van het witte magazijn hoort bij de lichte hero */
html[data-theme=combi] body .hero-photo{display:block}
/* overgang onder de hero: geen donkere schaduwrand meer */
html[data-theme=combi] body :is(.hero,.page-hero,.wrap:has(>.cfg):not(.cfg-band>.wrap))+*{background-image:none}
/* de 3D-configurator en showcase blijven donkere kaarten; op licht een zachtere schaduw */
html[data-theme=combi] body :is(.cfg,.showcase){box-shadow:0 0 0 1px rgb(16 32 64 / .08),0 30px 70px -36px rgb(16 32 64 / .45)}
/* Achtergrondtinten (1-11-2026). Elke sectie heeft in Elementor een klasse (Geavanceerd > CSS-klassen): vo-tint-wit,
   vo-tint-licht, vo-tint-diep of vo-tint-warm. Standaard wisselen wit en licht elkaar af; een andere kleur kiezen = klasse aanpassen. */
.vo-tint-wit{background-color:#ffffff}
.vo-tint-licht{background-color:#f3f6fa}
.vo-tint-diep{background-color:#e8eef5}
.vo-tint-warm{background-color:#fdf4ea}
/* secties die zonder bovenruimte op de vorige aansloten, krijgen met een eigen kleur wel ruimte */
section.section:is(.vo-tint-wit,.vo-tint-licht,.vo-tint-diep,.vo-tint-warm):is([style*="padding-top:0"],[style*="padding-top:8px"],[style*="padding-top:12px"]),
:is(.vo-tint-wit,.vo-tint-licht,.vo-tint-diep,.vo-tint-warm) section.section:is([style*="padding-top:0"],[style*="padding-top:8px"],[style*="padding-top:12px"]){padding-top:clamp(48px,6vw,82px)!important}
/* kaarten op een gekleurd vlak iets meer los van de achtergrond */
:is(.vo-tint-licht,.vo-tint-diep) .elementor-icon-box-wrapper{box-shadow:0 1px 2px rgb(16 32 64 / .05)}
/* Veelgestelde vragen: Accordion-widget (klasse faq vo-faq) in de stijl van de site. Vragen en antwoorden bewerkt u in de widget. */
.elementor-widget-n-accordion.vo-faq .e-n-accordion{border-top:1px solid var(--line)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item{border-bottom:1px solid var(--line)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item-title{padding:20px 0;gap:18px;border:0;border-radius:0;justify-content:space-between;color:var(--text)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item-title-text{font-size:17px!important;font-weight:600;line-height:inherit;color:var(--text)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item-title-icon{order:2;width:30px;height:30px;justify-content:center;flex:none;border-radius:50%;border:1px solid var(--line-2);transition:transform .3s var(--ease),background .2s}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item-title-icon span{height:auto}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item-title-icon span>svg{width:14px;height:14px;fill:none!important;color:var(--text)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon{transform:rotate(45deg);background:var(--accent);border-color:var(--accent)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{color:var(--on-accent)}
.elementor-widget-n-accordion.vo-faq .e-n-accordion-item>.e-con.faq-a{border:0;padding:0 0 22px;color:var(--text-2);max-width:70ch}
/* Prijzen in de tekstkleur van de site (WooCommerce maakt ze anders olijfgroen) */
body.woocommerce .price.price.price,body.woocommerce .price.price.price .price-main{color:inherit}
/* Voorraad als stoplicht: groen = op voorraad, oranje = op navraag, rood = niet op voorraad. Tekst donkerder voor leesbaarheid, bolletje fel. */
:root{--warn:#c2410c}
html[data-theme=dark],html[data-theme=combi] :is(.topbar,.header,.hero,.page-hero,.cta-end,.footer,.cfg-band,.cfg,.showcase,.wrap:has(>.cfg):not(.cfg-band>.wrap),.splash){--warn:#fb923c}
.badge-ok:before,.vw-dot-ok.vw-dot-ok{background:#16a34a}
.badge-back:before,.vw-dot-back.vw-dot-back{background:#f97316}
.badge-out:before,.vw-dot-out.vw-dot-out{background:#ef4444}/* End custom CSS */