/* VAGAMS — Shared CSS voor sub-pagina's (privacy, voorwaarden, bedrijfsgegevens, 404) */
:root{--bg:#060608;--border:rgba(255,255,255,0.07);--accent:oklch(52% 0.19 291);--silver:#9999a8;--white:#f0f0f5;--white-dim:rgba(240,240,245,0.55);--font-display:'Bebas Neue',sans-serif;--font-body:'Space Grotesk',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--silver);font-family:var(--font-body);font-size:15px;line-height:1.75;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:0.35}

/* Accessibility */
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
:focus:not(:focus-visible){outline:none}
.skip-link{position:absolute;top:-40px;left:8px;background:var(--accent);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;z-index:9999;transition:top 0.2s}
.skip-link:focus{top:8px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
  .rw{opacity:1!important;transform:none!important}
}

/* Top nav (sub-pages) — same structure as homepage */
.pn{position:sticky;top:0;z-index:10;padding:0 5vw;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(6,6,8,0.92);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border)}
.pn-logo img{height:32px;filter:brightness(0) invert(1);display:block}
.pn-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}
.pn-links a{position:relative;color:var(--white-dim);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:0.04em;transition:color 0.2s;padding:6px 0}
.pn-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width 0.3s}
.pn-links a:hover{color:var(--white)}
.pn-links a:hover::after{width:100%}
.pn-right{display:flex;align-items:center;gap:1.25rem}
.pn-cta{background:var(--accent);color:#fff;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:0.04em;text-decoration:none;transition:transform 0.2s,opacity 0.2s}
.pn-cta:hover{transform:translateY(-1px);opacity:0.92}
.lang-link{background:none;border:none;cursor:pointer;color:var(--white-dim);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:0.1em;padding:6px;transition:color 0.2s}
.lang-link:hover{color:var(--white)}
.pn-burger{display:none;background:none;border:none;cursor:pointer;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px;padding:0}
.pn-burger span{display:block;width:22px;height:1.5px;background:var(--white);margin:0 auto;transition:transform 0.3s}

/* Mobile nav drawer */
.pn-mobile{position:fixed;inset:0;background:rgba(6,6,8,0.98);backdrop-filter:blur(20px);z-index:99;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}
.pn-mobile.open{display:flex}
.pn-mobile a{color:var(--white);text-decoration:none;font-size:24px;font-weight:600;letter-spacing:0.02em}
.pn-mobile a:hover{color:var(--accent)}
.pn-mobile-close{position:absolute;top:24px;right:5vw;background:none;border:none;color:var(--white);cursor:pointer}

@media(max-width:780px){
  .pn-links,.pn-cta{display:none}
  .pn-burger{display:flex}
}

/* Page header */
.ph{padding:100px 5vw 60px;position:relative}
.ph::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,oklch(52% 0.19 291 / 0.25) 30%,oklch(52% 0.19 291 / 0.25) 70%,transparent)}
.ph .lb{font-size:10px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:10px;animation:fi 0.6s ease both}
.ph .lb::before{content:'';width:24px;height:1px;background:var(--accent)}
.ph h1{font-family:var(--font-display);font-size:clamp(40px,6vw,64px);color:var(--white);line-height:1;letter-spacing:0.02em;animation:fi 0.6s ease both 0.1s}
.ph .mt{font-size:12px;color:var(--white-dim);margin-top:1rem;animation:fi 0.6s ease both 0.2s}
@keyframes fi{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Document body (legal pages) */
.doc{max-width:640px;margin:0 auto;padding:60px 5vw 100px}
.doc h2{font-size:15px;font-weight:600;color:var(--white);margin:2.5rem 0 0.75rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}
.doc h2::before{content:'';width:12px;height:1px;background:var(--accent)}
.doc h2:first-of-type{border-top:none;padding-top:0}
.doc h3{font-size:13px;font-weight:600;color:var(--white);margin:1.25rem 0 0.4rem}
.doc p{margin-bottom:0.75rem}
.doc ul{margin:0 0 0.75rem 1.25rem}
.doc li{margin-bottom:0.3rem}
.doc a{color:var(--accent);text-decoration:none;border-bottom:1px solid oklch(52% 0.19 291 / 0.3);transition:border-color 0.2s}
.doc a:hover{border-color:var(--accent)}
.doc strong{color:var(--white);font-weight:600}

/* Bedrijfsgegevens rows */
.ct{max-width:640px;margin:0 auto;padding:60px 5vw 100px}
.rw{display:grid;grid-template-columns:160px 1fr;gap:0;padding:24px 0;border-bottom:1px solid var(--border);animation:fi 0.5s ease both;opacity:0}
.rw:first-child{border-top:1px solid var(--border)}
.rw h3{font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);padding-top:3px}
.rw p{color:var(--white);font-size:15px;font-weight:500;line-height:1.65}
.rw a{color:var(--white);text-decoration:none;transition:color 0.2s}
.rw a:hover{color:var(--accent)}

/* Footer */
footer{border-top:1px solid var(--border);padding:32px 5vw;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;font-size:11px;color:var(--white-dim);flex-wrap:wrap}
.f-left{display:flex;align-items:center;gap:1rem}
.f-left img{height:20px;filter:brightness(0) invert(1);opacity:0.4}
.f-nav{display:flex;gap:1.5rem;flex-wrap:wrap}
.f-nav a{color:var(--white-dim);text-decoration:none;transition:color 0.2s}
.f-nav a:hover{color:var(--white)}

@media(max-width:640px){
  .ph{padding:80px 6vw 40px}
  .doc,.ct{padding:40px 6vw 80px}
  .rw{grid-template-columns:1fr;gap:4px}
  footer{flex-direction:column;gap:0.75rem;text-align:center}
}

/* Print: legible black-on-white, hide nav/footer/skip-link */
@media print {
  body { background: #fff !important; color: #000 !important; }
  body::before { display: none !important; }
  .pn, footer, .skip-link, .lang-link { display: none !important; }
  main, .doc, .ct { padding: 0 !important; max-width: 100% !important; }
  h1, h2, h3 { color: #000 !important; }
  p, .rw p, .doc p { color: #000 !important; }
  a { color: #000 !important; text-decoration: underline; }
  .doc a::after { content: " (" attr(href) ")"; font-size: 0.85em; color: #555; }
  .rw { break-inside: avoid; }
}