/* Gedeelde basis voor alle nieuwe ZORYVANTIS-pagina’s */
:root{color-scheme:dark;--bg:#080407;--gold:#f1c57d;--cream:#f8ead5;--red:#b51c30;--muted:#c9a9a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}.eyebrow{letter-spacing:.32em;color:var(--gold);font-size:.73rem;font-weight:700;text-align:center}.site-nav{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px clamp(18px,4vw,65px);background:rgba(8,4,7,.95);border-bottom:1px solid rgba(241,197,125,.19)}.nav-brand{text-decoration:none;color:var(--gold);font-size:.9rem;font-weight:800;letter-spacing:.14em}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.15em;color:var(--cream);transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--gold)}.nav-toggle{display:none;background:transparent;color:var(--gold);border:1px solid #725234;padding:9px 12px;cursor:pointer}.site-footer{text-align:center;padding:22px;color:#ad9393;font-size:.7rem;letter-spacing:.12em;border-top:1px solid #493036}@media(max-width:700px){.nav-toggle{display:block}.site-nav{flex-wrap:wrap}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px 3px;border-top:1px solid #37232b}}

/* WIE IS… dropdown: desktop + touchscreen + toetsenbord */
.nav-dropdown{position:relative;display:flex;align-items:center}
.dropdown-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--cream);font-size:.76rem;font-weight:700;letter-spacing:.15em;padding:13px 3px;cursor:pointer}
.dropdown-toggle:hover,.dropdown-toggle:focus-visible,.nav-dropdown.is-open .dropdown-toggle{color:var(--gold)}
.dropdown-toggle span{font-size:.95rem;transition:transform .2s}.nav-dropdown.is-open .dropdown-toggle span{transform:rotate(180deg)}
.dropdown-menu{display:none;position:absolute;top:100%;left:-15px;min-width:225px;padding:8px;background:#180c12;border:1px solid rgba(241,197,125,.4);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:80}
.nav-dropdown.is-open .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:flex;flex-direction:column}
.dropdown-menu a{display:block;padding:13px 14px!important;border-radius:7px;white-space:nowrap;line-height:1.3}
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:rgba(181,28,48,.23)}
@media(min-width:701px){.nav-dropdown:hover .dropdown-menu{display:flex;flex-direction:column}}
@media(max-width:900px){.nav-links{gap:13px}.nav-brand{font-size:.75rem;letter-spacing:.07em}}
@media(max-width:700px){.nav-dropdown{display:block;width:100%}.dropdown-toggle{width:100%;justify-content:space-between;text-align:left;padding:14px 3px;border-top:1px solid #37232b}.dropdown-menu{position:static;min-width:0;width:100%;box-shadow:none;margin:0 0 10px 0;padding:4px 8px;background:#170c10;border-radius:10px}.nav-dropdown.is-open .dropdown-menu{display:flex}.nav-dropdown:not(.is-open) .dropdown-menu{display:none}.dropdown-menu a{padding:13px 12px!important;border-top:0!important}}

/* VAST TOPMENU — op alle pagina's zichtbaar tijdens scrollen */
:root { --topmenu-height: 76px; }
#topmenu { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; }
.site-nav { position: relative; width: 100%; min-height: var(--topmenu-height); background: rgba(8,4,7,.96); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 6px 25px rgba(0,0,0,.3); }
body { padding-top: var(--topmenu-height); }
html { scroll-padding-top: calc(var(--topmenu-height) + 16px); }
[id] { scroll-margin-top: calc(var(--topmenu-height) + 16px); }
@media (max-width:700px) { :root { --topmenu-height: 76px; } .nav-links.open { max-height: calc(100dvh - var(--topmenu-height)); overflow-y: auto; } }