/*
Theme Name: VKBS Oomkens Theme
Theme URI: https://www.tifa-oomkens.nl/
Author: Timmerfabriek Oomkens B.V.
Description: Maatwerk WordPress thema voor het VKBS Klantportaal in Oomkens huisstijl.
Version: 1.5
Text Domain: vkbs-oomkens-theme
*/
:root{--vkbs-red:#b5121b;--vkbs-red-dark:#8f0f16;--vkbs-blue:#162b4d;--vkbs-light:#f5f5f5;--vkbs-text:#172033;--vkbs-muted:#6b7280;--vkbs-border:#e5e7eb;--vkbs-radius:16px;--vkbs-shadow:0 12px 30px rgba(8,20,42,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--vkbs-text);background:#fff;line-height:1.6}a{color:var(--vkbs-red)}.vkbs-site{min-height:100vh;display:flex;flex-direction:column}.vkbs-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.vkbs-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--vkbs-border);position:sticky;top:0;z-index:9999;backdrop-filter:blur(10px)}.vkbs-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:76px;gap:22px}.vkbs-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--vkbs-blue);flex:0 0 auto!important}.vkbs-logo-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--vkbs-red),var(--vkbs-blue));display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.5px}.vkbs-logo-image{max-height:52px;width:auto;display:block;object-fit:contain}.vkbs-brand.has-logo .vkbs-logo-mark{display:none}.vkbs-brand-text strong{display:block;font-size:18px;line-height:1.15}.vkbs-brand-text span{display:block;font-size:12px;color:var(--vkbs-muted);margin-top:2px}.vkbs-nav{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex:1 1 auto!important}.vkbs-menu{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}.vkbs-menu li{list-style:none!important;margin:0!important;padding:0!important}.vkbs-nav a{color:var(--vkbs-blue);text-decoration:none;font-weight:700;font-size:14px;padding:9px 12px;border-radius:999px}.vkbs-nav a:hover{background:var(--vkbs-light);color:var(--vkbs-red)}.vkbs-login-button{margin-left:auto!important;white-space:nowrap!important}.vkbs-login-button,.vkbs-button,button,input[type=submit]{background:var(--vkbs-red);color:#fff!important;border:0;border-radius:999px;padding:11px 18px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 20px rgba(181,18,27,.2)}.vkbs-login-button:hover,.vkbs-button:hover,button:hover,input[type=submit]:hover{background:var(--vkbs-red-dark);color:#fff!important}.vkbs-hero{background:linear-gradient(90deg,rgba(22,43,77,.94),rgba(22,43,77,.72),rgba(181,18,27,.55));color:#fff;padding:78px 0 68px;position:relative;overflow:hidden}.vkbs-hero-content{position:relative;z-index:1;max-width:830px}.vkbs-eyebrow{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 12px;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:18px}.vkbs-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:0 0 20px;letter-spacing:-1.3px}.vkbs-hero p{font-size:clamp(17px,2vw,21px);max-width:720px;margin:0 0 28px;color:rgba(255,255,255,.9)}.vkbs-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.vkbs-button.secondary{background:#fff;color:var(--vkbs-blue)!important;box-shadow:none}.vkbs-main{flex:1;padding:44px 0 72px;background:linear-gradient(180deg,#fff 0,#fff 72%,#f7f8fa 100%)}.vkbs-content-wrap{background:#fff;border:1px solid var(--vkbs-border);border-radius:var(--vkbs-radius);padding:clamp(20px,3vw,34px);box-shadow:var(--vkbs-shadow)}.vkbs-page-title{color:var(--vkbs-blue);font-size:clamp(30px,4vw,46px);margin:0 0 18px}.vkbs-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.vkbs-feature-card{background:#fff;border:1px solid var(--vkbs-border);border-radius:var(--vkbs-radius);padding:24px;box-shadow:0 8px 18px rgba(8,20,42,.08)}.vkbs-footer{background:var(--vkbs-blue);color:rgba(255,255,255,.82);padding:36px 0;margin-top:auto}.vkbs-footer a{color:#fff}.vkbs-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.vkbs-project-list{list-style:none;padding:0;display:grid;gap:12px}.vkbs-project-list li a{background:#fff;border:1px solid var(--vkbs-border);border-radius:14px;padding:16px 18px;display:block;color:var(--vkbs-blue);text-decoration:none;font-weight:800;box-shadow:0 6px 16px rgba(8,20,42,.07)}@media(max-width:800px){.vkbs-header-inner{align-items:stretch!important;flex-direction:column;padding:14px 0}.vkbs-nav{width:100%!important;justify-content:space-between!important;margin-left:0!important}.vkbs-login-button{margin-left:auto!important}.vkbs-grid-3{grid-template-columns:1fr}.vkbs-hero{padding:52px 0}.vkbs-logo-image{max-height:44px}}