/*
Theme Name: Deecoverbo Modulair
Author: OpenAI
Description: Interactief WordPress-thema voor Deecoverbo Modulair - één basiswoning, zes gevellooks en drie afwerkingsniveaus.
Version: 3.0.1
Text Domain: deecoverbo-modulair
*/
:root{--wine:#74151d;--wine2:#531016;--ink:#191919;--muted:#6d6764;--warm:#f5f1ed;--line:#e5ddd7;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}.wrap{width:min(1240px,92%);margin:auto}
.top{background:linear-gradient(90deg,var(--wine2),var(--wine));color:#fff;font-size:12px}.top .wrap{display:flex;justify-content:space-between;gap:20px;padding:10px 0;flex-wrap:wrap}
.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.header .wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:800;letter-spacing:.12em}.brandmark{width:42px;height:46px;border:2px solid #111;display:grid;place-items:center;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:.3em;font-weight:600}
nav{display:flex;align-items:center;gap:25px;font-size:12px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--wine);color:#fff;padding:14px 21px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}.btn.outline{background:#fff;color:var(--wine);border:1px solid var(--wine)}
.hero{display:grid;grid-template-columns:.88fr 1.12fr;min-height:570px}.hero-copy{padding:75px max(4vw,30px) 50px calc((100vw - min(1240px,92vw))/2)}.eyebrow{color:var(--wine);font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}
.hero h1{font-size:60px;line-height:1;letter-spacing:-.04em;text-transform:uppercase;margin:14px 0 24px}.hero h1 span{color:var(--wine)}.hero p{font-size:17px;max-width:520px;color:#444}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 36px}
.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hero-point{padding-top:11px;border-top:2px solid var(--wine);font-size:11px}.hero-point b{display:block;text-transform:uppercase;font-size:13px}
.hero-image{background:url('assets/images/landelijk-licht.png') center/cover;min-height:570px}
.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:22px;border-right:1px solid var(--line);font-size:12px}.benefit:last-child{border:0}.benefit b{display:block;color:var(--wine);text-transform:uppercase;margin-bottom:3px}
.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section h2{font-size:34px;line-height:1.1;margin:5px 0 0;text-transform:uppercase}.section-head p{max-width:480px;color:var(--muted);margin:0}
.wizard-nav{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.wizard-tab{border:0;border-right:1px solid var(--line);background:#fff;padding:15px;text-align:left;cursor:pointer}.wizard-tab:last-child{border:0}.wizard-tab span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.wizard-tab strong{font-size:13px}.wizard-tab.active{background:var(--wine);color:#fff}.wizard-tab.active span{color:#efd5d7}
.wizard{border:1px solid var(--line);background:#fff}.wizard-panel{display:none}.wizard-panel.active{display:block}.facade-layout{display:grid;grid-template-columns:230px 1fr 275px;min-height:640px}.facade-list{padding:16px;background:#fbfaf9}.facade-list h3,.summary h3{font-size:12px;text-transform:uppercase;margin:0 0 12px}
.facade-option{display:grid;grid-template-columns:82px 1fr;gap:9px;width:100%;padding:7px;background:#fff;border:1px solid var(--line);margin-bottom:8px;cursor:pointer;text-align:left;align-items:center}.facade-option img{width:82px;height:61px;object-fit:cover}.facade-option b{display:block;font-size:11px}.facade-option small{color:var(--muted)}.facade-option.active{border:2px solid var(--wine)}
.render-area{padding:16px}.render-area img{height:510px;width:100%;object-fit:cover}.render-meta{display:flex;justify-content:space-between;font-size:11px;padding:12px 2px 0}.render-meta b{color:var(--wine);text-transform:uppercase}
.summary{padding:20px;border-left:1px solid var(--line)}.summary dl{margin:0}.summary dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right;font-weight:700}.sum-price{margin-top:28px}.sum-price small{display:block;color:var(--muted)}.sum-price strong{font-size:31px;display:block;margin:3px 0 15px}
.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px}.finish-card{border:1px solid var(--line);background:#fff;overflow:hidden}.finish-card.selected{border:2px solid var(--wine)}.finish-head{padding:20px}.finish-card.selected .finish-head{background:var(--wine);color:#fff}.finish-head h3{margin:0;text-transform:uppercase}.finish-head small{color:var(--muted)}.finish-card.selected .finish-head small{color:#efd5d7}.finish-body{padding:20px}.finish-price{font-size:27px;font-weight:800}.finish-body ul{padding-left:18px;min-height:130px;font-size:12px}.finish-actions{display:grid;gap:8px}
.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:22px}.opt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);cursor:pointer}.opt input{width:19px;height:19px}.opt b{display:block;font-size:13px}.opt small{color:var(--muted)}.opt strong{color:var(--wine)}
.overview{padding:24px;display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.overview-card{border:1px solid var(--line);padding:20px}.overview-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.overview-row:last-child{border:0}.overview-total{background:var(--wine);color:#fff;padding:24px}.overview-total strong{font-size:34px;display:block;margin:6px 0 16px}.wizard-actions{display:flex;justify-content:space-between;padding:18px 22px;border-top:1px solid var(--line);background:#fbfaf9}
.finish-section{background:var(--warm)}.pdf-note{padding:17px 20px;background:#fff;border-left:4px solid var(--wine);font-size:12px;margin-top:18px}
.footer{background:linear-gradient(90deg,var(--wine2),var(--wine));color:#fff}.footer .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.foot{padding:25px;border-right:1px solid rgba(255,255,255,.25);font-size:12px}.foot:last-child{border:0}.foot b{display:block;text-transform:uppercase}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:120;padding:4vh 3vw;overflow:auto}.modal.open{display:grid;place-items:center}.modal-card{width:min(850px,96vw);background:#fff;max-height:91vh;overflow:auto}.modal-top{background:var(--wine);color:#fff;padding:17px 20px;display:flex;justify-content:space-between;align-items:center}.modal-top h3{margin:0;text-transform:uppercase}.modal-close{font-size:28px;border:0;background:none;color:#fff;cursor:pointer}.modal-body{padding:22px}.detailgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.detailbox{padding:15px;border:1px solid var(--line)}.detailbox h4{color:var(--wine);margin:0 0 7px;text-transform:uppercase}.detailbox ul{font-size:12px;padding-left:18px;margin:0}
@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 5%}.hero-image{min-height:430px}.facade-layout{grid-template-columns:1fr}.summary{border-left:0;border-top:1px solid var(--line)}.facade-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.facade-list h3{grid-column:1/-1}.facade-option{margin:0}.finish-grid{grid-template-columns:1fr}.benefits .wrap,.footer .wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero h1{font-size:42px}.hero-points{grid-template-columns:1fr}.wizard-nav{grid-template-columns:repeat(2,1fr)}.facade-list{grid-template-columns:1fr}.render-area img{height:310px}.options-grid,.overview{grid-template-columns:1fr}.benefits .wrap,.footer .wrap{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr}}