.elementor-15596 .elementor-element.elementor-element-42c3e20:not(.elementor-motion-effects-element-type-background), .elementor-15596 .elementor-element.elementor-element-42c3e20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top left, #FFFFFF 44%, #88A7C98C 90%);}.elementor-15596 .elementor-element.elementor-element-42c3e20{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15596 .elementor-element.elementor-element-42c3e20 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15596 .elementor-element.elementor-element-28796f3{width:var( --container-widget-width, 105.593% );max-width:105.593%;--container-widget-width:105.593%;--container-widget-flex-grow:0;}/* Start custom CSS for shortcode, class: .elementor-element-28796f3 *//* Agenda dagen rustiger en beter gecentreerd */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 !important;
  color: #192964 !important;
}

/* Beschikbare dagen subtieler maken */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day--available {
  background: rgba(136, 167, 201, 0.16) !important;
  border-color: rgba(136, 167, 201, 0.55) !important;
  color: #192964 !important;
}

/* Alleen geselecteerde dag volledig oranje maken */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day.is-selected {
  background: #d55634 !important;
  border-color: #d55634 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(213, 86, 52, 0.18) !important;
}

/* Tekst/cijfer in geselecteerde dag wit houden */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day.is-selected,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day.is-selected span,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day.is-selected em {
  color: #ffffff !important;
}

/* Hover iets duidelijker, maar niet te zwaar */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day--available:not(.is-selected):hover {
  background: rgba(213, 86, 52, 0.10) !important;
  border-color: #d55634 !important;
  color: #192964 !important;
}

/* Oranje stipje onder beschikbare dag behouden */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day--available::after {
  background: #d55634 !important;
}

/* Volle dagen donkerblauw */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day--full {
  background: #192964 !important;
  border-color: #192964 !important;
  color: #ffffff !important;
}

/* Geblokkeerde dagen lichter/blauwig */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day--blocked,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__day:disabled {
  background: rgba(136, 167, 201, 0.18) !important;
  border-color: rgba(136, 167, 201, 0.35) !important;
  color: rgba(25, 41, 100, 0.45) !important;
}
/* Pijltjes in agenda-knoppen centreren, ovaal behouden */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__nav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 12px 18px !important;
  text-align: center !important;
  border-radius: 999px !important;
  width: auto !important;
  height: auto !important;
  min-width: 54px !important;
  min-height: 44px !important;
}

/* Pijl-tekens optisch netjes in het midden */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__nav {
  font-size: 24px !important;
  font-weight: 800 !important;
}

/* Rechter pijl iets naar links */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__next {
  transform: translateX(-10px) !important;
}

/* Linker pijl laten staan */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda__prev {
  transform: translateX(0) !important;
}
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda {
  max-width: 860px !important;
  padding: 30px !important;
}

@media (max-width: 680px) {
  .elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda {
    padding: 22px !important;
  }
}
/* WBS Agenda buttons compacter maken */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda button,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda .wbs-agenda__submit,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda .wbs-agenda__slot,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda .wbs-agenda__thankyou-button,
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda .wbs-agenda__thankyou-link {
  min-height: 38px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* Pijltjesknoppen compact houden, maar ovaal behouden */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda .wbs-agenda__nav {
  min-height: 36px !important;
  min-width: 48px !important;
  padding: 7px 14px !important;
  font-size: 21px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Verzendknop net iets prominenter dan kleine knoppen */
.elementor-15596 .elementor-element.elementor-element-28796f3 .wbs-agenda .wbs-agenda__submit {
  min-height: 42px !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
}/* End custom CSS */