/* =========================================================
   Header: logo wisselen bij sticky
   ========================================================= */
.header-logo {
  position: relative;
}

.header-logo .logo-groot,
.header-logo .logo-klein {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Klein logo: gecentreerd over het grote, standaard verborgen */
.header-logo .logo-klein {
  position: absolute;
  top: 6px;               /* afstemmen op de hoogte van de balk */
  left: 50%;
  transform: translate(-50%, -8px);
  opacity: 0;
  pointer-events: none;
}

/* Sticky actief: groot weg, klein zichtbaar */
.elementor-sticky--effects .header-logo .logo-groot {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}
.elementor-sticky--effects .header-logo .logo-klein {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}