/* ============================================================
   basis.css — de vaste standaard-regels uit AUTONOOM-PLAYBOOK → VALKUILEN.
   Dit is PLUMBING, geen design: het codificeert lessen die anders elke
   nachtsessie opnieuw uit het playbook moeten komen (scaffold-fix 02-08).
   Laden VÓÓR de eigen stylesheet; regels overschrijven mag bewust.
   ============================================================ */

/* img-reset — Elite rose-les 16-07: width/height-attributen + max-width
   zonder height:auto = verticaal uitgerekte foto's */
img { max-width: 100%; height: auto; display: block; }

/* horizontale-scroll-vangnet — Elite-les 12-07: overflow-x:hidden op alleen
   body helpt NIET op iOS Safari */
html, body { overflow-x: hidden; overflow-x: clip; }

/* ankerlinks vs sticky header */
html { scroll-padding-top: 96px; }

/* merknaam nooit afbreken op mobiel */
.brand { white-space: nowrap; }

/* QA-contract met shot.ps1/leegte-check (Kramer-les 14-07): geforceerde
   reveals moeten zichtbaar worden, ook bij een eigen reveal-klasse */
.reveal.in { opacity: 1 !important; transform: none !important; }

@media (max-width: 720px) {
  /* zij-reveals verticaal — translateX geeft horizontale scroll op iOS */
  .reveal { transform: translateY(24px); }
  /* desktop-sticky die op 1 kolom over content plakt: geef zo'n element
     deze klasse in de mobiele situatie */
  .sticky-mobiel-uit { position: static !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}