/*
Theme Name: SVL Procurement Impact Warm
Author: SVL Procurement Impact
Description: Warme one-page website voor SVL Procurement Impact.
Version: 1.0
Text Domain: svl-warm
*/
:root{--navy:#17324D;--navy2:#0D2236;--warm:#B9793B;--warm2:#EAD8C2;--cream:#F7F2EA;--text:#243040;--muted:#6B7280;--green:#2E7D4F;--white:#ffffff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:0 auto}.site-header{background:rgba(247,242,234,.94);position:sticky;top:0;z-index:10;box-shadow:0 2px 18px rgba(23,50,77,.08);backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.logo img{width:420px;max-width:70vw;height:auto;display:block}.nav a{margin-left:26px;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--navy)}.nav a:hover{color:var(--warm)}
.hero{
  background:linear-gradient(135deg,#17324D,#0D2236);
  color:white;
  min-height:560px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.hero:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:44%;
  height:100%;
  background:
    linear-gradient(90deg,rgba(23,50,77,0) 0%,rgba(247,242,234,.10) 100%),
    url('assets/steef.jpg') center top/contain no-repeat;
  background-color:#d8c8b7;
  border-left:10px solid rgba(185,121,59,.55);
}
.hero-content{
  max-width:620px;
  padding:92px 0;
  position:relative;
  z-index:2;
  margin-right:48%;
}.label{color:#E2B782;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:14px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,62px);line-height:1.08;margin:18px 0 22px}.hero p{font-size:19px;max-width:610px;color:#F7F2EA}.buttons{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;background:var(--warm);color:white;padding:14px 22px;border-radius:10px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18)}.phone{font-size:20px;font-weight:700;color:#fff}
section{padding:78px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:clamp(30px,3.5vw,44px);line-height:1.16;margin:10px 0 20px}.lead{font-size:19px;color:#4B5563}.quote-card{background:var(--cream);border-left:6px solid var(--warm);border-radius:18px;padding:30px;box-shadow:0 12px 30px rgba(23,50,77,.08)}.quote-card strong{color:var(--navy)}
.services{background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}.card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 14px 34px rgba(23,50,77,.08);border:1px solid rgba(185,121,59,.14)}.icon{width:48px;height:48px;border-radius:14px;background:var(--warm2);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;margin-bottom:16px}.card h3{margin:0 0 10px;color:var(--navy);font-size:20px}
.approach{background:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}.step{text-align:center;padding:22px 14px}.num{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px}
.result{background:linear-gradient(135deg,var(--navy2),var(--navy));color:white}.result h2{color:white;text-align:center}.result .label{text-align:center;display:block}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:32px}.result-item{border-left:1px solid rgba(255,255,255,.25);padding-left:22px}.result-item strong{font-size:26px;color:#F4D2AA;display:block;margin-bottom:6px}
.about-contact{background:var(--cream)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:stretch}.portrait{background:#fff;border-radius:24px;padding:18px;box-shadow:0 14px 34px rgba(23,50,77,.08)}.portrait img{width:100%;border-radius:18px;display:block}.about-box,.contact-box{background:#fff;border-radius:24px;padding:34px;box-shadow:0 14px 34px rgba(23,50,77,.08)}.checks{list-style:none;padding:0;margin:22px 0 0}.checks li{margin:10px 0;padding-left:28px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.contact-box{margin-top:26px;border:1px solid rgba(185,121,59,.18)}.contact-lines p{margin:10px 0;font-weight:700}.footer{background:var(--navy2);color:#D7DEE7;padding:26px 0;text-align:center;font-size:14px}
@media(max-width:900px){.nav{display:none}.hero{
    background:linear-gradient(135deg,#17324D,#0D2236);
    min-height:auto;
    display:block;
  }
  .hero:after{
    position:relative;
    display:block;
    width:100%;
    height:360px;
    border-left:none;
    border-top:8px solid rgba(185,121,59,.55);
    background:url('assets/steef.jpg') center top/contain no-repeat;
    background-color:#d8c8b7;
  }
  .hero-content{
    margin-right:0;
    padding:58px 0 46px;
    max-width:100%;
  }.intro-grid,.about-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps,.result-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.steps,.result-grid{grid-template-columns:1fr}.logo img{width:320px}.hero-content{padding:46px 0 38px}}



#activiteiten,
#diensten,
#aanpak,
#over,
#contact{
  scroll-margin-top: 140px;
}



.lang-switch{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:20px;
}
.lang-switch button{
  padding:8px 12px;
  border:none;
  border-radius:6px;
  color:white;
  cursor:pointer;
  font-weight:700;
  line-height:1;
  min-width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lang-switch .nl-btn{background:#17324D;}
.lang-switch .en-btn{background:#B9793B;}
.lang-switch .fr-btn{background:#6B7280;}

@media(max-width:900px){
  .lang-switch{
    margin-left:0;
    margin-top:12px;
    justify-content:flex-start;
  }
}


/* Navigation + language buttons alignment */
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.nav{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:18px;
  margin-left:auto;
}

.nav a{
  margin-left:0 !important;
  white-space:nowrap;
}

.lang-switch{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-left:18px;
  flex-shrink:0;
}

.lang-switch button{
  height:36px;
  min-width:44px;
}

/* Mobile */
@media(max-width:900px){

  .header-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .nav{
    display:flex !important;
    flex-wrap:wrap;
    gap:12px;
    width:100%;
    justify-content:flex-start;
  }

  .lang-switch{
    display:flex !important;
    margin-left:0;
    margin-top:8px;
  }

}

.commercial{background:#fff}.commercial-cards{grid-template-columns:repeat(4,1fr)}.terms{background:var(--cream)}
.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}
.terms-box{background:#fff;border-radius:22px;padding:30px;box-shadow:0 14px 34px rgba(23,50,77,.08);border:1px solid rgba(185,121,59,.14)}
.terms-box h3{margin-top:0;color:var(--navy)}.terms-box li{margin:10px 0}
.lang-switch .flag-btn{width:40px!important;height:36px!important;min-width:40px!important;padding:0!important;border-radius:999px!important;background:#fff!important;box-shadow:0 2px 8px rgba(23,50,77,.16)!important;font-size:21px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#commercieel,#voorwaarden{scroll-margin-top:140px}
@media(max-width:900px){.commercial-cards,.terms-grid{grid-template-columns:1fr}}

/* Opportunity Scan */
.opportunity-scan{background:#f7f2ea}
.scan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.scan-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 14px 34px rgba(23,50,77,.08);border:1px solid rgba(185,121,59,.16)}
.scan-card .num{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#17324D;color:#fff;font-weight:700;margin-bottom:18px}
.scan-card h3{margin-top:0;color:#17324D}
.scan-cta{margin-top:34px;padding:30px;border-radius:22px;background:#17324D;color:#fff}
.scan-cta h3{color:#fff;margin-top:0}
.scan-cta .btn{display:inline-block;margin-top:10px}
@media(max-width:900px){.scan-steps{grid-template-columns:1fr}}



/* Definitieve desktop header fix */
@media (min-width: 901px) {
  header .container,
  .site-header .container,
  .header-inner {
    display:flex;
    align-items:center;
  }
  nav,
  .main-nav,
  .site-nav {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:14px;
    overflow:visible;
  }
  nav a,
  .main-nav a,
  .site-nav a {
    display:inline-block;
    line-height:1.25;
    white-space:nowrap;
    min-height:0;
    padding-top:8px;
    padding-bottom:8px;
    overflow:visible;
  }
}


/* FIX: sticky header mag de titel van Opportunity Scan niet bedekken */
#opportunity-scan {
  scroll-margin-top: 155px;
}

/* Extra veilige bovenruimte voor de sectie zelf */
#opportunity-scan.opportunity-scan {
  padding-top: 110px;
}

@media (max-width: 900px) {
  #opportunity-scan {
    scroll-margin-top: 120px;
  }
  #opportunity-scan.opportunity-scan {
    padding-top: 85px;
  }
}