.elementor-kit-7{--e-global-color-primary:#2F6B4F;--e-global-color-secondary:#54595F;--e-global-color-text:#1F2D27;--e-global-color-accent:#E65F48;--e-global-color-5fb90de:#1F2D27;--e-global-color-2b2597e:#E9F2ED;--e-global-color-44ed711:#C84E3B;--e-global-color-d019486:#F5E2D9;--e-global-color-20619f0:#FFFDFA;--e-global-color-9813be2:#FFFFFF;--e-global-color-bea03c7:#F3F7F4;--e-global-color-100f74d:#66756D;--e-global-color-94d7ae6:#DCE5DF;--e-global-color-ea6e4ce:#25764F;--e-global-color-089c561:#E7F5ED;--e-global-color-8c011f1:#9A6414;--e-global-color-8e6e943:#FFF3D8;--e-global-color-7c8f7a5:#B42318;--e-global-color-d46a2c0:#FECECB;--e-global-color-7efb410:#245F86;--e-global-color-a826136:#EAF4FB;--e-global-color-a73839d:#FFFFFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:17px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.65px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.16px;--e-global-typography-secondary-letter-spacing:-0.035px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4px;background-color:var( --e-global-color-20619f0 );color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-size:16px;font-weight:600;line-height:1.2px;color:var( --e-global-color-a73839d );border-style:none;border-radius:10px 10px 10px 10px;padding:14px 22px 14px 22px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-5fb90de );color:var( --e-global-color-a73839d );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );font-family:"Inter", Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.65px;}.elementor-kit-7 a:hover{color:var( --e-global-color-5fb90de );font-family:"Inter", Arial, sans-serif;font-size:17px;font-weight:400;line-height:1.65px;}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h5{font-family:var( --e-global-typography-secondary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h6{font-family:var( --e-global-typography-secondary-font-family ), Arial, sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 label{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}.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(min-width:1440px){.elementor-kit-7{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:1024px){.elementor-kit-7{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h5{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-7 h6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --th-color-primary:#2F6B4F; --Inter:Inter; --th-color-primary-dark:#214C38; --e-gv-1cfafc2:#BFE0D0; --e-gv-e20c396:#2F6B4F; --e-gv-9d69260:#214C38; --th-color-primary-soft:#E9F2ED; --th-color-accent:#E65F48; --th-color-accent-dark:#C84E3B; --th-color-warm:#F5E2D9; --th-color-surface:#FFFDFA; --th-color-surface-raised:#FFFFFF; --th-color-surface-soft:#F3F7F4; --th-color-text:#1F2D27; --th-color-text-muted:#66756D; --th-color-border:#DCE5DF; --th-color-success:#25764F; --th-color-success-soft:#E7F5ED; --th-color-warning:#9A6414; --th-color-warning-soft:#FFF3D8; --th-color-error:#B42318; --th-color-error-soft:#FEECEB; --th-color-info:#245F86; --th-color-info-soft:#EAF4FB; --th-color-white:#FFFFFF; --th-font-primary:Inter; --th-space-0:0px; --th-space-1:4px; --th-space-2:8px; --th-space-3:12px; --th-space-4:16px; --th-space-5:20px; --th-space-6:24px; --th-space-7:28px; --th-space-8:32px; --th-space-10:40px; --th-space-12:48px; --th-space-14:56px; --th-space-16:64px; --th-space-18:72px; --th-space-20:80px; --th-space-24:96px; --th-site-canvas:1280px; --th-container-content:1180px; --th-container-narrow:800px; --th-container-commerce:1200px; --th-gutter-desktop:28px; --th-gutter-tablet:28px; --th-gutter-mobile:20px; --th-gutter-small:16px; --th-radius-sm:10px; --th-radius-md:16px; --th-radius-lg:24px; --th-radius-xl:32px; --th-radius-pill:999px; --th-font-size-caption:12px; --th-font-size-label:14px; --th-font-size-body-small:15px; --th-font-size-body:17px; --th-font-size-body-large:20px; --th-font-size-h4:24px; --th-font-size-h3:30px; --th-font-size-h2:38px; --th-font-size-h1:56px; --th-font-size-display:70px; --th-control-height-sm:44px; --th-control-height-md:52px; --th-control-height-lg:56px; --th-input-height:52px; --th-input-height-lg:56px; --th-border-width:1px; --th-focus-width:3px; --th-font-size-desktop-display:70px; --th-font-size-tablet-display:56px; --th-font-size-mobile-display:42px; --th-font-size-desktop-h1:52px; --th-font-size-tablet-h1:44px; --th-font-size-mobile-h1:36px; --th-font-size-desktop-h2:38px; --th-font-size-tablet-h2:36px; --th-font-size-mobile-h2:31px; --th-font-size-desktop-h3:30px; --th-font-size-tablet-h3:28px; --th-font-size-mobile-h3:25px; --th-font-size-desktop-h4:20px; --th-font-size-tablet-h4:22px; --th-font-size-mobile-h4:20px; --th-font-size-desktop-body:17px; --th-font-size-tablet-body:16px; --th-font-size-mobile-body:16px; --th-font-size-desktop-body-small:15px; --th-font-size-tablet-body-small:15px; --th-font-size-mobile-body-small:15px; --th-font-size-desktop-lead:20px; --th-font-size-tablet-lead:18px; --th-font-size-mobile-lead:18px; --th-font-size-desktop-caption:12px; --th-font-size-tablet-caption:12px; --th-font-size-mobile-caption:12px; --th-font-size-desktop-label:14px; --th-font-size-tablet-label:14px; --th-font-size-mobile-label:14px; --th-font-size-desktop-eyebrow:14px; --th-font-size-tablet-eyebrow:14px; --th-font-size-mobile-eyebrow:14px; --th-section-sm-desktop:40px; --th-section-sm-tablet:32px; --th-section-sm-mobile:24px; --th-section-md-desktop:64px; --th-section-md-tablet:56px; --th-section-md-mobile:40px; --th-section-lg-desktop:96px; --th-section-lg-tablet:72px; --th-section-lg-mobile:56px; --th-stack-xs-desktop:8px; --th-stack-xs-tablet:8px; --th-stack-xs-mobile:8px; --th-stack-sm-desktop:12px; --th-stack-sm-tablet:12px; --th-stack-sm-mobile:8px; --th-stack-md-desktop:16px; --th-stack-md-tablet:16px; --th-stack-md-mobile:12px; --th-stack-lg-desktop:24px; --th-stack-lg-tablet:20px; --th-stack-lg-mobile:16px; --th-stack-xl-desktop:32px; --th-stack-xl-tablet:24px; --th-stack-xl-mobile:20px; --th-card-padding-desktop:24px; --th-card-padding-tablet:24px; --th-card-padding-mobile:20px; --th-copy-narrow:640px; --th-copy-medium:720px; --th-copy-wide:800px; --DUP_th-font-primary:Inter; --DUP_th-font-size-desktop-eyebrow:14px; --DUP_th-color-text:#1F2D27; --DUP_th-font-size-tablet-eyebrow:14px; --DUP_th-font-size-mobile-eyebrow:14px; --DUP_th-font-size-desktop-h1:56px; --DUP_th-font-size-tablet-h1:44px; --DUP_th-font-size-mobile-h1:36px; --DUP_th-copy-wide:800px; --DUP_th-font-size-desktop-lead:20px; --DUP_th-font-size-tablet-lead:18px; --DUP_th-font-size-mobile-lead:18px; --DUP_th-font-size-desktop-h4:20px; --DUP_th-font-size-tablet-h4:22px; --DUP_th-font-size-mobile-h4:20px; --DUP_th-font-size-desktop-body:17px; --DUP_th-font-size-tablet-body:16px; --DUP_th-font-size-mobile-body:16px; --DUP_th-color-surface-soft:#F3F7F4; --DUP_th-stack-sm-desktop:12px; --DUP_th-stack-sm-tablet:12px; --DUP_th-stack-sm-mobile:8px; --DUP_th-container-content:1180px; --DUP_th-gutter-desktop:28px; --DUP_th-gutter-tablet:28px; --DUP_th-gutter-mobile:20px; --DUP_th-stack-lg-desktop:24px; --DUP_th-stack-lg-tablet:20px; --DUP_th-stack-lg-mobile:16px; --DUP_th-section-lg-desktop:96px; --DUP_th-section-lg-tablet:72px; --DUP_th-section-lg-mobile:56px; --DUP_th-font-size-desktop-h2:38px; --DUP_th-font-size-tablet-h2:36px; --DUP_th-font-size-mobile-h2:31px; --DUP_th-font-size-desktop-h3:30px; --DUP_th-font-size-tablet-h3:28px; --DUP_th-font-size-mobile-h3:25px; --DUP_th-color-text-muted:#66756D; --DUP_th-card-padding-desktop:24px; --DUP_th-radius-md:16px; --DUP_th-border-width:1px; --DUP_th-color-border:#DCE5DF; --DUP_th-color-surface-raised:#FFFFFF; --DUP_th-card-padding-tablet:24px; --DUP_th-card-padding-mobile:20px; --DUP_th-space-6:24px; --DUP_th-space-5:20px; --DUP_th-space-4:16px; --DUP_th-section-md-desktop:64px; --DUP_th-section-md-tablet:56px; --DUP_th-section-md-mobile:40px; --DUP_th-color-warm:#F5E2D9; --DUP_th-space-3:12px; --DUP_th-color-primary-soft:#E9F2ED; --DUP_th-stack-md-desktop:16px; --DUP_th-stack-md-tablet:16px; --DUP_th-stack-md-mobile:12px; --DUP_th-color-primary:#2F6B4F; --DUP_th-section-sm-desktop:40px; --DUP_th-section-sm-tablet:32px; --DUP_th-section-sm-mobile:24px; --DUP_th-color-white:#FFFFFF; --DUP_th-color-primary-dark:#214C38; --th-color-primary-tint:#EDF5F0; --th-color-primary-border-soft:#C9DED2; --th-color-text-on-dark:#DCE9E2; --th-font-size-desktop-editorial-h2:34px; --th-font-size-tablet-editorial-h2:32px; --th-font-size-mobile-editorial-h2:28px; --th-content-sticky-offset:98px; --th-border-accent-width:5px; --th-border-card-with:2px; --th-color-footer-text:#19352A; --th-color-footer-link:#365247; --th-color-footer-surface:#F5F8F5; --th-color-footer-border:#D8E4DC; --th-color-footer-muted:#567066; --th-color-footer-prefooter-border:#CFE5D7; --th-color-footer-prefooter-surface:#F0F8F3; --th-color-warm-soft:#FBF4EE; --th-color-product-trust:#D8E7DF; } /* Start custom CSS *//* ========================================================= THUISERA — PRODUCT CARD STOCK — v1.0.0 Centrale styling voor: - Product Archive / Hulpmiddelen - Single Product / Alternatieven & Upsells - Carousels en productlijsten met class th-product-cards Vervangt het bestaande centrale voorraad-CSS-blok. Verwijder dubbele voorraad-CSS uit het stock-widget. ========================================================= */ /* STOCK WIDGET */ #product-default-results .elementor-widget-woocommerce-product-stock, #product-alternatives-block .elementor-widget-woocommerce-product-stock, .th-product-cards .elementor-widget-woocommerce-product-stock { margin-top: auto; margin-bottom: 0; width: auto; align-self: flex-end; text-align: right; } /* STOCK LABEL */ #product-default-results .elementor-widget-woocommerce-product-stock .stock, #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock, .th-product-cards .elementor-widget-woocommerce-product-stock .stock { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 7px !important; font-family: Inter, Arial, sans-serif !important; font-size: 12.5px !important; line-height: 1.15 !important; font-weight: 800 !important; white-space: nowrap !important; color: #66756D !important; } /* STATUS DOT */ #product-default-results .elementor-widget-woocommerce-product-stock .stock::before, #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock::before, .th-product-cards .elementor-widget-woocommerce-product-stock .stock::before { content: ""; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: currentColor; } /* IN STOCK */ #product-default-results .elementor-widget-woocommerce-product-stock .stock.th-stock--in, #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock.th-stock--in, .th-product-cards .elementor-widget-woocommerce-product-stock .stock.th-stock--in, #product-default-results .elementor-widget-woocommerce-product-stock .stock.in-stock:not(.th-stock--limited):not(.th-stock--out), #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock.in-stock:not(.th-stock--limited):not(.th-stock--out), .th-product-cards .elementor-widget-woocommerce-product-stock .stock.in-stock:not(.th-stock--limited):not(.th-stock--out) { color: #2F6B4F !important; } /* LIMITED STOCK */ #product-default-results .elementor-widget-woocommerce-product-stock .stock.th-stock--limited, #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock.th-stock--limited, .th-product-cards .elementor-widget-woocommerce-product-stock .stock.th-stock--limited { color: #B7791F !important; } /* OUT OF STOCK */ #product-default-results .elementor-widget-woocommerce-product-stock .stock.th-stock--out, #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock.th-stock--out, .th-product-cards .elementor-widget-woocommerce-product-stock .stock.th-stock--out, #product-default-results .elementor-widget-woocommerce-product-stock .stock.out-of-stock, #product-alternatives-block .elementor-widget-woocommerce-product-stock .stock.out-of-stock, .th-product-cards .elementor-widget-woocommerce-product-stock .stock.out-of-stock { color: #B5473C !important; } /* THUISERA — COUPON ROW / WINKELWAGEN */ body.woocommerce-cart .th-cart-totals-table tr.cart-discount th, body.woocommerce-cart .th-cart-totals-table tr.cart-discount td { background: #F1F8F3 !important; color: #2F6B4F !important; font-weight: 750 !important; } body.woocommerce-cart .th-cart-totals-table tr.cart-discount .amount { color: #2F6B4F !important; font-weight: 800 !important; } /** * THUISERA — Klaviyo / Elementor compatibility * Alleen conflicterende Elementor-buttonstyling resetten. * Originele Klaviyo-vormgeving behouden. */ body.elementor-kit-7 button.klaviyo-close-form, body.elementor-kit-7 button.klaviyo-close-form:hover, body.elementor-kit-7 button.klaviyo-close-form:focus, body.elementor-kit-7 button.klaviyo-close-form:focus-visible, body.elementor-kit-7 button.klaviyo-close-form:active { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-width: 0 !important; min-height: 0 !important; } /* Thuisera – Feedback v1.2 Centrale aanvulling op Elementor Atomic Form. Laad één keer. Alle .elementor-kit-7s zijn beperkt tot #thuisera-feedback. */ /* Progressieve verbetering: pas na succesvolle JS-initialisatie veranderen de radiovelden in éénklik-knoppen. Zonder JS blijven de originele radioknoppen en verzendknop bruikbaar. */ #thuisera-feedback.tf-ready .tf-choices { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 12px !important; width: 100%; } #thuisera-feedback.tf-ready .tf-option { position: relative !important; box-sizing: border-box; display: flex !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; min-height: 50px; align-items: center; justify-content: center; cursor: pointer; } #thuisera-feedback.tf-ready .tf-option label { position: absolute !important; inset: 0; z-index: 1; display: flex !important; width: 100%; height: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 9px; margin: 0; padding: 10px 14px; cursor: pointer; } #thuisera-feedback.tf-ready .tf-option input[type="radio"] { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; } #thuisera-feedback.tf-ready .tf-option:has(input:checked) { background: #EDF5F0 !important; border-color: #2F6B4F !important; } #thuisera-feedback.tf-ready .tf-option:has(input:focus-visible) { outline: 2px solid #214C38; outline-offset: 3px; } /* Iconen op de labels; er zijn geen extra Elementor-widgets nodig. */ #thuisera-feedback.tf-ready .tf-option label::before { content: ""; display: inline-block; width: 19px; height: 19px; flex: 0 0 19px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 3a3.13 3.13 0 0 1 3 2.88Z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 3a3.13 3.13 0 0 1 3 2.88Z'/%3E%3C/svg%3E") center/contain no-repeat; } #thuisera-feedback.tf-ready .tf-option[data-tf-vote="nee"] label::before { transform: rotate(180deg); } /* De verzendknop alleen verbergen wanneer JS het formulier begrijpt. Bij een fout of timeout keert de handmatige fallback terug. */ #thuisera-feedback.tf-ready:not(.tf-error) form button[type="submit"] { display: none !important; } #thuisera-feedback.tf-sending .tf-choices { opacity: .6; pointer-events: none; } #thuisera-feedback.tf-complete .tf-choices { display: none !important; } /* WebwinkelKeur: behoud de bestaande reviewknop. */ #thuisera-feedback a.thfb-wwk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; max-width: 100%; padding: 12px 18px; background: #C84E3B; color: #fff; border: 1px solid #C84E3B; border-radius: 10px; font: 600 14px/1.4 Inter,sans-serif; text-decoration: none; text-align: center; cursor: pointer; } #thuisera-feedback a.thfb-wwk-btn:hover { background: #AA3E30; border-color: #AA3E30; color: #fff; } #thuisera-feedback a.thfb-wwk-btn:focus-visible { outline: 2px solid #214C38; outline-offset: 3px; } #thuisera-feedback a.thfb-wwk-btn svg { flex-shrink: 0; } @media (max-width: 600px) { #thuisera-feedback.tf-ready .tf-choices { flex-direction: column !important; gap: 10px !important; } #thuisera-feedback.tf-ready .tf-option { flex: 0 0 50px !important; width: 100% !important; } #thuisera-feedback a.thfb-wwk-btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { #thuisera-feedback * { transition: none !important; } } /* Thuisera – WebwinkelKeur CTA breedte */ #thuisera-feedback .thfb-wwk-btn { min-width: 320px; max-width: 100%; box-sizing: border-box; justify-content: center; } /* Mobiel: volledige beschikbare breedte */ @media (max-width: 767px) { #thuisera-feedback .thfb-wwk-btn { width: 100%; min-width: 0; } } /* ========================================== Thuisera – Nuttig gevonden teller v1.3 Centrale styling voor alle contentpagina's ========================================== */ .th-nuttig-teller { display: inline-flex; align-items: center; gap: 6px; /* Thuisera caption typografie */ font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.4; /* Thuisera primaire kleur */ color: #2F6B4F; margin: 0; padding: 0; vertical-align: middle; } /* Originele SVG uit de PHP-shortcode verbergen */ .th-nuttig-teller svg { display: none; } /* Duimicoon identiek aan feedbackknop */ .th-nuttig-teller::before { content: ""; display: block; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; --th-thumb-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 3a3.13 3.13 0 0 1 3 2.88Z'/%3E%3C/svg%3E"); -webkit-mask: var(--th-thumb-icon) center / contain no-repeat; mask: var(--th-thumb-icon) center / contain no-repeat; } /* ========================================== Thuisera – Automatische leestijd v1.0 Generiek voor alle contentpagina's ========================================== */ [data-th-leestijd]:not([hidden]) { display: inline-flex; align-items: center; gap: 6px; font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.4; color: #1F2D27; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; } /* Klokicoon */ [data-th-leestijd]::before { content: ""; display: block; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; --th-clock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); -webkit-mask: var(--th-clock-icon) center / contain no-repeat; mask: var(--th-clock-icon) center / contain no-repeat; } /* Thuisera – Atomic WebwinkelKeur CTA iconen */ a.thfb-wwk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; } /* Ster links */ a.thfb-wwk-btn::before { content: ""; display: block; width: 18px; height: 18px; flex: 0 0 18px; background-color: currentColor; --th-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.9 5.88 6.5.95-4.7 4.58 1.11 6.47L12 17.82l-5.81 3.06 1.11-6.47-4.7-4.58 6.5-.95L12 3Z'/%3E%3C/svg%3E"); -webkit-mask: var(--th-star) center / contain no-repeat; mask: var(--th-star) center / contain no-repeat; }/* End custom CSS */