/* Current Utomatic header and footer shared across legacy PHP templates. */
:root{--modern-green:#0B7A4E;--modern-dark:#0C1524;--modern-muted:#667085}

#mainNav{
  min-height:72px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid #ECEFF5;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:none;
}
#mainNav.scrolled{box-shadow:0 8px 28px rgba(12,21,36,.08)}
#mainNav .nav-content{max-width:1200px;height:72px;padding:0 32px;gap:28px}
#mainNav .logo{flex:0 0 auto;text-decoration:none}
#mainNav .logo-image{display:block;width:auto;height:27px;max-width:190px;filter:none;transform:none}
#mainNav .logo:hover .logo-image{filter:none;transform:none;opacity:.88}
#mainNav .nav-links{gap:27px;margin-left:auto}
#mainNav .nav-links>a,
#mainNav .nav-dropdown__trigger{color:#4A5468;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;font-weight:600;white-space:nowrap}
#mainNav .nav-links>a:hover,
#mainNav .nav-dropdown__trigger:hover{color:var(--modern-green)}

/* Match the current homepage order and remove retired desktop-only items. */
#mainNav .nav-links>a[href$="/"]{display:none}
#mainNav .nav-links>a[href$="/services"]{order:1}
#mainNav .nav-links>a[href$="/cases"]{order:2}
#mainNav .nav-links>.nav-dropdown:first-of-type{order:3}
#mainNav .nav-links>a[href$="/process"]{order:4}
#mainNav .nav-links>a[href$="/pricing"],
#mainNav .nav-links>a[href$="/prijzen"]{order:5}
#mainNav .nav-links>a[href$="/blog"]{order:6}
#mainNav .nav-links>.nav-dropdown:nth-of-type(2){display:none}
#mainNav .nav-links>.lang-switcher{order:7}
#mainNav .nav-links>.btn{order:8}

#mainNav .lang-switcher{gap:0;padding:3px;background:#EEF1F7;border:0;border-radius:9px}
#mainNav .lang-btn{min-width:36px;padding:6px 10px;border:0;border-radius:7px;color:#98A1B0;background:transparent;font-size:12px;font-weight:700;text-align:center;text-decoration:none}
#mainNav .lang-btn.active{background:#fff;color:#0C1524;box-shadow:0 1px 3px rgba(12,21,36,.12)}
#mainNav .btn-primary{padding:11px 18px;background:var(--modern-green);color:#fff;border-radius:11px;box-shadow:none;font-size:14px}
#mainNav .btn-primary:hover{background:#096640;color:#fff;transform:translateY(-1px)}
#mainNav .nav-dropdown__menu{background:#fff;border:1px solid #E2E7EF;box-shadow:0 18px 48px rgba(12,21,36,.16)}
#mainNav .nav-dropdown__item{color:#243047}
#mainNav .nav-dropdown__item:hover{background:#F1F8F4;color:var(--modern-green)}
#mainNav .nav-dropdown__icon{background:#EDF7F1;color:var(--modern-green)}
#mainNav .nav-dropdown__desc{color:#7C8799}
.site-main{padding-top:72px}

.site-footer{margin-top:0;padding:64px 0 0;background:#080E1A;color:#8B95A9}
.site-footer .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:42px;padding-bottom:48px;border-bottom:1px solid #1A2338}
.site-footer .footer-col:nth-child(2){display:none}
.site-footer .footer-col--brand{padding-right:34px}
.site-footer .footer-logo img{display:block;width:auto;height:30px;margin:0 0 20px;filter:none}
.site-footer .footer-tagline{margin:0;color:#AAB3C3;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.site-footer .footer-slogan{margin:4px 0 20px;color:#7C879B;font-size:14px}
.site-footer .footer-social{display:none}
.site-footer .footer-col h4{margin:0 0 17px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.07em}
.site-footer .footer-col li{margin-bottom:10px}
.site-footer .footer-col a{color:#8B95A9;font-size:14px;text-decoration:none}
.site-footer .footer-col a:hover{color:#D6F36A}
.site-footer .status-link{color:#8B95A9!important;text-shadow:none;animation:none}
.site-footer .footer-bottom{padding:22px 0;color:#5E6982;font-size:13px}
.site-footer .footer-bottom a{color:#68748A}

@media(max-width:1120px){
  #mainNav .nav-links{gap:18px}
  #mainNav .nav-links>a,#mainNav .nav-dropdown__trigger{font-size:13px}
}
@media(max-width:980px){
  #mainNav .nav-links{display:none}
  #mainNav .mobile-menu-btn{display:flex;color:#0C1524;background:#EEF1F7;border:0;border-radius:9px}
  .mobile-menu{top:72px;background:#fff;color:#0C1524;border-top:1px solid #E4E8EF}
  .mobile-menu a:not(.btn):not(.lang-btn){color:#344054}
  .mobile-menu .mobile-demo-label{color:var(--modern-green)}
  .mobile-menu .mobile-demo-item{color:#344054}
  .mobile-menu .mobile-demo-desc{color:#7C8799}
  .mobile-menu .mobile-demo-icon{background:#EDF7F1;color:var(--modern-green)}
  .mobile-menu .lang-switcher{background:#EEF1F7;border:0}
  .mobile-menu .lang-btn{color:#7C8799}
  .mobile-menu .lang-btn.active{background:#fff;color:#0C1524}
}
@media(max-width:760px){
  #mainNav .nav-content{padding:0 20px}
  #mainNav .logo-image{height:24px}
  .site-footer{padding-top:48px}
  .site-footer .footer-grid{grid-template-columns:repeat(3,1fr);gap:28px 18px}
  .site-footer .footer-col--brand{grid-column:1/-1;text-align:left;padding:0 0 28px;margin:0;border-bottom:1px solid #1A2338}
  .site-footer .footer-logo img{height:27px}
  .site-footer .footer-link-col{text-align:left}
  .site-footer .footer-col h4{font-size:11px}
  .site-footer .footer-col a{font-size:12px}
}
@media(max-width:520px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr}
  .site-footer .footer-link-col:last-child{grid-column:1/-1}
  .site-footer .footer-bottom{align-items:flex-start;text-align:left}
}