/*
Theme Name: Scanwerf
Theme URI: https://scanwerf.nl
Author: Independent Studio
Description: Self-contained bilingual NL/EN landing theme for 3D laser scanning and point cloud enquiries. Includes request form and privacy page.
Version: 1.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: scanwerf
License: GPL-2.0-or-later
*/
:root{--navy:#0d253a;--deep:#0b2134;--blue:#0565d8;--blue2:#037de8;--light:#f4f8fc;--ink:#0d2338;--muted:#5b7184;--line:#dfe8f0;--shadow:0 16px 44px rgba(12,42,69,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:1210px;padding:0 26px;margin:auto}.site-header{background:rgba(255,255,255,.97);position:sticky;z-index:100;top:0;border-bottom:1px solid #e8edf3;box-shadow:0 1px 12px rgba(0,0,0,.035)}.nav-inner{min-height:78px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{width:44px;height:44px;display:block;flex-shrink:0}.brand-main{font-size:22px;font-weight:850;letter-spacing:-.9px;line-height:1.1}.brand-sub{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.75px;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:670}.nav-links a:hover,.footer-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:14px}.lang-switch{display:flex;align-items:center;background:#f0f5f9;padding:3px;border-radius:7px;gap:2px}.lang-switch a{padding:5px 9px;font-size:12px;font-weight:800;border-radius:5px}.lang-switch a.active{background:var(--navy);color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 21px;border-radius:7px;border:1px solid transparent;background:var(--blue);color:#fff;font-weight:760;font-size:14px;transition:.2s}.btn:hover{background:#034ca9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.75)}.btn-outline:hover{background:rgba(255,255,255,.14)}.btn-light{background:#fff;color:var(--blue)}.mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#eef5fd;border:0;border-radius:7px;font-size:22px}.hero{position:relative;color:#fff;background:#132b40;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,26,44,.96) 0%,rgba(8,29,47,.82) 40%,rgba(7,27,45,.10) 81%),url('assets/img/hero-scanning.jpg');background-position:center,center 48%;background-size:cover}.hero-inner{position:relative;z-index:1;padding-top:84px;padding-bottom:42px;min-height:480px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:820;text-transform:uppercase;color:#bbdbff}.hero h1{max-width:720px;font-size:clamp(36px,4vw,58px);line-height:1.11;letter-spacing:-1.9px;margin:17px 0}.hero p{max-width:650px;font-size:18px;line-height:1.6;color:#e2edf7;margin:0}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 44px}.hero-features{display:flex;gap:30px;flex-wrap:wrap}.hero-feature{border-right:1px solid rgba(255,255,255,.35);padding-right:28px;display:flex;align-items:center;gap:11px;font-weight:700;font-size:13px}.hero-feature:last-child{border:0}.feature-icon{font-size:24px;font-weight:400}.hero-feature span span{display:block;font-weight:450;color:#c5d5e5;font-size:12px}.section{padding:77px 0}.section-alt{background:var(--light)}.section-label{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1.3px;color:var(--blue);margin:0 0 8px}.section-title{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-1.1px;margin:0 0 13px}.section-intro{max-width:680px;color:var(--muted);margin:0 0 30px}.title-line{height:4px;width:49px;border-radius:9px;background:var(--blue);margin:15px 0 26px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{border:1px solid #e3ebf3;border-radius:11px;background:#fff;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.service-card img{display:block;width:100%;aspect-ratio:2.1;object-fit:cover}.service-card-body{padding:21px 20px 25px;flex:1}.service-icon{color:var(--blue);font-size:24px;line-height:1;margin-bottom:9px}.service-card h3{font-size:17px;line-height:1.25;letter-spacing:-.3px;margin:0 0 9px}.service-card p{font-size:13.5px;color:var(--muted);margin:0}.audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.audience{padding:19px;border-radius:10px;border:1px solid var(--line);background:white}.audience .ico{font-size:28px;color:var(--blue);margin-bottom:10px}.audience h3{font-size:17px;margin:0 0 6px}.audience p{color:var(--muted);font-size:13.5px;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}.step{position:relative;padding:22px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}.step-num{display:inline-flex;background:#e0efff;width:35px;height:35px;border-radius:50%;align-items:center;justify-content:center;font-size:16px;font-weight:850;color:#0058bd;margin-bottom:15px}.step:after{content:'→';position:absolute;right:-17px;top:32px;color:#7095b5;font-size:23px;z-index:2}.step:last-child:after{display:none}.step h3{font-size:16px;margin:0 0 7px}.step p{font-size:13.5px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.benefit-box{background:linear-gradient(125deg,#eaf4ff,#f8fbff);padding:31px;border-radius:11px;min-height:100%;position:relative;overflow:hidden}.benefit-box:after{content:'◎';position:absolute;right:24px;bottom:-76px;font-size:220px;color:rgba(13,102,216,.06)}.checklist{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:15px;position:relative;z-index:1}.checklist li{padding-left:29px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.faq details{border:1px solid var(--line);background:#fff;margin-bottom:9px;border-radius:7px;overflow:hidden}.faq summary{padding:16px 19px;font-weight:710;cursor:pointer;list-style:none;position:relative;padding-right:42px}.faq summary:after{content:'+';position:absolute;right:19px;font-size:22px;top:8px;font-weight:400;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 19px 17px;margin:0;color:var(--muted);font-size:14px}.quote-section{background:linear-gradient(135deg,#0b2c46,#123e5e);color:white}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.quote-section .section-label{color:#79bdff}.quote-section .section-intro{color:#c6d7e7}.quote-points{padding-left:20px;color:#e2edf7}.quote-points li{padding-bottom:10px}.form-card{background:#fff;padding:30px;border-radius:12px;color:var(--ink);box-shadow:0 20px 55px rgba(0,0,0,.16)}.form-card h3{font-size:24px;margin:0 0 8px}.form-card>p{margin:0 0 22px;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.field label{font-size:12px;font-weight:750}.field input,.field textarea,.field select{border:1px solid #cedce8;background:#fff;border-radius:6px;padding:11px 12px;width:100%;font-size:14px;min-height:46px;outline:none;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(5,101,216,.1)}.field textarea{min-height:110px;resize:vertical}.form-note{color:#64798c;font-size:12px;line-height:1.5}.form-consent{display:flex;align-items:flex-start;gap:10px;margin:15px 0 19px;font-size:12px;color:#4f6577}.form-consent input{margin-top:4px;flex-shrink:0}.form-consent a{text-decoration:underline}.form-submit{width:100%}.form-error,.form-success{border-radius:7px;padding:15px;margin-bottom:20px;font-size:14px}.form-error{background:#fff0f0;color:#8c2525}.form-success{background:#e4f9e9;color:#1d6633}.honeypot{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;left:-10000px!important}.footer{background:#081e31;color:#fff;padding:38px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer .brand-main{font-size:20px}.footer .brand-sub{color:#a9c4dd}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.footer-contact{font-size:13px;color:#c0d5e7}.foot-bottom{border-top:1px solid #264053;margin-top:28px;padding-top:19px;color:#9bb6c9;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.foot-bottom a{text-decoration:underline}.page-content{max-width:850px;margin:65px auto;padding:0 26px;min-height:50vh}.page-content h1{font-size:39px}.page-content p{line-height:1.8}.empty-notice{border:1px solid #f3d2ac;padding:14px;background:#fff8ec;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.nav-links{gap:12px}.nav-links a{font-size:12px}.nav-actions .btn{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.audiences{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.step:after{display:none}}@media(max-width:760px){.container{padding:0 18px}.nav-inner{min-height:67px}.brand-main{font-size:20px}.brand-sub{font-size:9px}.mobile-toggle{display:flex}.nav-links{position:absolute;top:67px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:18px 24px 25px;box-shadow:0 18px 20px rgba(0,0,0,.1);gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.nav-actions{margin-left:auto}.hero:before{background-image:linear-gradient(90deg,rgba(5,26,44,.96),rgba(5,26,44,.78)),url('assets/img/hero-scanning.jpg');background-position:center,right center}.hero-inner{padding-top:66px;padding-bottom:34px;min-height:515px}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-features{gap:11px}.hero-feature{flex-basis:100%;border:0;padding:0}.hero-buttons{margin-bottom:26px}.section{padding:57px 0}.services-grid,.audiences,.steps,.split,.quote-layout,.form-grid{grid-template-columns:1fr}.steps{gap:12px}.split,.quote-layout{gap:27px}.quote-section{padding-bottom:48px}.form-card{padding:22px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-nav{gap:13px}.section-title{font-size:29px}}@media(min-width:761px) and (max-width:900px){.nav-links a:nth-last-child(-n+2){display:none}}

/* Scanwerf identity */
.brand-lockup{display:block;width:180px;height:auto;max-height:64px;object-fit:contain}
.footer-brand{background:#fff;padding:3px 12px;border-radius:7px}
.site-header .nav-inner{gap:20px}
.hero h1{max-width:770px}
@media(max-width:1080px){.brand-lockup{width:150px}}
@media(max-width:760px){.brand-lockup{width:139px}.footer-brand .brand-lockup{width:176px}}

/* Scanwerf 1.2: real-space to point-cloud hero; custom mobile composition. */
.hero:before{
  background-image:linear-gradient(90deg,rgba(5,24,42,.95) 0%,rgba(5,26,44,.84) 34%,rgba(5,26,44,.43) 59%,rgba(5,26,44,.05) 95%),url('assets/img/hero-scanning.webp');
  background-position:center,center center;
  background-size:cover;
}
@media(max-width:760px){
  .hero:before{
    background-image:linear-gradient(180deg,rgba(5,24,42,.97) 0%,rgba(5,24,42,.9) 37%,rgba(5,24,42,.66) 64%,rgba(5,24,42,.89) 100%),url('assets/img/hero-scanning-mobile.webp');
    background-size:cover;
    background-position:center,center 52%;
  }
  .hero-inner{min-height:665px}
}

/* Refined hero layout: scanner remains visible beside copy on desktop. */
@media(min-width:761px){
  .hero{background:#071e32}
  .hero:before{
    background-image:linear-gradient(90deg,rgba(5,24,42,.98) 0%,rgba(5,24,42,.95) 24%,rgba(5,24,42,.64) 44%,rgba(5,24,42,.15) 75%,rgba(5,24,42,.02) 100%),url('assets/img/hero-scanning.webp');
    background-repeat:no-repeat;
    background-size:cover,auto 100%;
    background-position:center,right center;
  }
  .hero h1{max-width:650px;font-size:clamp(35px,3.55vw,53px)}
  .hero p{max-width:590px;font-size:17px}
}
.hero-visual-mobile{display:none}
@media(max-width:760px){
  .hero{background:#09253d}
  .hero:before{background-image:linear-gradient(180deg,#081f34 0%,#102f47 100%)}
  .hero-inner{min-height:0;padding-top:46px;padding-bottom:32px}
  .hero h1{font-size:clamp(33px,9vw,39px);line-height:1.12}
  .hero p{font-size:15px;line-height:1.55}
  .hero-buttons{margin-bottom:22px}
  .hero-visual-mobile{
    display:block;
    height:225px;
    border-radius:11px;
    border:1px solid rgba(194,223,255,.23);
    box-shadow:0 14px 30px rgba(0,0,0,.17);
    background-image:url('assets/img/hero-scanning-mobile.webp');
    background-size:cover;
    background-position:center 46%;
    margin:0 0 26px;
  }
}