/*
Theme Name: NEXAL Koerier
Author: NEXAL BV
Description: Bewerkbare WordPress-site voor NEXAL Koerier.
Version: 1.0.0
Text Domain: nexal-Koerier
*/
:root{--night:#131719;--ink:#202629;--lime:#c9e800;--mist:#f4f6f3;--line:#dce2dc;--slate:#687276;--white:#fff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}a{color:inherit}.topline{background:var(--night);color:#dce4df;font-size:.82rem}.topline .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between}.topline a{color:var(--lime);font-weight:700;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--night)}.brand-icon{position:relative;width:36px;height:36px;background:linear-gradient(45deg,transparent 43%,var(--night) 44% 57%,transparent 58%)}.brand-icon:before{content:'';position:absolute;inset:0 17px 0 0;background:var(--night);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,53% 50%)}.brand-icon:after{content:'';position:absolute;right:0;top:0;width:13px;height:13px;background:var(--lime)}.brand-word{font-size:1.35rem;font-weight:800;letter-spacing:.22em}.brand-sub{display:block;margin-top:-2px;color:#89960b;font-size:.55rem;font-weight:800;letter-spacing:.52em;text-align:right}.menu{display:flex;gap:22px;margin:0 0 0 auto;padding:0;list-style:none}.menu a{text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.menu a:hover{color:#7a8b00}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 18px;border:1px solid var(--lime);background:var(--lime);color:var(--night);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer}.button:hover{background:#b4d000;border-color:#b4d000}.button.dark{border-color:var(--night);background:var(--night);color:#fff}.button.ghost{border-color:#839095;background:transparent;color:#fff}.page-content{background:#fff;padding:80px 0}.editor-content{max-width:880px}.editor-content h1,.editor-content h2,.editor-content h3{line-height:1.05}.editor-content h1{margin:0 0 24px;font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.06em}.editor-content h2{margin:52px 0 14px;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em}.editor-content h3{font-size:1.2rem}.editor-content p,.editor-content li{color:var(--slate);max-width:760px}.editor-content .lead{font-size:1.16rem;line-height:1.65;color:#3f494c}.front-content{padding:0}.front-content .editor-content{max-width:none}.home-hero{padding:114px max(20px,calc((100vw - 1160px)/2));background:radial-gradient(circle at 88% 18%,#283336 0,transparent 31%),var(--night);color:#fff}.home-hero h1{max-width:730px;color:#fff}.home-hero .lead{color:#e0e7e5}.home-hero .eyebrow{color:var(--lime)}.eyebrow{margin:0 0 14px;color:#83960b;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.content-section{padding:78px max(20px,calc((100vw - 1160px)/2));background:var(--mist)}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.three-columns>div{padding:28px;background:#fff;border-top:4px solid var(--lime)}.three-columns h3{margin-top:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}.feature-grid>div{padding:22px;background:var(--mist)}.feature-grid strong{display:block;margin-bottom:6px}.feature-grid p{margin:0;font-size:.9rem}.planner{margin-top:38px;padding:38px;background:var(--mist);border-left:5px solid var(--lime)}.planner h2{margin-top:0}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.booking-form label{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;font-weight:900}.booking-form input,.booking-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #cfd7d1;background:#fff;color:var(--ink);font:inherit}.booking-form .full{grid-column:1/-1}.form-note{font-size:.82rem;margin:10px 0 0}.notice{padding:14px 16px;font-weight:700}.success{background:#e7efd5;border-left:4px solid #88a000}.error{background:#f6e1df;border-left:4px solid #bc4336}.site-footer{background:var(--night);color:#c6d0cc;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:var(--lime);text-decoration:none}.copyright{margin-top:35px;padding-top:18px;border-top:1px solid #343d40;font-size:.8rem}.mobile-actions{display:none}@media(max-width:800px){.topline .wrap{justify-content:center}.topline span{display:none}.nav{height:68px}.menu{display:none}.nav>.button{margin-left:auto;padding:11px 12px;font-size:.65rem}.page-content{padding:50px 0}.home-hero,.content-section{padding:68px 20px}.three-columns,.feature-grid,.booking-form,.footer-grid{grid-template-columns:1fr}.mobile-actions{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;gap:8px;padding:9px;background:#fff;box-shadow:0 -2px 13px #0002}.mobile-actions .button{flex:1;padding:12px 7px;font-size:.65rem}.site-footer{padding-bottom:80px}}