/* Auto-extracted from public/index.html (inline styles, block 2) */

/* Optional polish: consistent stacking to avoid disappearing handles during tap animation */
#budgetSlider .noUi-connects,
#budgetSlider .noUi-connect {
  z-index: 1;
}

#budgetSlider .noUi-origin {
  z-index: 2;
}

#budgetSlider .noUi-origin + .noUi-origin {
  z-index: 3;
}

#budgetSlider .noUi-handle {
  position: absolute;
  z-index: 4;
  transform: translateZ(0);
  backface-visibility: hidden;
}

#budgetSlider.noUi-state-tap .noUi-origin {
  transition: none !important;
  -webkit-transition: none !important;
}

#radiusSlider .noUi-connects,
#radiusSlider .noUi-connect {
  z-index: 1;
}

#radiusSlider .noUi-origin {
  z-index: 2;
}

#radiusSlider .noUi-handle {
  position: absolute;
  z-index: 4;
  transform: translateZ(0);
  backface-visibility: hidden;
}

#radiusSlider .noUi-origin,
#radiusSlider .noUi-connect,
#radiusSlider .noUi-handle {
  transition: transform 0s !important;
}

#radiusSlider.noUi-state-tap .noUi-origin {
  transition: none !important;
  -webkit-transition: none !important;
}

.budget-block label {
  display: block;
  margin-bottom: 8px;
}

.budget-block .button-group.budget { margin-top: 8px; }
.budget-block #budgetSliderWrapper{
  margin-top: 1rem;     /* Presets → Slider */
  margin-bottom: 1rem;   /* Slider → Button-Zwischenpuffer */
}
/* Abstand zwischen der oberen Buttonreihe (Online/In Person/Hybrid)
   und dem Budget-Label */
.section .button-group + .budget-block {
  margin-top: 2rem;     /* ggf. 16px, wenn es bei Ihnen besser passt */
}

/* Sicherheit: eigener Top-Margin für den Budgetblock,
   falls er mal nicht direkt auf .button-group folgt */
.budget-block {
  margin-top: 2rem;
}