/* Emschot Theme – styling voor frontend en editor */
:root{--em-primary:var(--wp--preset--color--primary,#18393e);--em-dark:var(--wp--preset--color--dark,#10282c);--em-accent:var(--wp--preset--color--accent,#a4cfcf);--em-light:var(--wp--preset--color--light,#ddebe9);--em-white:var(--wp--preset--color--white,#ffffff);--em-on-dark:var(--em-white);--em-text-soft:color-mix(in srgb,var(--em-dark) 72%,var(--em-white));--em-on-dark-soft:color-mix(in srgb,var(--em-white) 83%,var(--em-dark));--em-shadow:color-mix(in srgb,var(--em-dark) 7%,transparent)}
body{margin:0} .em-container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,38px)}
.em-topbar{background:var(--em-primary);color:var(--em-white);text-align:center;padding:8px 16px;font-size:13px}
.em-topbar p{margin:0}.em-topbar a{color:inherit}.em-header{background:var(--em-white);box-shadow:0 2px 12px var(--em-shadow);position:relative;z-index:20}.em-header>.wp-block-group{min-height:88px}.em-header .wp-block-site-title a{color:var(--em-primary);font-size:25px;font-weight:800;text-decoration:none}.em-header .wp-block-site-logo img{max-height:65px;width:auto}.em-footer{background:var(--em-dark);color:var(--em-white);padding:65px 0 25px}.em-footer a{color:var(--em-accent)}
.em-hero{background:var(--em-dark);color:var(--em-white);padding:clamp(75px,10vw,145px) 0}.em-hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.03em;line-height:1.1}.em-hero p{color:var(--em-on-dark-soft)}.em-hero .wp-block-button__link{background:var(--em-accent);color:var(--em-dark)}.em-hero .is-style-outline .wp-block-button__link{background:transparent;color:var(--em-white);border-color:color-mix(in srgb,var(--em-white) 50%,transparent)}
.em-section{padding:clamp(60px,8vw,105px) 0}.em-section h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-.025em}.em-section--light{background:var(--em-light)}.em-section--dark{background:var(--em-primary);color:var(--em-white)}.em-section--dark p{color:var(--em-on-dark-soft)}.em-card{background:var(--em-white);padding:32px;border-radius:22px;box-shadow:0 8px 30px var(--em-shadow);height:100%;box-sizing:border-box}.em-card h3{color:var(--em-primary)}.em-card p{color:var(--em-text-soft)}.em-tag{display:inline-block;border-radius:99px;background:var(--em-accent);color:var(--em-dark);padding:8px 16px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.em-image-placeholder{border-radius:20px;background:linear-gradient(135deg,var(--em-light),var(--em-accent));min-height:280px;display:flex;align-items:center;justify-content:center;color:var(--em-primary);font-weight:700}.em-cta{border-radius:24px;background:var(--em-primary);color:var(--em-white);padding:clamp(35px,6vw,65px)}.em-cta p{color:var(--em-on-dark-soft)}.em-cta .wp-block-button__link{background:var(--em-accent);color:var(--em-dark)}
.em-page-heading{padding:70px 0;background:var(--em-light)}.em-page-heading h1{font-size:clamp(36px,4vw,55px)}.em-prose{padding-block:65px}.em-prose>*{max-width:800px;margin-left:auto;margin-right:auto}.em-prose>.alignwide{max-width:1200px}.em-article-list{padding:60px 0}.em-article-list li{margin:15px 0}
.wp-site-blocks{overflow:hidden}.wp-block-post-content>.wp-block-group.alignfull{margin-block-start:0}.em-footer .wp-block-site-title a{color:var(--em-white)}.em-footer .wp-block-navigation a{color:var(--em-white)}
@media(max-width:781px){.em-hero{padding:65px 0}.em-section{padding:55px 0}.em-header>.wp-block-group{min-height:70px}.em-card{padding:24px}} 

/* V0.2 – dichter bij de originele Emschot-opbouw */
.em-header-inner{max-width:1240px;margin-inline:auto;padding-top:0;padding-bottom:0;gap:30px}
.em-header-inner .wp-block-navigation{margin-left:auto}
.em-header .wp-block-navigation__container{gap:clamp(12px,1.8vw,28px)}
.em-header .wp-block-site-title{margin:0;white-space:nowrap}
.em-header .wp-block-site-logo:has(img)+.wp-block-site-title{display:none}
.em-topbar{padding:5px 14px;background:var(--em-primary)}
.em-topbar p{font-size:12px;font-weight:600}
.em-hero{padding:clamp(70px,9vw,130px) 0}
.em-hero-columns{gap:clamp(35px,5vw,75px)}
.em-hero .em-tag{font-size:12px;margin-bottom:18px;color:var(--em-accent);background:color-mix(in srgb,var(--em-accent) 16%,transparent)}
.em-hero h1{margin-top:0;font-size:clamp(39px,4.8vw,64px);max-width:650px}
.em-hero h1 em{color:var(--em-accent);font-family:Georgia,serif;font-weight:500}
.em-hero .wp-block-buttons{margin-top:28px;gap:14px}
.em-hero .wp-block-button__link{font-weight:700}
.em-hero-media{border-radius:24px;background:var(--em-white);color:var(--em-dark);min-height:310px;padding:34px;box-shadow:0 24px 55px color-mix(in srgb,var(--em-dark) 13%,transparent)}
.em-hero-media h3{font-size:21px}
.em-hero-media p{color:var(--em-text-soft)}
.em-stats{background:var(--em-primary);color:var(--em-white)}
.em-stats .em-container{padding-block:20px}
.em-stat-columns{gap:0!important;margin-bottom:0!important;flex-wrap:wrap!important}
.em-stat-columns>.wp-block-column{padding:8px 20px;border-right:1px solid color-mix(in srgb,var(--em-white) 14%,transparent);min-width:140px}
.em-stat-columns>.wp-block-column:last-child{border-right:0}
.em-stats h3{color:var(--em-white);margin:0;font-size:23px}
.em-stats p{margin:2px 0 0;color:color-mix(in srgb,var(--em-white) 71%,transparent);font-size:13px}
.em-section{padding:clamp(56px,6vw,84px) 0}
.em-section>.em-container>.wp-block-heading:first-child{margin-top:0}
.em-section--light{background:var(--em-light)}
.em-card{border-radius:18px;box-shadow:0 7px 25px var(--em-shadow)}
.em-step{background:color-mix(in srgb,var(--em-white) 8%,transparent);border-radius:17px;padding:23px;height:100%;box-sizing:border-box}
.em-step h3{font-size:30px;color:var(--em-accent);margin:0}
.em-step p{margin-block:10px}
.em-footer{padding:48px 0 0}
.em-footer-grid{gap:clamp(24px,5vw,65px)}
.em-footer-grid h4{margin-top:0;color:var(--em-white)}
.em-footer-grid p{color:var(--em-on-dark-soft);font-size:14px}
.em-footer-bottom{border-top:1px solid color-mix(in srgb,var(--em-white) 15%,transparent);margin-top:35px;padding-top:15px;padding-bottom:18px}
.em-footer-bottom p{color:var(--em-on-dark-soft);font-size:12px}
.em-cta{padding:clamp(32px,5vw,55px)}
@media(max-width:781px){.em-hero-media{min-height:180px}.em-stat-columns>.wp-block-column{flex-basis:45%!important;border-right:0}.em-header-inner{gap:12px}.em-hero{padding:60px 0}.em-footer{padding-top:40px}}

/* 0.3 – alle thematische kleuren volgen het WordPress-palet.
   Ook reeds geïmporteerde blokpatronen gebruiken deze class-gebaseerde kleuren. */
.em-header,.em-card,.em-hero-media{background-color:var(--em-white)}
.em-header .wp-block-navigation-item__content{color:var(--em-dark)}
.em-header .wp-block-navigation__responsive-container.is-menu-open{background-color:var(--em-white);color:var(--em-dark)}
.em-header .wp-block-navigation__responsive-container-open,.em-header .wp-block-navigation__responsive-container-close{color:var(--em-dark)}
.em-card,.em-hero-media{color:var(--em-dark)}
.em-footer,.em-hero,.em-section--dark,.em-stats,.em-cta,.em-topbar{color:var(--em-on-dark)}
.em-footer a:not(.wp-element-button){color:var(--em-accent)}
.em-header a:hover,.em-header .wp-block-navigation-item__content:hover{color:var(--em-primary)}
.em-section--light,.em-page-heading{color:var(--em-dark)}

/* 0.3 – alle thematische kleuren volgen het WordPress-palet.
   Ook reeds geïmporteerde blokpatronen gebruiken deze class-gebaseerde kleuren. */
.em-header,.em-card,.em-hero-media{background-color:var(--em-white)}
.em-header .wp-block-navigation-item__content{color:var(--em-dark)}
.em-header .wp-block-navigation__responsive-container.is-menu-open{background-color:var(--em-white);color:var(--em-dark)}
.em-header .wp-block-navigation__responsive-container-open,.em-header .wp-block-navigation__responsive-container-close{color:var(--em-dark)}
.em-card,.em-hero-media{color:var(--em-dark)}
.em-footer,.em-hero,.em-section--dark,.em-stats,.em-cta,.em-topbar{color:var(--em-on-dark)}
.em-footer a:not(.wp-element-button){color:var(--em-accent)}
.em-header a:hover,.em-header .wp-block-navigation-item__content:hover{color:var(--em-primary)}
.em-section--light,.em-page-heading{color:var(--em-dark)}

/* Secties die uit de oorspronkelijke Emschot-website zijn overgezet */
.em-original-section {padding:clamp(2.5rem,5vw,5.5rem) max(1.25rem,calc((100% - 1120px)/2));}
.em-original-section-alt {background:var(--wp--preset--color--licht,#edf5f4);}
.em-original-section h1,.em-original-section h2,.em-original-section h3 {color:var(--wp--preset--color--primair,#18393e);}
.em-original-section p {max-width:75ch;line-height:1.75;}
.em-original-section .em-demo-image-note {border:2px dashed #aab8b8;border-radius:1rem;padding:2rem;color:#526b6d;background:#ffffffbb;font-size:.875rem;}