/* Fix #1: float-collision tussen #formule-search-block en .inthespotlight */
#formule-search-block,
.formule-search-block,
.inthespotlight {
  float: none !important;
  clear: both !important;
  width: auto !important;
  max-width: 100%;
}

/* Fix #2: form had float:right + shrink-to-fit waardoor hij viewport overschreed op mobile */
form.formule-search {
  float: none !important;
  width: auto !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Fix #3: voorkom horizontale overflow in form-kinderen */
form.formule-search .description,
form.formule-search .form-elements,
form.formule-search .form-item,
form.formule-search .select-wrapper,
form.formule-search select {
  max-width: 100%;
  box-sizing: border-box;
}

/* Fix #4: mobile — stack form-velden verticaal full-width */
@media (max-width: 768px) {
  form.formule-search .form-elements {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  form.formule-search .form-item,
  form.formule-search select,
  form.formule-search .select-wrapper {
    width: 100% !important;
  }
  form.formule-search .button.white {
    width: 100%;
  }
}