/* ============================================================
   qrbarcodes.css — gedeelde stijlen voor qrbarcodes.nl
   Nav, footer, base reset — gedeeld door alle pagina's
   ============================================================ */

/* BASE RESET */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;color:#1a2340;background:#fff}
a{text-decoration:none}

/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;border-bottom:1px solid #e8eaf0;background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(26,35,64,.06)}
.logo{font-size:20px;font-weight:700;color:#1a6fdb}
.logo span{color:#1a2340}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14px;font-weight:500;color:#4a5578;transition:color .2s}
.nav-links a:hover{color:#1a6fdb}
.nav-cta{background:#1a6fdb;color:#fff;padding:9px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .2s;text-decoration:none;display:inline-block}
.nav-cta:hover{background:#1558b8}

/* FOOTER */
footer{background:#1a2340;color:#a0aac5;padding:48px 48px 28px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px}
.footer-brand .footer-logo{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}
.footer-brand p{font-size:13px;line-height:1.7;color:#7888a8;max-width:280px}
.footer-col h4{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
.footer-col a{display:block;color:#7888a8;font-size:13px;margin-bottom:8px;transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid #2a3560;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}

/* RESPONSIVE — NAV & FOOTER */
@media(max-width:600px){
  nav{padding:14px 20px}
  .nav-links{display:none}
  footer{padding:36px 20px 20px}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
}