/*
Theme Name: Witgoed Afvoeren
Theme URI: https://witgoedafvoeren.nl
Author: Witgoed Afvoeren
Description: Frisse, responsive website voor het aanmelden van witgoedafvoer.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: witgoedafvoeren
*/
:root{--ink:#123445;--muted:#58717d;--green:#10a58d;--deep:#087c72;--pale:#e8f8f4;--line:#dbe8e9;--bg:#f7fbfb;--white:#fff;--orange:#f3b85b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-icon{width:40px;height:40px;background:var(--pale);border-radius:12px;display:grid;place-items:center;color:var(--deep)}.brand span span{color:var(--green)}.nav-links{display:flex;align-items:center;gap:30px;font-weight:650;font-size:14px}.btn{border:0;border-radius:12px;background:var(--green);color:white;font-weight:750;padding:14px 22px;display:inline-flex;justify-content:center;align-items:center;gap:9px;transition:.2s}.btn:hover{background:var(--deep);transform:translateY(-1px)}.btn-outline{background:white;color:var(--ink);border:1px solid var(--line)}.btn-outline:hover{background:var(--pale)}.hero{background:linear-gradient(115deg,#e9faf6 0%,#f6fcfa 62%,#e7f4f7 100%);overflow:hidden}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-top:55px;padding-bottom:65px}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:white;color:var(--deep);border:1px solid #caebe2;padding:7px 13px;border-radius:50px;font-size:13px;font-weight:750}.dot{height:8px;width:8px;background:var(--green);border-radius:50%}h1{font-size:clamp(40px,5vw,67px);line-height:1.07;letter-spacing:-2.8px;margin:24px 0}h1 em{color:var(--green);font-style:normal}.lead{font-size:18px;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:13px;font-weight:700}.trust span{display:flex;align-items:center;gap:7px}.check{color:var(--green);font-weight:900}.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.art-circle{width:min(100%,430px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#c9f2e7,#b4e3e8);display:grid;place-items:center;box-shadow:0 35px 80px #158c7d20}.fridge{position:relative;width:190px;height:325px;background:linear-gradient(115deg,#fff,#e5f0f1);border:6px solid #fff;border-radius:20px;box-shadow:22px 24px 40px #236d7950,inset -9px 0 18px #cbdfe2}.fridge:before{content:"";position:absolute;top:110px;left:0;right:0;border-top:5px solid #c9dbdf}.fridge:after{content:"";position:absolute;top:55px;left:18px;width:7px;height:36px;background:#9eb6bc;border-radius:9px;box-shadow:0 114px 0 #9eb6bc}.art-badge{position:absolute;background:white;box-shadow:0 15px 45px #135c6130;padding:13px 18px;border-radius:14px;font-weight:800}.art-badge.one{left:0;top:75px}.art-badge.two{right:0;bottom:65px}.section{padding:85px 0}.section-heading{text-align:center;max-width:670px;margin:0 auto 38px}.kicker{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-size:12px;font-weight:850}.section h2{font-size:clamp(30px,3.5vw,42px);line-height:1.15;letter-spacing:-1.4px;margin:12px 0}.sub{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:white;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 8px 28px #164c5a08;display:flex;flex-direction:column}.product-icon{height:125px;background:var(--pale);border-radius:15px;display:flex;justify-content:center;align-items:center;margin-bottom:22px}.mini-fridge{height:98px;width:57px;border:4px solid white;background:linear-gradient(100deg,#fff,#d6e9eb);border-radius:9px;box-shadow:9px 10px 16px #3c8e8a25;position:relative}.mini-fridge:after{content:"";position:absolute;top:35%;left:0;right:0;border-top:3px solid #bad4d8}.mini-fridge.small{height:70px;width:65px}.mini-fridge.wide{height:98px;width:92px}.product-card h3{margin:0;font-size:20px}.dimensions{color:var(--muted);font-size:14px;margin:7px 0 20px}.price{font-size:34px;font-weight:850;letter-spacing:-1px;margin-top:auto}.price small{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:0}.product-card .btn{margin-top:15px}.steps{background:#eaf8f5}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{background:white;border-radius:18px;padding:25px}.step-number{width:45px;height:45px;border-radius:12px;background:var(--pale);color:var(--deep);font-weight:850;display:grid;place-items:center}.step h3{margin-bottom:6px}.step p{color:var(--muted);margin:0}.form-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:start}.form-side{position:sticky;top:110px}.form-side h2{text-align:left}.benefits{padding:0;list-style:none}.benefits li{margin:15px 0;display:flex;gap:12px}.form-card{background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 15px 50px #153f5010}.form-card h3{font-size:22px;margin:0 0 20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #cedfe2;border-radius:10px;background:#fff;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #10a58d22}.quantity-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.quantity-row strong{display:block;font-size:14px}.quantity-row small{display:block;color:var(--muted)}.qty-control{display:flex;align-items:center;gap:8px}.qty-control button{border:1px solid var(--line);border-radius:8px;width:33px;height:33px;background:var(--bg);font-weight:900}.qty-control input{width:48px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:6px 2px}.total-box{display:flex;justify-content:space-between;align-items:center;background:var(--pale);border-radius:12px;padding:17px 20px;margin:20px 0}.total-box strong{font-size:27px;color:var(--deep)}.fineprint{font-size:12px;color:var(--muted)}.status{padding:14px;border-radius:10px;margin-bottom:18px}.status.success{background:#e3f8ed;color:#126742}.status.error{background:#fff0e8;color:#8b3a18}.faq{max-width:780px;margin:auto}.faq details{background:white;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:19px 22px}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted)}footer{background:#103744;color:#e9f4f5;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{color:#b4cbd1;font-size:13px}.footer-links{display:flex;gap:18px;font-size:13px;align-items:center}@media(max-width:850px){.hero-grid,.form-layout{grid-template-columns:1fr}.hero-grid{padding-top:45px}.hero-art{min-height:300px}.art-circle{width:290px}.fridge{transform:scale(.75)}.cards,.step-grid{grid-template-columns:1fr}.form-side{position:static}.nav-links a:not(.btn){display:none}}@media(max-width:540px){.wrap{padding:0 18px}.nav{height:70px}.brand{font-size:19px}.nav-links .btn{padding:11px 12px;font-size:12px}h1{letter-spacing:-1.5px}.hero-art{min-height:270px}.art-badge{font-size:12px}.field-grid{grid-template-columns:1fr;gap:0}.form-card{padding:22px}.section{padding:60px 0}}

/* Aanmeldpagina */
body.page .form-layout{padding-top:20px}

.field select{width:100%;border:1px solid #cedfe2;border-radius:10px;padding:12px 13px;background:white}#bedrijf-veld[hidden]{display:none}

.footer-contact{display:flex;flex-direction:column;gap:8px;font-size:14px}.footer-contact a:hover{text-decoration:underline}.whatsapp-link{display:inline-flex;align-items:center;gap:9px;color:#7ee6ae;font-weight:750}.footer-links{flex-wrap:wrap;align-content:start;max-width:280px}

.service-strip{background:#087c72;color:#fff;text-align:center;padding:8px 16px;font-size:13px;font-weight:700}.service-strip span{margin:0 12px;opacity:.65}@media(max-width:540px){.service-strip{font-size:11px;padding:7px 10px}.service-strip span{margin:0 5px}}