.elementor-kit-9{--e-global-color-primary:#A6E2A2;--e-global-color-secondary:#D5EED3;--e-global-color-text:#2A3D1E;--e-global-color-accent:#FCFFE9;--e-global-color-7ee4b33:#FFFFFF;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:1.2px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto Condensed";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FCFFE93D;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-text );text-decoration:underline;}.elementor-kit-9 a:hover{color:#2A3D1E;}.elementor-kit-9 h1{color:var( --e-global-color-text );font-family:"Bebas Neue", Sans-serif;font-size:40px;font-weight:500;letter-spacing:1.2px;}.elementor-kit-9 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-9 h3{color:var( --e-global-color-text );font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1px;word-spacing:0px;}.elementor-kit-9 h4{color:var( --e-global-color-text );font-family:"Roboto Condensed", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-kit-9{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-9 h2{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-9 h2{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ================================= */
/* FACETWP — DEFINITIEVE STABIELE FIX */
/* ================================= */


/* ===== 1. ACHTERGROND & THEME RESET ===== */

.facetwp-facet,
.facetwp-type-radio {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}


/* ===== 2. RADIO BOLLETJES DEFINITIEF VERWIJDEREN ===== */

/* alle mogelijke radio cirkels killen */
.facetwp-radio::before,
.facetwp-radio::after,
.facetwp-radio .facetwp-display-value::before,
.facetwp-radio .facetwp-display-value::after,
.facetwp-radio span::before,
.facetwp-radio span::after,
.facetwp-radio i,
.facetwp-radio svg {
    content: none !important;
    display: none !important;
}

/* HIER zit je eerdere probleem: theme voegt die cirkel toe via span */


/* ===== 3. KNOPPEN (HOVER = zelfde basis) ===== */

.facetwp-radio {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;

    padding: 8px 14px;
    margin: 4px;

    border: 2px solid #8DAF4F;
    border-radius: 8px;

    background: #F5F8EF !important;
    color: #2E3E1F !important;

    font-weight: 600;
    font-size: 14px;

    cursor: pointer;
    transition: all .2s ease;
}

/* hover gebruikt exact dezelfde basis → voorkomt “radio terugkomen” */
.facetwp-radio:hover {
    background: #8DAF4F !important;
    color: #fff !important;
    border-color: #8DAF4F !important;
}

/* selected */
.facetwp-radio.checked {
    background: #8DAF4F !important;
    color: #fff !important;
}


/* ===== 5. COUNTER WEG ===== */

.facetwp-counter {
    display: none !important;
}


/* ===== 6. TITEL (H3) + KNOPPEN OP 1 LIJN ===== */

/* BELANGRIJK: target H3 + facet samen */
h3 {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

/* facet naast H3 trekken */
h3 + .facetwp-facet {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    vertical-align: middle;
}


/* ===== 7. MOBILE ===== */

@media (max-width:768px){

h3{
    display:block;
}

h3 + .facetwp-facet{
    display:block !important;
}

}

.wizard-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    border: 2px solid #A8C06C;
    background: #F2F9E3;
    color: #40531B;
    transition: all 0.2s ease;
    margin: 20px 10px;
}

.wizard-reset:hover {
    background: #A8C06C;
    color: #ffffff;
}
.wizard-reset::before {
    content: "↺";
    margin-right: 8px;
    font-size: 18px;
}/* End custom CSS */