/* Only PHP integration states. Visual design comes from the original app CSS. */
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body[data-page="den-haag"] .den-haag-gallery { padding-bottom: 96px; }
/* Content remains visible unless the scroll observer is actively managing it. */
body[data-page] :is(.reveal, .reveal-left, .reveal-scale):not(.reveal-pending) {
  opacity: 1;
  transform: none;
}
body[data-page="gate"] > [role="dialog"] { align-items: safe center; }
body[data-page="gate"] a.group img { filter: brightness(.72); }
body[data-page="gate"] a.group:hover img,
body[data-page="gate"] a.group:focus-visible img { filter: brightness(.84); }
nav[aria-label="Gekozen vestiging en snelle vestigingskeuze"] button[aria-current="false"] { color: color-mix(in srgb, var(--bone) 50%, transparent); text-decoration: none; }
nav[aria-label="Gekozen vestiging en snelle vestigingskeuze"] button[aria-current="true"] { color: var(--ember); text-decoration: underline; text-underline-offset: 4px; }
[data-menu-category][aria-selected="false"] { border-color: transparent; color: color-mix(in srgb, var(--bone) 75%, transparent); }
.orderdock-link { background: transparent !important; border: 1px solid color-mix(in srgb, var(--bone) 45%, transparent); color: var(--bone) !important; }
.orderdock-link:hover { border-color: var(--ember); color: var(--ember) !important; }
[data-menu-category][aria-selected="true"] { border-color: var(--ember); color: var(--bone); }
.reference-credit { display: block; text-align: right; font-size: 10px; letter-spacing: .12em; margin: 16px 24px 0; opacity: .65; }
.reference-mobile-nav { padding: 16px 24px; background: var(--charcoal-deep); border-top: 1px solid #ffffff20; }
.reference-mobile-nav a { display: block; padding: 12px 0; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
.invalid-feedback { color: #f5a59c; font-size: 12px; margin-top: 6px; }
.is-invalid { border-color: #f5a59c !important; }
.is-valid { border-color: #8ca782 !important; }
@media (min-width: 1024px) { .reference-mobile-nav { display:none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition-duration: 0ms !important; } }