/* Cyberperspectief — gegenereerd bij de statische export.
   Hover-regels komen uit de ontwerpbron; pas ze daar aan, niet hier. */
* { box-sizing: border-box; }
body { margin: 0; }
img, svg, iframe { max-width: 100%; }
a { color: var(--color-accent); text-decoration: none; }
a:hover { text-decoration: none; }
button { font-family: var(--font-body); }
::selection { background: rgba(255,74,54,0.3); }

/* Beeldplaatshouders — vervang door <img> zodra de foto's er zijn */
.img-ph {
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 12px; background: var(--color-bg-input, rgba(0,0,41,0.05));
  border: 1px dashed var(--color-border);
  font-family: var(--font-heading); font-size: 11px; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-text-muted);
}
.hv-cta:hover { background: var(--color-accent-hover) !important; color: #fff !important; }

.hv0:hover { color:#fff !important }
.hv1:hover { border-color:#ff4a36 !important; background:rgba(255,74,54,0.12) !important }
.hv2:hover { background:#e03a28 !important; color:#fff !important }
.hv3:hover { color:#ff4a36 !important }
.hv4:hover { background:var(--color-accent-soft) !important }
.hv5:hover { background:var(--color-bg-surface) !important }
.hv6:hover { color:var(--color-accent-hover) !important }
.hv7:hover { border-color:#000029 !important; background:rgba(0,0,41,0.08) !important }
.hv8:hover { border-color:var(--color-accent) !important }
.hv9:hover { color:var(--color-accent) !important }
.hv10:hover { background:var(--color-accent-hover) !important; color:#fff !important }
.hv11:hover { transform:translateY(-3px) !important; border-color:var(--color-accent) !important; color:var(--color-text-primary) !important }
.hv12:hover { transform:translateY(-3px) !important; color:#fff !important }
.hv13:hover { border-color:var(--color-accent) !important; color:var(--color-text-primary) !important }
.hv14:hover { color:var(--color-text-primary) !important }
.hv15:hover { background:var(--color-bg-surface) !important; padding-left:22px !important; color:var(--color-text-primary) !important }
.hv16:hover { transform:translateY(-3px) !important; color:var(--color-text-primary) !important }
.hv17:hover { border-color:var(--color-accent) !important; color:var(--color-accent) !important }
.hv18:hover { background:var(--color-accent-hover) !important }