/*
Theme Name: Exclu Bouw Professional
Author: Exclu Bouw
Description: Professioneel WordPress-thema voor Exclu Bouw met dienstenpagina's, projectenbeheer, voor/na, reviews, animaties en mobiele optimalisatie.
Version: 3.3.0
*/
:root{--navy:#0b1a2a;--navy2:#18334d;--yellow:#f4c51b;--cream:#f6f6f2;--text:#18232e;--muted:#68737d;--white:#fff;--border:#e3e7ea;--shadow:0 20px 60px rgba(11,26,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff}h1,h2,h3{font-family:Montserrat,Arial,sans-serif;line-height:1.12;margin:0 0 18px}h1{font-size:clamp(46px,6vw,82px);color:#fff}h1 span{color:var(--yellow)}h2{font-size:clamp(32px,4vw,54px);color:var(--navy)}h3{font-size:21px;color:var(--navy)}p{margin:0 0 18px;color:var(--muted)}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.header{position:absolute;z-index:30;top:0;left:0;right:0;background:rgba(5,16,28,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.14)}.nav{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;height:100px;min-width:310px}.brand img{width:310px;height:96px;max-width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))}.brand-sun{background:transparent;border-radius:0;padding:0;height:100px;min-width:310px;box-shadow:none}.brand-sun img{width:310px;height:96px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42));object-fit:contain;object-position:left center}.menu{display:flex;align-items:center;gap:28px;color:#fff;font-size:14px;font-weight:700}.menu a{opacity:.9;transition:.2s}.menu a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:var(--navy)!important;padding:12px 19px;border-radius:5px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:780px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,#081726,#18334d 62%,#29445b)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 35%,rgba(244,197,27,.16),transparent 35%)}.hero-content{position:relative;z-index:2;padding-top:110px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:800;color:var(--yellow);margin-bottom:18px}.eyebrow.dark{color:#876900}.hero-text{max-width:680px;color:rgba(255,255,255,.84);font-size:19px}.hero-buttons{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 23px;border-radius:5px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--yellow);color:var(--navy)}.btn-light{border-color:rgba(255,255,255,.4);color:#fff}.btn-dark{background:var(--navy);color:#fff}.section{padding:105px 0}.intro,.feature,.process,.beforeafter{background:var(--cream)}.two-col,.feature-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro-copy{font-size:17px}.section-heading{max-width:780px;margin-bottom:45px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:32px 26px;border:1px solid var(--border);border-radius:8px;background:#fff;min-height:295px;box-shadow:0 8px 30px rgba(0,0,0,.035);transition:.25s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-icon{font-family:Montserrat;font-size:13px;font-weight:800;color:#876900;background:#fff7d2;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.service-card p{font-size:14px}.service-card a{font-size:13px;font-weight:800;color:var(--navy)}.feature-grid{align-items:center}.feature-image{min-height:500px}.feature-image img{width:100%;height:500px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{display:flex;gap:13px;margin:16px 0;font-weight:600}.check-list span{color:#9c7a00;font-weight:900}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{overflow:hidden;border-radius:8px;background:#fff;box-shadow:var(--shadow);transition:.25s}.project-card:hover{transform:translateY(-7px)}.project-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.project-placeholder{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#162b40,#42596d);color:#fff;font-family:Montserrat}.project-label{padding:17px;font-weight:800;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{padding:30px;border-top:2px solid var(--yellow)}.step>span{font-family:Montserrat;color:#876900;font-weight:800}.step h3{margin-top:15px}.step p{font-size:14px}.before-after{position:relative;overflow:hidden;border-radius:10px;box-shadow:var(--shadow);max-width:1000px;margin:auto;aspect-ratio:16/9;background:#ddd}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-before{z-index:1}.ba-after{position:absolute;inset:0;width:50%;overflow:hidden;z-index:2}.ba-after img{width:100vw;max-width:none;left:0}.ba-line{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:3px;background:var(--yellow);box-shadow:0 0 0 1px rgba(0,0,0,.15)}.before-after input{position:absolute;z-index:5;left:0;right:0;bottom:18px;width:92%;margin:auto;display:block;appearance:none;background:rgba(255,255,255,.7);height:5px;border-radius:5px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{padding:30px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.stars{color:#d8aa00;letter-spacing:2px;margin-bottom:12px}.cta{background:var(--navy);padding:60px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2,.cta p{color:#fff}.contact-details{margin-top:35px;border-top:1px solid var(--border)}.contact-details div{padding:17px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px}.contact-details strong{color:var(--navy)}.contact-details span{text-align:right;color:var(--muted)}.contact-form{padding:35px;background:var(--cream);border-radius:8px}.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:15px;color:var(--navy)}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #d7dce0;border-radius:5px;padding:13px 14px;font:inherit;background:#fff}.form-note{font-size:11px;margin-top:12px}.notice{padding:14px 18px;background:#eef6ee;border-left:4px solid #4f8a55;margin-bottom:20px}.notice.error{background:#fff0f0;border-color:#b34d4d}.page-hero{padding:180px 0 90px;background:linear-gradient(110deg,#081726,#19344e);color:#fff}.page-hero h1{font-size:clamp(42px,5vw,68px)}.page-content{padding:90px 0}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.service-visual img{width:100%;height:560px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0 45px}.project-gallery img{width:100%;height:320px;object-fit:cover;border-radius:7px}.gallery-title{margin-top:60px}.project-description{max-width:820px;margin:0 0 35px}.footer{background:#07121f;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:180px 1fr auto;gap:45px;align-items:center}.footer-logo{width:205px;height:82px;max-width:100%;object-fit:contain;object-position:left center}.footer p{font-size:13px;color:#aab5c0}.footer-links{display:flex;gap:20px;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;font-size:11px;color:#82909d}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.service-detail{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.nav{height:82px}.brand{height:74px;min-width:0}.brand img{width:245px;height:72px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:18px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:9px 4px}.nav-cta{text-align:center}.hero{min-height:700px}.hero-content{padding-top:90px}.hero-text{font-size:16px}.hero-buttons{flex-direction:column;max-width:280px}.section{padding:75px 0}.two-col,.feature-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.feature-image,.feature-image img{min-height:330px;height:330px}.service-grid,.project-grid,.steps{grid-template-columns:1fr}.service-card{min-height:0}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-links{flex-wrap:wrap}.contact-details div{flex-direction:column;gap:3px}.contact-details span{text-align:left}.project-gallery{grid-template-columns:1fr 1fr}.project-gallery img{height:220px}.before-after{aspect-ratio:4/3}.service-visual img{height:380px}}

/* Dienstpagina's */
.service-hero{padding-bottom:105px}
.service-page{padding-top:95px}
.service-richtext{font-size:17px;line-height:1.8;color:#4f5c67}
.service-richtext br+br{content:"";display:block;margin-top:8px}
.service-editor-content h2{margin-top:38px}.service-editor-content h2:first-child{margin-top:0}.service-editor-content ul{padding-left:22px;margin:22px 0}.service-editor-content li{margin:10px 0}.service-contact-link{text-align:center;margin:55px 0 0}
.service-benefit{margin-top:110px;padding:65px;border-radius:10px;background:var(--cream)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}
.benefit-grid>div{background:#fff;padding:28px;border:1px solid var(--border);border-radius:8px}
.benefit-grid strong{font-family:Montserrat;color:#a17f00;font-size:13px}
.benefit-grid h3{margin:12px 0 8px}
.benefit-grid p{font-size:14px;margin:0}
.service-closing{margin:90px auto 20px;max-width:900px;text-align:center}
.service-closing h2{font-size:clamp(28px,4vw,44px)}
.service-closing p{font-size:17px;max-width:720px;margin:0 auto 28px}
@media(max-width:1000px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.service-benefit{padding:32px 22px;margin-top:70px}.benefit-grid{grid-template-columns:1fr}.service-page{padding-top:65px}.service-richtext{font-size:16px}}

/* Dienstpagina: eigen fotogalerij */
.service-gallery{margin:70px 0 20px;}
.service-gallery h2{margin:0 0 26px;}
.service-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.service-gallery-item{display:block;overflow:hidden;border-radius:16px;background:#eef1f4;aspect-ratio:4/3;box-shadow:0 12px 35px rgba(10,25,40,.10);}
.service-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.service-gallery-item:hover img{transform:scale(1.04);}
@media (max-width:800px){.service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
@media (max-width:520px){.service-gallery-grid{grid-template-columns:1fr;}.service-gallery{margin-top:48px;}}

/* Dienstfoto's: klikbare fullscreen galerij */
.exclu-lightbox-overlay{position:fixed;inset:0;z-index:9999;background:rgba(4,12,20,.94);display:flex;align-items:center;justify-content:center;padding:30px;opacity:0;transition:opacity .22s ease;}
.exclu-lightbox-overlay.open{opacity:1;}
.exclu-lightbox-overlay img{max-width:min(1200px,94vw);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 25px 80px rgba(0,0,0,.45);transform:scale(.97);transition:transform .22s ease;}
.exclu-lightbox-overlay.open img{transform:scale(1);}
.exclu-lightbox-close{position:absolute;top:18px;right:22px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;cursor:pointer;}
.exclu-lightbox-close:hover{background:rgba(255,255,255,.2);}
.project-gallery a{display:block;overflow:hidden;border-radius:7px}.project-gallery a:hover img{transform:scale(1.04)}.project-gallery img{transition:transform .25s}.page-content .wp-block-gallery{margin:38px 0;gap:14px}.page-content .wp-block-gallery .wp-block-image{margin:0}.page-content .wp-block-gallery img{width:100%;height:190px;object-fit:cover;border-radius:7px}.page-content .wp-block-gallery a{display:block;overflow:hidden;border-radius:7px}.review-submit{max-width:720px;margin:45px auto 0;padding:32px;background:var(--cream);border-radius:8px}.review-submit label{display:block;font-size:13px;font-weight:700;margin:15px 0;color:var(--navy)}.review-submit input,.review-submit textarea{width:100%;display:block;margin-top:7px;border:1px solid #d7dce0;border-radius:5px;padding:13px 14px;font:inherit;background:#fff}
.projects-section .project-grid{align-items:start}.projects-section .project-card{height:340px;display:flex;flex-direction:column}.projects-section .project-card>img,.projects-section .project-card .wp-post-image{width:100%!important;height:270px!important;min-height:270px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center;flex:0 0 270px}.projects-section .project-label{min-height:70px;display:flex;align-items:center}.projects-section .project-placeholder{height:270px;min-height:270px;aspect-ratio:auto;flex:0 0 270px}@media(max-width:760px){.projects-section .project-card{height:330px}.projects-section .project-card>img,.projects-section .project-card .wp-post-image,.projects-section .project-placeholder{height:260px!important;min-height:260px!important;flex-basis:260px}}
@media(max-width:760px){.brand-sun{height:74px;min-width:0;padding:0;background:transparent;border-radius:0;box-shadow:none}.brand-sun img{width:245px;height:72px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))}}