/*
Theme Name: Van der Huygen Premium
Theme URI: https://example.org/
Author: Van der Huygen
Description: Modern blauw-wit dakwerken en vastgoedonderhoud thema.
Version: 1.0.0
Requires at least: 6.0
Text Domain: van-der-huygen
*/

:root{--ink:#102b4d;--blue:#1687d6;--light:#eff6fb;--text:#33465c;--line:#e3eaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 25px}.top{background:#0d2947;color:#d8e8f4;font-size:12px;padding:10px 0}.top .wrap{display:flex;justify-content:space-between;gap:12px}.top b{color:#fff}.head{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 25px #0c2e4d14}.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:98px}.logo{width:255px;max-width:55vw;height:80px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff!important;border-radius:5px;padding:15px 23px;font-size:13px;font-weight:800;border:1px solid var(--blue);cursor:pointer}.button:hover{background:#086ab4}.button.outline{background:transparent;color:#fff!important;border-color:#a9c6dc}.menu{display:none;border:1px solid var(--line);background:#fff;padding:11px;border-radius:4px;font-weight:800}.hero{min-height:600px;background:linear-gradient(100deg,rgba(8,29,52,.95) 3%,rgba(8,29,52,.85) 42%,rgba(8,29,52,.26) 100%),url('https://vanderhuygen.nl/wp-content/uploads/2026/10/IMG_7623.jpeg') center/cover;display:flex;align-items:center;color:#fff}.hero .wrap{width:100%;padding-top:80px;padding-bottom:85px}.kicker{font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:#64c5ff}.hero h1{font-size:clamp(38px,5.4vw,70px);letter-spacing:-2px;line-height:1.08;max-width:730px;margin:20px 0}.hero p{font-size:18px;line-height:1.7;color:#dbe6ef;max-width:570px}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.proof{background:#f2f7fb;border-bottom:1px solid var(--line)}.proof .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:22px;padding-bottom:22px}.proof span{font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px}.check{display:grid;place-items:center;background:#dbeefc;color:#147fc6;width:29px;height:29px;border-radius:50%;font-size:17px}section{padding:95px 0}.label{color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:900;text-transform:uppercase}h2{font-size:clamp(29px,3.5vw,44px);letter-spacing:-1.2px;line-height:1.15;margin:13px 0 18px}p{line-height:1.75;color:var(--text)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.sectionhead p{max-width:480px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);box-shadow:0 12px 40px #0c2e4d0b;border-radius:7px;overflow:hidden}.card .pic{height:225px;background:linear-gradient(135deg,#cbdce8,#6389a5);background-size:cover;background-position:center}.card .body{padding:27px}.card h3{font-size:21px;margin:0 0 10px}.card p{font-size:14px;margin:0 0 20px}.more{font-size:13px;color:var(--blue);font-weight:800}.soft{background:#f2f7fb}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.visual{min-height:425px;border-radius:7px;background:linear-gradient(130deg,#102b4d22,#102b4d44),url('https://vanderhuygen.nl/wp-content/uploads/2026/10/IMG_7619.jpeg') center/cover;position:relative}.visual .tag{position:absolute;bottom:25px;left:25px;background:#fff;padding:20px 24px;border-left:4px solid var(--blue);font-weight:800;box-shadow:0 10px 30px #0002}.ticks{padding:0;list-style:none}.ticks li{padding:10px 0;font-size:15px;color:var(--text)}.ticks li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:12px}.dark{background:#102b4d;color:#fff}.dark p{color:#c9d8e7}.dark .label{color:#79cbff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.step{border-top:1px solid #4d6680;padding-top:25px}.step strong{font-size:28px;color:#71c7fa}.step h3{font-size:20px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.form{background:#f2f7fb;padding:35px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.form h3,.form p,.form textarea,.form button,.form .wide{grid-column:1/-1}.form h3{margin:0;font-size:23px}.form p{font-size:12px;margin:0 0 8px}input,select,textarea{border:1px solid #cfdae5;border-radius:4px;padding:14px;font:inherit;min-width:0;width:100%;background:#fff}textarea{min-height:110px;resize:vertical}.disclaimer{font-size:12px;color:#718297!important}footer{background:#0b223b;color:#d5e3ee;padding:35px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer b{color:#fff}.demo{font-size:11px;background:#e8f4ff;color:#174a72;text-align:center;padding:9px 16px}.mobilebar{display:none}@media(max-width:900px){.nav{gap:12px}.nav a:not(.button){display:none}.menu{display:block}.nav.open{display:flex;position:absolute;top:98px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #0002}.nav.open a:not(.button){display:block}.cards{grid-template-columns:repeat(2,1fr)}.split{gap:35px}}@media(max-width:650px){.top .wrap{justify-content:center}.top .wrap span:last-child{display:none}.head .wrap{min-height:78px}.logo{width:220px;height:65px}.nav.open{top:78px}.nav .button{display:none}.nav.open .button{display:flex}.hero{min-height:580px;background-position:center}.hero .wrap{padding-top:55px;padding-bottom:70px}.hero h1{letter-spacing:-1.5px}.hero p{font-size:16px}.proof .wrap{grid-template-columns:1fr;gap:12px}.proof span{font-size:12px}section{padding:65px 0}.sectionhead{display:block}.cards,.split,.steps,.contact{grid-template-columns:1fr}.card .pic{height:220px}.split{gap:25px}.visual{min-height:280px}.form{padding:23px;grid-template-columns:1fr}.form h3,.form p,.form textarea,.form button,.form .wide{grid-column:auto}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:white;box-shadow:0 -4px 20px #0002;padding:10px 15px;gap:10px}.mobilebar a{flex:1;text-align:center;background:#1687d6;color:white;padding:14px;border-radius:5px;font-weight:800;font-size:13px}.mobilebar a:first-child{background:#102b4d}footer{padding-bottom:90px}}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:30px}.gallery figure{margin:0;background:white;border-radius:7px;overflow:hidden;box-shadow:0 8px 25px #102b4d12}.gallery img{width:100%;height:225px;object-fit:cover;display:block}.gallery figcaption{font-size:13px;font-weight:700;padding:14px 15px}.hero{background-position:center 42%}@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery img{height:155px}.gallery figcaption{font-size:11px;padding:10px}} 
/* Desktop layout refinement */
@media (min-width: 1024px) {
 html {scroll-behavior:smooth}
 body {font-size:17px;line-height:1.65}
 .container,.wrap,.inner {max-width:1240px;margin-left:auto;margin-right:auto}
 header {position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
 section {scroll-margin-top:100px}
 h1 {font-size:clamp(44px,4.2vw,70px);line-height:1.1;letter-spacing:-.035em}
 h2 {font-size:clamp(30px,3vw,45px);letter-spacing:-.025em}
 img {max-width:100%}
 .grid,.cards,.services,.gallery {gap:24px}
 button,a {transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
 a:hover,button:hover {transform:translateY(-1px)}
}
@media (min-width: 1440px) {
 .container,.wrap,.inner {max-width:1320px}
}


/* Premium desktop and mobile refinement */
:root{--ink:#0b2441;--blue:#0879ca;--light:#f2f7fb;--text:#45576a;--line:#dce6ee}
body{font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing:-.012em}
.wrap{max-width:1370px;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}
.top{background:#071d34;padding:12px 0;letter-spacing:.045em}
.head{box-shadow:0 2px 18px rgba(10,34,58,.08);border-bottom:1px solid #edf1f5}
.head .wrap{min-height:105px}.logo{width:285px;height:87px}.nav{gap:27px;font-size:13px}
.button{border-radius:3px;padding:17px 27px;letter-spacing:.015em;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 25px rgba(8,121,202,.15)}
.button:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(8,121,202,.24)}
.hero{min-height:720px;display:flex;align-items:center;position:relative;background-position:center center;background-size:cover}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(90deg,#0d72b9 0 23%,#63c2ee 23% 32%,transparent 32%)}
.hero .wrap{width:100%;position:relative;z-index:1;padding-top:85px;padding-bottom:95px}
.hero .kicker{text-transform:uppercase;letter-spacing:.22em;font-weight:800;font-size:12px;color:#92d6ff;margin-bottom:28px}
.hero h1{font-size:clamp(48px,5.4vw,88px);line-height:1.075;letter-spacing:-.052em;max-width:850px;margin:0 0 28px;font-weight:850}
.hero p{font-size:clamp(17px,1.45vw,21px);line-height:1.75;max-width:630px;color:#e4edf5;margin-bottom:35px}
.hero .actions{gap:15px;display:flex;flex-wrap:wrap}
.premium-strip{background:#fff;border-bottom:1px solid #e5edf4}
.premium-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:23px;padding-bottom:23px}
.premium-strip span{font-size:13px;font-weight:800;color:#173c5d;display:flex;align-items:center;gap:12px}
.premium-strip span:before{content:'✓';width:26px;height:26px;display:inline-grid;place-items:center;border-radius:50%;background:#e7f5ff;color:#0879ca;font-size:14px}
section{scroll-margin-top:110px}section .wrap{padding-top:18px;padding-bottom:18px}
.cards{gap:25px}.cards>*{border-radius:7px!important;box-shadow:0 13px 35px rgba(18,49,80,.075)!important;transition:transform .25s,box-shadow .25s}
.cards>*:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(18,49,80,.13)!important}
.soft{background:#f2f7fb}.dark{background:#081f38}
footer{background:#071b30!important}
@media(max-width:850px){.head .wrap{min-height:80px}.logo{height:67px;width:215px}.hero{min-height:620px}.hero .wrap{padding-top:70px;padding-bottom:80px}.hero h1{font-size:clamp(42px,9vw,62px)}.premium-strip .wrap{grid-template-columns:1fr;gap:13px;padding-top:18px;padding-bottom:18px}.premium-strip span{font-size:12px}}
@media(max-width:480px){.hero{min-height:590px}.hero .actions{flex-direction:column;align-items:stretch}.hero .button{width:100%}.hero p{font-size:16px}.premium-strip .wrap{gap:10px}}