/* Shared Web Freaks demo bar for /primeri/*.html. The pages are clearly labelled demos (noindex). */
.wf-demo{ position:relative; z-index:50; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 20px;
  background:#222; color:#fff; font:500 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif; }
.wf-demo b{ font-weight:700; color:#6CE9FF; }
.wf-demo a{ flex:none; color:#222; background:#6CE9FF; border-radius:999px; padding:6px 14px; text-decoration:none; font-weight:600; }
.wf-demo a:hover{ background:#9FF2FF; }
@media (max-width:640px){ .wf-demo{ font-size:12px; padding:8px 12px; } .wf-demo a{ padding:5px 10px; } }