/*
 * Anchor scrolling. The animation itself lives in assets/js/smooth-scroll.js;
 * this file holds the one number that file reads back: the clearance under the
 * sticky header.
 */

/* The script animates scrollTop frame by frame. If anything ever set
   scroll-behavior:smooth, every one of those frames would start its own smooth
   scroll and the page would crawl — so pin it. */
html { scroll-behavior: auto; }

[data-q_id],
#aanbod, #werkwijze, #tarief, #reviews, #overmij, #blog, #contact {
  scroll-margin-top: 62px;
}

/* On a phone the bar is now fixed too (see mobile-nav.css), so the clearance is
   its 56px plus a little breathing room. */
@media only screen and (max-width: 1000px) {
  [data-q_id],
  #aanbod, #werkwijze, #tarief, #reviews, #overmij, #blog, #contact {
    scroll-margin-top: 68px;
  }
}