/* Skip link (focus zichtbaar) */
.skip-link.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  padding: 0.75rem 1.25rem;
  background: var(--stb-orange, #e65100);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0 0 0.35rem 0;
}

.skip-link.screen-reader-text:focus {
  left: 0;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.wp-block-post-content img {
  height: auto;
}

.svc-prose p + p {
  margin-top: 1rem;
}

.svc-prose--invert p {
  color: rgba(255, 255, 255, 0.72);
}

/*
 * Voorkom dat de WP-admin-balk de fixed transparante header overlapt
 * (logo + nav verdwenen anders achter de zwarte balk bovenin).
 * De mobiele drawer offset wordt al apart geregeld in style.css.
 */
body.admin-bar #site-header {
  top: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar #site-header {
    top: 46px;
  }
}

/* Promotiebalk (#stb-topbar): onder admin-balk, boven site-header */
body.admin-bar #stb-topbar {
  top: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar #stb-topbar {
    top: 46px;
  }
}

body.stb-has-topbar:not(.admin-bar) #site-header {
  top: var(--stb-topbar-h, 0px);
}

body.admin-bar.stb-has-topbar #site-header {
  top: calc(var(--wp-admin--admin-bar--height, 32px) + var(--stb-topbar-h, 0px));
}

@media screen and (max-width: 782px) {
  body.admin-bar.stb-has-topbar #site-header {
    top: calc(46px + var(--stb-topbar-h, 0px));
  }
}