/* v18 mobile friendly menu + 50 mobile polish improvements. Desktop layout is preserved. */
:root{--xe-mobile-blue:#1550d4;--xe-mobile-dark:#0f172a;--xe-mobile-muted:#475569;--xe-mobile-border:#e2e8f0;--xe-mobile-soft:#f8fafc;--xe-mobile-card:#ffffff;--xe-mobile-shadow:0 24px 80px rgba(15,23,42,.18);--xe-mobile-radius:24px;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body.xe-imported-page{overflow-x:hidden;touch-action:manipulation;}
body.xe-imported-page img{height:auto;max-width:100%;}
body.xe-imported-page a,body.xe-imported-page button{-webkit-tap-highlight-color:transparent;}
body.xe-imported-page :focus-visible{outline:3px solid rgba(21,80,212,.35)!important;outline-offset:3px!important;border-radius:10px;}
.xe-mobile-menu-toggle{display:none!important;appearance:none;border:1px solid rgba(226,232,240,.95)!important;background:#fff!important;color:var(--xe-mobile-dark)!important;border-radius:999px!important;padding:10px 14px!important;min-height:44px!important;min-width:44px!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;}
.xe-mobile-menu-toggle span{display:block;width:17px;height:2px;background:currentColor;border-radius:999px;transition:transform .22s ease,opacity .18s ease;}
.xe-mobile-menu-toggle b{font-size:13px;margin-left:4px;}
html.xe-menu-open .xe-mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
html.xe-menu-open .xe-mobile-menu-toggle span:nth-child(2){opacity:0;}
html.xe-menu-open .xe-mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:1180px){
  .xe-global-header .container,.xe-global-header .topbar{padding-left:20px!important;padding-right:20px!important;}
  .xe-global-header nav a,.xe-global-header .nav a{padding:9px 12px!important;font-size:13px!important;}
}
@media (max-width:980px){
  body.xe-imported-page{font-size:16px!important;line-height:1.65!important;}
  body.xe-imported-page p{line-height:1.72!important;}
  body.xe-imported-page h1{font-size:clamp(34px,9vw,56px)!important;line-height:1.02!important;letter-spacing:-.045em!important;}
  body.xe-imported-page h2{font-size:clamp(28px,7vw,42px)!important;line-height:1.08!important;letter-spacing:-.035em!important;}
  body.xe-imported-page h3{font-size:clamp(21px,5.5vw,29px)!important;line-height:1.18!important;}
  .xe-global-header{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px) saturate(1.1)!important;-webkit-backdrop-filter:blur(18px) saturate(1.1)!important;}
  .xe-global-header .topbar{min-height:68px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important;}
  .xe-global-header .brand{min-width:0!important;flex:1 1 auto!important;}
  .xe-global-header .brand small{font-size:10px!important;letter-spacing:.18em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .xe-global-header .brand strong{font-size:18px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
  .xe-mobile-menu-toggle{display:inline-flex!important;flex:0 0 auto!important;order:2!important;}
  .xe-global-header .topbar>.elementor-widget-button:last-child{display:none!important;}
  .xe-global-header nav,.xe-global-header .xe-tag-nav{position:fixed!important;left:12px!important;right:12px!important;top:78px!important;width:auto!important;max-height:calc(100dvh - 96px)!important;overflow:auto!important;overscroll-behavior:contain!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:14px!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:28px!important;background:rgba(255,255,255,.98)!important;box-shadow:var(--xe-mobile-shadow)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px) scale(.98)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;z-index:10000!important;}
  html.xe-menu-open .xe-global-header nav,html.xe-menu-open .xe-global-header .xe-tag-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;}
  html.xe-menu-open:before{content:"";position:fixed;inset:0;background:rgba(15,23,42,.24);backdrop-filter:blur(2px);z-index:9998;}
  .xe-global-header nav:before{content:"Navigatie";display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:4px 8px 8px;}
  .xe-global-header nav .elementor-widget-button,.xe-global-header nav .elementor-button-wrapper,.xe-global-header nav a,.xe-global-header .nav a{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;min-height:48px!important;border-radius:16px!important;background:#f8fafc!important;color:#0f172a!important;font-size:15px!important;font-weight:650!important;padding:13px 15px!important;border:1px solid rgba(226,232,240,.9)!important;}
  .xe-global-header nav a:after,.xe-global-header .nav a:after{content:"›";font-size:22px;line-height:1;color:#94a3b8;}
  body.xe-page-home .xe-nav-home a,body.xe-page-oplossing .xe-nav-oplossing a,body.xe-page-implementatie .xe-nav-implementatie a,body.xe-page-cases .xe-nav-cases a,body.xe-page-kennissessies .xe-nav-events a,body.xe-page-licenties .xe-nav-prijzen a,body.xe-page-artikelen .xe-nav-resources a,body.xe-page-werken-bij .xe-nav-werken-bij a,body.xe-page-contact .xe-nav-contact a{background:#1550d4!important;color:#fff!important;border-color:#1550d4!important;box-shadow:0 12px 28px rgba(21,80,212,.22)!important;}
  body.xe-page-home .xe-nav-home a:after,body.xe-page-oplossing .xe-nav-oplossing a:after,body.xe-page-implementatie .xe-nav-implementatie a:after,body.xe-page-cases .xe-nav-cases a:after,body.xe-page-kennissessies .xe-nav-events a:after,body.xe-page-licenties .xe-nav-prijzen a:after,body.xe-page-artikelen .xe-nav-resources a:after,body.xe-page-werken-bij .xe-nav-werken-bij a:after,body.xe-page-contact .xe-nav-contact a:after{color:rgba(255,255,255,.75);}
  .xe-global-header nav:after{content:"Plan een demo";display:flex;align-items:center;justify-content:center;margin-top:4px;min-height:48px;border-radius:16px;background:#0f172a;color:#fff;font-weight:800;box-shadow:0 14px 32px rgba(15,23,42,.18);}
  body.xe-imported-page .elementor-section,body.xe-imported-page .e-con{scroll-margin-top:92px;}
  body.xe-imported-page .elementor-section,body.xe-imported-page .section{padding-top:56px!important;padding-bottom:56px!important;}
  body.xe-imported-page .container,body.xe-imported-page .elementor-container,body.xe-imported-page .e-con{max-width:100%!important;}
  body.xe-imported-page .grid-2,body.xe-imported-page .grid-3,body.xe-imported-page .grid-4,body.xe-imported-page .grid-5{grid-template-columns:1fr!important;gap:18px!important;}
  body.xe-imported-page .card,body.xe-imported-page .elementor-widget-container{border-radius:22px!important;}
  body.xe-imported-page .card{padding:22px!important;}
  body.xe-imported-page .elementor-button,body.xe-imported-page .btn a{min-height:48px!important;border-radius:16px!important;}
  body.xe-imported-page .hero .elementor-button,body.xe-imported-page .cta-band .elementor-button{width:100%!important;justify-content:center!important;}
  body.xe-imported-page input,body.xe-imported-page textarea,body.xe-imported-page select{font-size:16px!important;min-height:48px!important;border-radius:14px!important;}
  body.xe-imported-page .faq,body.xe-imported-page details{border-radius:18px!important;}
  body.xe-imported-page .chips,body.xe-imported-page .logos{gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;padding-bottom:2px!important;}
  body.xe-imported-page .chips::-webkit-scrollbar,body.xe-imported-page .logos::-webkit-scrollbar{display:none;}
  body.xe-imported-page .chip,body.xe-imported-page .case-tag{white-space:nowrap!important;}
  body.xe-imported-page img{border-radius:18px;}
  body.xe-imported-page .hero img{max-height:360px!important;object-fit:contain!important;margin-inline:auto!important;}
  body.xe-imported-page .cta-band{border-radius:24px!important;padding:28px!important;}
  body.xe-imported-page table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.xe-imported-page footer .grid-4,body.xe-imported-page .xe-global-footer .grid-4{grid-template-columns:1fr!important;gap:22px!important;}
}
@media (max-width:640px){
  .xe-global-header .topbar{min-height:64px!important;padding:10px 14px!important;}
  .xe-global-header nav,.xe-global-header .xe-tag-nav{left:10px!important;right:10px!important;top:72px!important;border-radius:24px!important;padding:12px!important;}
  .xe-mobile-menu-toggle{padding:10px 12px!important;}
  .xe-mobile-menu-toggle b{display:none;}
  body.xe-imported-page .elementor-section,body.xe-imported-page .section{padding-top:44px!important;padding-bottom:44px!important;}
  body.xe-imported-page .container,body.xe-imported-page .elementor-container,body.xe-imported-page .e-con{padding-left:16px!important;padding-right:16px!important;}
  body.xe-imported-page h1{font-size:clamp(32px,11vw,44px)!important;}
  body.xe-imported-page h2{font-size:clamp(26px,8.5vw,36px)!important;}
  body.xe-imported-page .card{padding:18px!important;border-radius:20px!important;}
  body.xe-imported-page .elementor-button,body.xe-imported-page .btn a{width:100%!important;}
  body.xe-imported-page .eyebrow{font-size:12px!important;letter-spacing:.08em!important;}
  body.xe-imported-page .small{font-size:13px!important;}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}
