/* Cura et Salus — definitieve header-opmaak voor de Breakdance-header.
   Corrigeert uitlijning, logohoogte en hoogte van de balk. */

/* Witte balk: laat het witte kader om het logobestand wegvallen */
.breakdance .bde-header-builder { background: #ffffff !important; }

/* De hele header-rij netjes op één lijn, verticaal gecentreerd */
.breakdance .bde-header-builder .bde-header-builder__container { padding: 12px 24px !important; }
.breakdance .bde-header-builder .bde-columns { align-items: center !important; }
.breakdance .bde-header-builder .bde-column { align-items: center !important; justify-content: center; }

/* Kolomverdeling: logo smal, menu breed, knop rechts */
.breakdance .bde-header-builder .bde-column:nth-child(1) { flex: 0 0 auto !important; width: auto !important; justify-content: flex-start !important; }
.breakdance .bde-header-builder .bde-column:nth-child(2) { flex: 1 1 auto !important; width: auto !important; }
.breakdance .bde-header-builder .bde-column:nth-child(3) { flex: 0 0 auto !important; width: auto !important; justify-content: flex-end !important; }

/* Logo compact en zonder wit kader */
.breakdance .bde-header-builder img.bde-image2 {
  height: 64px !important;
  width: auto !important;
  max-width: 240px;
  object-fit: contain;
  background: transparent !important;
  mix-blend-mode: multiply; /* verbergt de witte achtergrond van het logobestand */
}

/* Menu op één rij, geen overloop over het logo */
.breakdance .bde-header-builder .breakdance-menu-list { flex-wrap: nowrap !important; justify-content: center !important; }
.breakdance .bde-header-builder .breakdance-menu-link { white-space: nowrap; }

/* Knop */
.breakdance .bde-header-builder .bde-button .button-atom { white-space: nowrap; }

/* Mobiel: alles onder elkaar, logo iets kleiner */
@media (max-width: 1024px) {
  .breakdance .bde-header-builder img.bde-image2 { height: 52px !important; }
  .breakdance .bde-header-builder .bde-header-builder__container { padding: 10px 16px !important; }
}