/* site.css — Zahnarztpraxis Muster (v1).
   Loadt NA tokens.css + alle block.css. Site-level page-chrome + niche-font-register
   staan hier, nooit in de block.css-files geforkt (backport-regel msl-blocks/README.md).
   Kleuren + radius zijn niche-defaults in tokens.css; hier alleen het font-register
   (Poppins/DM Sans, care-register hergebruikt uit physio; Poppins meet-bevestigd bij
   een echte Zahnarzt, zahnaerzte-hammoniahaus.de) + de Rohentwurf-banner/navbar-stack. */

:root {
  --font-heading: "Poppins", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;

  /* Page-chrome sizing, specifiek voor deze template's Rohentwurf-banner,
     geen herbruikbaar block-token. */
  --rohentwurf-h: 2.5rem;
}

/* --- Baseline page reset (site-level, geen block-concern) --- */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--c-text);
  background: var(--c-bg);
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, figure {
  margin: 0;
}

img, video {
  max-width: 100%;
}

a {
  color: inherit;
}

/* Anchor-targets: elke in-page nav-link (#start, #leistungen, #ueber-uns, #team,
   #referenzen, #kosten, #kontakt) mag niet onder de sticky banner landen.
   nav is statisch (navbar/v1), alleen de sticky Rohentwurf-banner overlapt nog. */
[id] {
  scroll-margin-top: calc(var(--rohentwurf-h) + var(--space-2));
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* --- Rohentwurf-banner (legal-kadering) — sticky bovenaan, boven de navbar (z-index
   hoger dan navbar-v1's static positie), blijft de hele sessie zichtbaar. Zelfde recept
   als dachdecker/v1 (running-text + één inline <strong>, display:block/center — geen
   flex, want dat brak de zin in 3 kolommen op 390px). --- */
.rohentwurf-banner {
  position: sticky;
  top: 0;
  z-index: 1001;
  min-height: var(--rohentwurf-h);
  display: block;
  padding: 0.5rem var(--space-3);
  background: var(--c-text);
  color: var(--c-bg);
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}

.rohentwurf-banner strong {
  font-weight: 700;
}

/* --- Integratie: sectie-ritme. location-v2's bibliotheks-default is bg-alt (lichtgrijs),
   maar hij staat hier direct onder de faq (ook bg-alt) — twee grijze vlakken op elkaar.
   Wit, zoals dachdecker/v1 dezelfde compositie-keuze maakte; site-laag, geen block-fork. --- */
.loc2 {
  background: var(--c-bg);
}