/* Cura et Salus — v10 correcties bovenop de Breakdance-standaardstijl */

/* 1. Knoppen: de binnenste Breakdance-knop erft de originele opmaak van de
   wrapper (die de klasse .btn/.btn-primary CSS krijgt). Zonder dit blijft
   Breakdance's grijze preset zichtbaar als vlak achter de tekst. */
.breakdance .bde-button:not(.bde-header-builder .bde-button) > .bde-button__button,
.breakdance .bde-button > .button-atom {
  background: transparent !important;
  background-image: none !important;
  color: inherit !important;
  border: 0 !important;
  border-radius: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
.breakdance .bde-button > .button-atom:hover {
  background: transparent !important;
  color: inherit !important;
}

/* 2. Inline SVG's (iconen en de hero-animatie) tonen zich als blok en
   schalen mee met hun container. */
.breakdance .bde-text > svg { display: block; max-width: 100%; height: auto; }
.breakdance svg.ekg-strip { width: 100%; height: 120px; display: block; }

/* 3. "Skip to main content": onzichtbaar tot toetsenbordfocus (a11y-standaard) */
.bde-skip-link {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.bde-skip-link:focus {
  position: static !important;
  width: auto; height: auto; margin: 0; padding: 8px 16px;
  clip: auto; background: #ffffff; color: #bf1818; z-index: 10000;
}

/* ---------------------------------------------------------
   v11 — spacing en uitlijning
   --------------------------------------------------------- */

/* 4. Dubbele sectie-padding: Breakdance zet padding op de <section> én op de
   binnenste .section-container. Daardoor stond er ~240px witruimte onder elke
   hero. De container wordt geneutraliseerd; de sectie houdt één nette maat. */
.breakdance .bde-section > .section-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.breakdance .bde-section {
  padding-top: clamp(48px, 8vw, 96px) !important;
  padding-bottom: clamp(48px, 8vw, 96px) !important;
}
/* Hero's brengen hun eigen ritme mee via .hero-grid / .page-hero */
.breakdance .bde-section:first-of-type {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 5. Checklists en contactregels: icoon links, tekst links uitgelijnd en
   doorlopend op de volgende regel (was gecentreerd en versprongen). */
.breakdance .checklist li,
.breakdance .contact-list li {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap;
  text-align: left !important;
}
.breakdance .checklist li > .bde-text,
.breakdance .contact-list li > .bde-text {
  text-align: left !important;
}
.breakdance .checklist li > .bde-code-block,
.breakdance .checklist li > .bde-text > svg {
  flex: 0 0 auto;
  line-height: 0;
}

/* 6. Tekstblokken: adem tussen regels gelijk aan het origineel */
.breakdance .bde-text p,
.breakdance .lead { line-height: 1.65; }

/* ---------------------------------------------------------
   v12 — de selectors uit v11 werkten niet omdat de Breakdance-
   inhoud niet binnen <main> staat. Alles hangt nu aan .breakdance.
   --------------------------------------------------------- */

/* Hero's: geen extra Breakdance-padding, het originele ontwerp
   bepaalt zelf het ritme (donkere hero was ~240px te hoog). */
.breakdance .bde-section:first-of-type > .section-container,
.breakdance .bde-section:first-of-type {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.breakdance .hero,
.breakdance .page-hero { padding-block: 0 !important; }