.elementor-kit-13{--e-global-color-primary:#180D0D;--e-global-color-secondary:#180D0D;--e-global-color-text:#180D0D;--e-global-color-accent:#180D0D;--e-global-color-5ca92a9:#222222;--e-global-color-9903f91:#762F36;--e-global-color-b1fc18c:#A27B5A;--e-global-color-ac54a31:#F8F8F8;--e-global-color-58de2b0:#DDD7C9;--e-global-color-47c3c3f:#EEE8E2;--e-global-color-e8f8c2e:#D7D5D0;--e-global-color-44d7d68:#EAE4DD;--e-global-typography-primary-font-family:"Google Sans Flex";--e-global-typography-primary-font-size:17px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-family:"Google Sans Flex";--e-global-typography-secondary-font-size:17px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:28px;--e-global-typography-text-font-family:"Google Sans Flex";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Google Sans Flex";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:28px;--e-global-typography-2bf3ec2-font-size:32px;--e-global-typography-d3174f9-font-family:"Domine";--e-global-typography-d3174f9-font-size:17px;--e-global-typography-d3174f9-font-weight:400;--e-global-typography-d3174f9-line-height:32px;--e-global-typography-d3174f9-letter-spacing:-0.5px;background-color:var( --e-global-color-ac54a31 );color:var( --e-global-color-text );font-family:"Google Sans Flex", Sans-serif;font-size:17px;font-weight:400;line-height:28px;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{background-color:var( --e-global-color-ac54a31 );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-ac54a31 );border-radius:100px 100px 100px 100px;padding:20px 48px 20px 48px;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 a{color:var( --e-global-color-primary );text-decoration:underline;}.elementor-kit-13 h1{color:var( --e-global-color-primary );font-family:"Google Sans Flex", Sans-serif;font-size:54px;font-weight:500;line-height:58px;letter-spacing:-0.58px;}.elementor-kit-13 h2{color:var( --e-global-color-primary );font-family:"Google Sans Flex", Sans-serif;font-size:54px;font-weight:500;line-height:58px;}.elementor-kit-13 h3{color:var( --e-global-color-primary );font-family:"Google Sans Flex", Sans-serif;font-size:32px;font-weight:500;line-height:37px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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);}@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 *//* =========================================================
   LINKED VARIATION SWATCH
   ========================================================= */


img.attachment-shop_thumbnail.size-shop_thumbnail {
    height: 38px!important;
    width: 38px!important;
    padding: 3px;
}

.iconic-wlv-terms__term--image {
    height: 38px!important;
    width: 38px!important;
}

li.iconic-wlv-terms__more {
    font-weight: 400 !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #D1D1D1!important;
    margin-top: -8px !important;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

span.iconic-wlv-terms__term-content, .iconic-wlv-terms__term--image .iconic-wlv-terms__term-content {
    width: 40px;
    height: 40px;
}


.jet-listing-grid__item ul.iconic-wlv-terms {
    gap: 0px!important;
    margin-top: -4px!important;
}

ul.iconic-wlv-terms.iconic-wlv-term--buttons {
    display: flex;
}

td.label.iconic-wlv-variations__label {
    display: none;
}

.iconic-wlv-terms__term-content {
    display: block;
    border: 1px solid #D1D1D1!important;
}

.iconic-wlv-terms__term--current .iconic-wlv-terms__term-content {
    border: 1px solid var(--e-global-color-primary)!important;
    background: transparent!important;
}
/* =========================================================
   LINKED VARIATION SWATCH EIND
   ========================================================= */

.product-review-listing .e-icon-wrapper.e-icon-unmarked path {
    fill: #ccd6df;
}

.tekst-met-pijl {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    color: var( --e-global-color-primary );
    font-weight: 600;
    font-size: 15px;
  }
  .tekst-met-pijl svg {
    width: 0.7em;
    height: 1em;
    fill: currentColor; /* neemt de tekstkleur over */
  }
  
/* =========================================================
   FAQ-accordeon
   Pas de variabelen hieronder aan aan je eigen huisstijl.
   ========================================================= */

.faq-accordion {

	--faq-text:        var( --e-global-color-primary );   /* vraag + icoon */
	--faq-answer-text:  var( --e-global-color-primary );   /* antwoord */
	--faq-border:       #c9c4bf;   /* scheidingslijnen */

	/* Vraag: schreefloos, antwoord: schreef (zoals in het voorbeeld).
	   Standaard worden de globale Elementor-fonts gebruikt. */
	--faq-font-question: var(--e-global-typography-primary-font-family, "Figtree"), system-ui, sans-serif;
	--faq-font-answer:  'Domine';

	--faq-question-size: 21px;
	--faq-answer-size:   15px;
	--faq-gap:           1.5rem;   /* verticale ruimte per vraag */
	--faq-icon-size:     14px;

	background: var(--faq-bg);
	color: var(--faq-text);
}

/* ---------- Groepstitel (alleen bij [faq_accordion_cat]) ---------- */

.faq-group + .faq-group {
	margin-top: 3rem;
}

.faq-group__title {
	margin: 0 0 0.5rem;
	font-family: var(--faq-font-question);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.6;
}

/* ---------- Item ---------- */

.faq-item {
	border-bottom: 1px solid var(--faq-border);
}

/* Geen lijn onder de laatste vraag */
.faq-accordion > .faq-item:last-child,
.faq-group > .faq-item:last-child {
	border-bottom: 0;
}

/* ---------- Vraag ---------- */

.faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: var(--faq-gap) 0;
	cursor: pointer;
	list-style: none;               /* standaard driehoekje weg */
	font-family: var(--faq-font-question);
	font-size: var(--faq-question-size);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--faq-text);
}

.faq-question::-webkit-details-marker {
	display: none;                  /* driehoekje weg in Safari */
}

.faq-question:focus-visible {
	outline: 2px solid var(--faq-text);
	outline-offset: 4px;
	border-radius: 2px;
}



/* ---------- Plus/min-icoon ---------- */

.faq-icon {
	position: relative;
	flex: 0 0 var(--faq-icon-size);
	width: var(--faq-icon-size);
	height: var(--faq-icon-size);
	margin-right: 0.75rem;
}

.faq-icon::before,
.faq-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: currentColor;
	transform: translateY(-50%);
	transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Verticale streep van de plus */
.faq-icon::after {
	transform: translateY(-50%) rotate(90deg);
}

/* Open: verticale streep wegdraaien -> min */
.faq-item[open] .faq-icon::after {
	transform: translateY(-50%) rotate(0deg);
	opacity: 0;
}

/* ---------- Antwoord ---------- */

.faq-answer {
	max-width: 54rem;
	padding: 0 0 calc(var(--faq-gap) * 1.75);
	font-family: var(--faq-font-answer);
	font-size: var(--faq-answer-size);
	line-height: 1.7;
	color: var(--faq-answer-text);
}

.faq-answer > :first-child { margin-top: 0; }
.faq-answer > :last-child  { margin-bottom: 0; }

.faq-answer p + p {
	margin-top: 1em;
}

.faq-answer a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.faq-answer li {
    margin-left: -23px!important;
}

/* ---------- Vloeiend openen (Chrome/Edge; andere browsers openen direct) ---------- */

@supports (interpolate-size: allow-keywords) {
	.faq-accordion {
		interpolate-size: allow-keywords;
	}

	.faq-item::details-content {
		height: 0;
		overflow: clip;
		transition: height 0.3s ease, content-visibility 0.3s allow-discrete;
	}

	.faq-item[open]::details-content {
		height: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.faq-icon::before,
	.faq-icon::after,
	.faq-item::details-content {
		transition: none;
	}
}

body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.review-stars {
  display: inline-flex;
  gap: 3px;
}
.review-stars .star {
  width: 18px;
  height: 18px;
  -webkit-mask: url('/wp-content/uploads/2026/10/star-mattigo.svg') center / contain no-repeat;
          mask: url('/wp-content/uploads/2026/10/star-mattigo.svg') center / contain no-repeat;
}
.review-stars .is-filled { background-color: var( --e-global-color-b1fc18c ); }
.review-stars .is-empty  { background-color: #e0e0e0; }

.bm-ratings {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 8px 0 4px;
    justify-content: flex-start;
}

.bm-rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.bm-rating__dots {
    display: inline-flex;
    gap: 4px;
}
.bm-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d6d6d6;
}
.bm-dot.is-active {
    background: #222;
}
span.bm-rating__label {
    font-size: 13px;
}

.elementor-menu-cart__toggle .elementor-button svg {
    fill: transparent;
}

.elementor-menu-cart__toggle .elementor-button {
    background: transparent!important;
    border: 0px!important;
    padding: 0px!important;
}

body:has(.has-transparent-header) .site-header span.e-n-menu-title-text {
color: var( --e-global-color-ac54a31 )!important;
}

body:has(.has-transparent-header) .site-header {
    border: 0px!important;
    background: transparent!important;
}

body:has(.has-transparent-header) .e-n-menu-dropdown-icon path, body:has(.has-transparent-header) .icons path  {
    stroke: var( --e-global-color-ac54a31 )!important;
}

body:has(.has-transparent-header) .mega-menu-inner-container {
    background: rgba(24, 13, 13, 0.25) !important;
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(10px);
}

body:has(.has-transparent-header) .product-categorie-usp-mega-menu, body:has(.has-transparent-header) .product-categorie-titel-mega-menu, body:has(.has-transparent-header) .bekijk-alle-mega-menu span.elementor-button-text {
    color: var( --e-global-color-ac54a31 )!important;
}

body:has(.has-transparent-header) .product-categorie-usp-mega-menu path {
     stroke: var( --e-global-color-47c3c3f )!important;
}
body:has(.has-transparent-header) .bekijk-alle-mega-menu path {
     fill: var( --e-global-color-ac54a31 )!important;
}

body:has(.has-transparent-header) .product-categorie-usp-mega-menu {
    color: var( --e-global-color-47c3c3f )
}




.product-categorie-usp-mega-menu path {
     stroke:  var( --e-global-color-9903f91 )!important;
}


body:has(.has-transparent-header) .mega-menu-inner-container {
    background: rgba(24, 13, 13, 0.25) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.logo svg {
    fill: var( --e-global-color-primary );
}

body:has(.has-transparent-header) .logo svg, body:has(.has-transparent-header) .logo path {
   fill: var( --e-global-color-ac54a31 )!important;
}

a.e-flex.e-con-boxed.e-con.e-parent {
    text-decoration: none;
    color: inherit;
}

.outline-button .elementor-button {
    background: transparent!important;
    color: var( --e-global-color-ac54a31 )!important;;
}

.zwarte-button {
    .elementor-button {
    background: var( --e-global-color-primary )!important;
    color: var( --e-global-color-ac54a31 )!important;;
}
}

@media (min-width: 768px){
.sectie {
    padding: 0 32px;
}}

@media (max-width: 767px){
.sectie {
    padding: 0 20px;
 
}}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-100-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-100-normal.woff') format('woff');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-300-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-300-normal.woff') format('woff');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-500-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-500-normal.woff') format('woff');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-700-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-700-normal.woff') format('woff');
}
@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-900-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/google-sans-flex-latin-900-normal.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Domine';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/domine-latin-400-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/domine-latin-400-normal.woff') format('woff');
}
@font-face {
	font-family: 'Domine';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dev.mattigo.com/wp-content/uploads/2026/10/domine-latin-700-normal.woff2') format('woff2'),
		url('https://dev.mattigo.com/wp-content/uploads/2026/10/domine-latin-700-normal.woff') format('woff');
}
/* End Custom Fonts CSS */