/* Eén gedeelde navigatiecomponent voor alle publieke StudieVonk-pagina's. */
.sv-public-header { position:relative; z-index:5; }

.sv-public-header .sv-public-nav {
  height:58px;
  padding:0 13px 0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  box-shadow:0 10px 30px #27346a10;
  backdrop-filter:blur(14px);
}

.sv-public-header .brand { display:flex; align-items:center; gap:10px; color:inherit; font-size:20px; font-weight:800; letter-spacing:-.8px; text-decoration:none; }
.sv-public-header .spark { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#e42c82,#5b21e8 50%,#2488f5); box-shadow:0 6px 14px #862ce544; }
.sv-public-header .sv-public-nav-links { display:flex; align-items:center; gap:25px; color:#535d78; font:500 13px/1.55 Manrope,Arial,sans-serif; }
.sv-public-header .sv-public-nav-links a { color:inherit; text-decoration:none; transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.sv-public-header .sv-public-nav-links a:hover { color:#5b21e8; }
.sv-public-header .sv-public-nav-links .active { color:#5b21e8; font-weight:800; }
.sv-public-header .sv-public-nav-links .login { min-height:42px; padding:11px 16px; border:1px solid #e4ddfb; border-radius:13px; background:#fff; color:#5b21e8; font:800 13px Manrope,Arial,sans-serif; }
.sv-public-header .sv-public-nav-links .login:hover { border-color:#cfc0f7; box-shadow:0 8px 20px rgba(85,55,155,.1); transform:translateY(-1px); }
.sv-public-header .sv-public-nav-links .login.sv-public-account { display:inline-flex; align-items:center; gap:9px; min-width:0; padding:5px 9px 5px 6px; color:#222b47; }
.sv-public-account-avatar { display:grid; flex:0 0 30px; width:30px; height:30px; place-items:center; border-radius:10px; background:linear-gradient(135deg,#df2e88,#6a2de9 56%,#258cf4); box-shadow:0 6px 13px rgba(96,45,220,.22); color:#fff; font-size:10px; font-weight:800; letter-spacing:.02em; }
.sv-public-account-copy { display:grid; min-width:0; line-height:1.1; }
.sv-public-account-name { max-width:112px; overflow:hidden; color:#222b47; font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.sv-public-account-role { margin-top:3px; color:#7c8299; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sv-public-account-arrow { color:#7132e8; font-size:13px; font-weight:800; }

@media (max-width:760px) {
  .sv-public-header .sv-public-nav-links { display:none; }
}

/* De universele footer heeft altijd gewone tekstlinks, nooit knopblokken. */
.sv-universal-footer nav.sv-footer-links {
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

.sv-universal-footer .sv-footer-links a {
  display:block;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}