/* v1.4.1 – single-image scale, absolute wrapper (no layout impact) */
:root{
  --sbm-big-w: 182px;
  --sbm-small-scale: 0.48;
  --sbm-big-offset-y: 10px;
}

/* Anti-clip op header wrappers */
.site-header, .header, .header-inner, .header__inner, .main-header,
.navbar, .navbar-inner, .navbar-header, .navbar-brand, .navbar-collapse,
.navbar > .container, .navbar > .container-fluid{
  overflow: visible !important;
}

/* .navbar-brand relatief voor onze absolute wrapper */
.navbar-brand{ position: relative; overflow: visible !important; }

/* Absolute wrapper: neemt geen ruimte in, dus navbarhoogte blijft same */
.sbm-logo-wrap{
  position: absolute; left: 0; top: 0;
  height: 100%;
  width: var(--sbm-big-w);
  display: flex; align-items: center;
  pointer-events: none; z-index: 5; overflow: visible;
}

/* Binnenlaag die we schalen */
.sbm-logo-inner{
  transform-origin: left center;
  transform: translateY(var(--sbm-big-offset-y)) scale(1);
  will-change: transform;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
  contain: paint;
}

/* IMG zelf: thema mag het niet downsizen */
.sbm-logo-inner > img{
  display: block;
  width: var(--sbm-big-w) !important;
  max-width: none !important;
  height: auto !important;
  line-height: 1; object-fit: contain;
  pointer-events: auto; overflow: visible;
}

/* Kleine stand: direct en zonder effect */
body.is-scrolled .sbm-logo-inner{
  transform: translateY(0) scale(var(--sbm-small-scale)) !important;
}

@media (prefers-reduced-motion: reduce){
  .sbm-logo-inner{ transition: none !important; }
}