/* Zuiniger Thuis Design 1.0.0 */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/manrope-latin-800-normal.woff2) format("woff2")}
:root{
 --zt-bos:#0B5D45;--zt-bos-donker:#08483A;--zt-groen:#1DB373;--zt-blauw:#1E6FD9;--zt-mint:#E6F6EE;--zt-ijs:#E7F1FC;--zt-geel:#F4B740;--zt-inkt:#10201B;--zt-lei:#5B6B66;
 --zt-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --zt-kop:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
 --global-body-font-family:var(--zt-sans);--global-heading-font-family:var(--zt-kop);
 --zt-radius:14px;
}
body,.editor-styles-wrapper{font-family:var(--zt-sans);color:var(--zt-inkt);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.entry-title,.wp-block-heading,.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3{font-family:var(--zt-kop);color:var(--zt-bos);letter-spacing:-.01em;line-height:1.2}
h1,.entry-hero h1,.entry-title{font-weight:800}
h2,h3,h4{font-weight:700}
.entry-content h2{margin-top:1.8em}
table,td,th{font-variant-numeric:tabular-nums}
.entry-content table{border-collapse:collapse;width:100%;font-size:.94em}
.entry-content th{background:var(--zt-ijs);color:var(--zt-inkt);text-align:left;font-weight:600}
.entry-content th,.entry-content td{padding:.55em .7em;border:1px solid #d5e3dc}
.entry-content .wp-block-table{overflow-x:auto}
a{text-underline-offset:.15em}
.entry-content a{color:var(--zt-blauw)}
.entry-content a:hover{color:var(--zt-bos)}
/* Knoppen */
.button,.wp-block-button__link,button[type=submit],input[type=submit],.wp-element-button{font-family:var(--zt-kop);font-weight:700;border-radius:999px}
.wp-block-button__link,.wp-element-button{background:var(--zt-bos);color:#fff}
.wp-block-button__link:hover,.wp-element-button:hover{background:var(--zt-bos-donker);color:#fff}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--zt-bos);border:2px solid var(--zt-bos)}
/* Header */
#masthead .site-header-row-container-inner{background:#fff}
#masthead .site-bottom-header-wrap .site-header-row-container-inner{border-top:1px solid #e3eee8;border-bottom:1px solid #e3eee8}
.custom-logo{max-height:44px;width:auto}
.main-navigation .primary-menu-container>ul>li.menu-item>a{font-family:var(--zt-kop);font-weight:700;font-size:15px;color:var(--zt-inkt);padding-left:.7em;padding-right:.7em}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover,.main-navigation .primary-menu-container>ul>li.current-menu-item>a,.main-navigation .primary-menu-container>ul>li.current-menu-ancestor>a{color:var(--zt-bos)}
.header-navigation .header-menu-container ul ul.sub-menu{background:#fff;border:1px solid #e3eee8;border-radius:10px;box-shadow:0 12px 30px rgba(16,32,27,.10)}
.header-navigation .header-menu-container ul ul li.menu-item>a{color:var(--zt-inkt);font-size:15px}
.header-navigation .header-menu-container ul ul li.menu-item>a:hover{background:var(--zt-mint);color:var(--zt-bos)}
.search-toggle-open{color:var(--zt-bos)}
.mobile-navigation ul li a{font-family:var(--zt-kop);font-weight:700}
/* Footer */
#colophon,.site-footer{background:var(--zt-bos);color:#fff}
#colophon .site-footer-row-container-inner{background:transparent;color:#e9f4ef}
#colophon a{color:#fff;text-decoration:none}
#colophon a:hover{color:var(--zt-mint);text-decoration:underline}
#colophon .widget-title,#colophon h2,#colophon h3{color:#fff;font-size:1rem;font-family:var(--zt-kop);text-transform:none;letter-spacing:0}
#colophon ul{list-style:none;margin:0;padding:0}
#colophon li{margin:.3em 0}
#colophon .site-bottom-footer-wrap{border-top:1px solid rgba(255,255,255,.18);font-size:.88em}
#colophon .footer-html{color:#cfe6dc}
.zt-footer-gegevens p{margin:0 0 .35em;color:#e9f4ef}
/* Home */
.zt-hero{background:var(--zt-mint);border-radius:var(--zt-radius);padding:clamp(28px,6vw,64px) clamp(18px,5vw,56px)}
.zt-hero h1{font-size:clamp(30px,5.2vw,52px);margin:0 0 .3em}
.zt-hero .zt-lead{font-size:clamp(17px,2vw,20px);color:var(--zt-inkt);max-width:40em}
.zt-hero .wp-block-search__inside-wrapper{max-width:640px;background:#fff;border:2px solid var(--zt-bos);border-radius:999px;padding:4px}
.zt-hero .wp-block-search__input{border:0;font-size:18px;padding:.6em 1em;border-radius:999px;min-height:48px}
.zt-hero .wp-block-search__button{border-radius:999px;margin-left:4px;padding:.6em 1.3em}
.zt-hero .wp-block-search{position:relative}
.zt-kicker{font-family:var(--zt-kop);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--zt-bos);margin-bottom:.4em}
.zt-badge{display:inline-block;background:var(--zt-geel);color:var(--zt-inkt);font-family:var(--zt-kop);font-weight:800;font-size:12px;border-radius:999px;padding:2px 10px;margin-bottom:.6em}
.zt-cards{gap:16px}
.zt-card{background:#fff;border:1px solid #dcebe3;border-radius:var(--zt-radius);padding:20px 22px;height:100%;transition:box-shadow .15s,border-color .15s}
.zt-card:hover{border-color:var(--zt-groen);box-shadow:0 10px 26px rgba(11,93,69,.10)}
.zt-card h3{font-size:1.1rem;margin:0 0 .35em}
.zt-card h3 a{color:var(--zt-bos);text-decoration:none}
.zt-card h3 a::after{content:" →";color:var(--zt-groen)}
.zt-card p{margin:0;color:var(--zt-lei);font-size:.95em;line-height:1.5}
.zt-card--nu{background:var(--zt-mint);border-color:var(--zt-mint)}
.zt-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.zt-tiles li{margin:0}
.zt-tiles a{display:block;height:100%;background:#fff;border:1px solid #dcebe3;border-radius:var(--zt-radius);padding:16px 18px;text-decoration:none;color:var(--zt-inkt)}
.zt-tiles a strong{display:block;font-family:var(--zt-kop);font-weight:800;color:var(--zt-bos);font-size:1.05rem;margin-bottom:.2em}
.zt-tiles a span{color:var(--zt-lei);font-size:.92em;line-height:1.45}
.zt-tiles a:hover{border-color:var(--zt-groen);box-shadow:0 10px 26px rgba(11,93,69,.10)}
.zt-uitgelicht{background:var(--zt-ijs);border-radius:var(--zt-radius);padding:clamp(22px,4vw,40px)}
.zt-over{border-left:4px solid var(--zt-groen);padding-left:18px}
/* Kaders in artikelen */
.zt-info{background:var(--zt-ijs);border-radius:10px;padding:14px 18px}
.zt-tip{background:var(--zt-mint);border-radius:10px;padding:14px 18px}
.zt-todo{background:#fff6e0;border:1px dashed var(--zt-geel);border-radius:8px;padding:6px 10px;font-size:.9em;color:#6b4c00}
/* Productkaart */
.zt-product{display:flex;gap:16px;border:1px solid #dcebe3;border-radius:var(--zt-radius);padding:16px;margin:1.2em 0;align-items:flex-start}
.zt-product img{width:120px;height:auto;border-radius:8px;flex:0 0 120px}
.zt-product__title{font-family:var(--zt-kop);font-weight:800;color:var(--zt-bos);margin:0 0 .2em}
.zt-product__price{font-weight:600;margin:0 0 .4em}
.zt-product__btn{display:inline-block;background:var(--zt-bos);color:#fff!important;border-radius:999px;padding:.5em 1.1em;text-decoration:none;font-family:var(--zt-kop);font-weight:700}
/* Juridisch / kleine schermen */
@media (max-width:767px){.entry-content table{font-size:.86em}.zt-product{flex-direction:column}.zt-product img{width:100%;flex-basis:auto}}
/* Geen reactieblokken, ook niet als een template ze toch opneemt */
.comments-area,#comments,.comment-respond,.wp-block-comments,.wp-block-post-comments-form{display:none!important}
/* 1.0.2 */
.entry-content ul.zt-tiles{padding-left:0;margin-left:0}
.entry-content a.wp-element-button,.entry-content a.wp-element-button:hover{color:#fff;text-decoration:none;display:inline-block;padding:.7em 1.4em}
.zt-hero .wp-block-search__button{background:var(--zt-bos);color:#fff;border:0;font-family:var(--zt-kop);font-weight:700}
.zt-hero .wp-block-search__button:hover{background:var(--zt-bos-donker)}
.ztls-list{padding-left:0!important;margin-left:0!important}
/* 1.0.3: contrast en aanraakdoelen */
.zt-card p.zt-badge,p.zt-badge{color:var(--zt-inkt)}
#colophon .footer-html a,#colophon .site-bottom-footer-wrap a{text-decoration:underline}
#colophon .widget_nav_menu li a,#colophon .menu li a{display:inline-block;padding:7px 0;min-height:24px}
#colophon .zt-footer-gegevens a{display:inline-block;padding:6px 0}
.archive .entry-hero .archive-description,.archive .page-header .archive-description{max-width:46em;font-size:1.05em}