/* Public WOEF site: small CSP-friendly tweaks (avoid inline styles). */

/* Anti-FOUC: totdat de pagina klaar is, geen animaties/transities die visuele sprongen geven. */
html.render-pending *, html.render-pending *::before, html.render-pending *::after{
  animation: none !important;
  transition: none !important;
}

.topbar__inner{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}

.public-site .nav__link.is-active{
  opacity:1;
  text-decoration:underline;
  text-underline-offset:6px;
}

.public-site .page{
  padding:48px 0;
}

.public-site .page h1{
  margin-top:0;
}

.public-site .euvd-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
}

.public-site .euvd-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:14px;
}

.public-site .euvd-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
  color:rgba(255,255,255,.74);
  font-weight:800;
  font-size:.9rem;
}

.public-site .euvd-title{
  margin:6px 0 0 0;
}

.public-site .euvd-snippet{
  margin-top:10px;
}

.public-site .euvd-actions{
  margin-top:14px;
}

.public-site .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
  letter-spacing:.02em;
}

/* Common helpers used by our public templates (keep minimal to stay CSP strict). */
.public-site .actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.public-site .callout{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}

/* Honeypot: keep out of sight for humans, visible for basic bots. */
.public-site .hp{
  position:absolute;
  left:-10000px;
  top:-10000px;
  height:1px;
  width:1px;
  overflow:hidden;
}

.public-site .mt-10{margin-top:10px}
.public-site .mt-14{margin-top:14px}
.public-site .mb-14{margin-bottom:14px}