/*************************************************************
  WP BOOKING CALENDAR – LIGHT PREMIUM (beige + groen)
  - knop donkergroen
  - legend/counters weg
  - thank-you + form licht en leesbaar
*************************************************************/

:root{
  --brand: #5b6d55;
  --brand-dark: #4a5a46;
  --beige: #f6f3ee;
  --panel: #fbf9f6;
  --border: #e3ded7;
}

/* ---------- 1) Booking form + thank-you: licht/beige + groen ---------- */
.wpbc_booking_form,
.wpbc_after_booking_thank_you_section,
.wpbc_ty_container{
  background: var(--beige) !important;
  color: var(--brand) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Binnenpanel (de “kaart” met je details) */
.wpbc_ty_container{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06) !important;
  padding: 18px !important;
}

/* Titel/boodschap bovenaan (die vroeger grijs was) */
.wpbc_ty_message{
  color: var(--brand) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Alles binnen thank-you en form: groen en niet “faded” */
.wpbc_after_booking_thank_you_section *,
.wpbc_booking_form *,
.wpbc_ty_container *{
  color: var(--brand) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Links (bv Google kalender) */
.wpbc_ty_container a,
.wpbc_booking_form a{
  color: var(--brand) !important;
  text-decoration: underline !important;
}
.wpbc_ty_container a:hover,
.wpbc_booking_form a:hover{
  color: var(--brand-dark) !important;
}

/* Inputs: wit + subtiele rand */
.wpbc_booking_form input,
.wpbc_booking_form select,
.wpbc_booking_form textarea{
  background: #ffffff !important;
  color: var(--brand) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
}

/* ---------- 2) VERZENDKNOP: donkergroen ---------- */
.wpbc_booking_form input[type="submit"],
.wpbc_booking_form button,
.wpbc_booking_form .button,
.wpbc_booking_form .wpbc_button,
.wpbc_booking_form a.button{
  background: var(--brand) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 22px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;
}

.wpbc_booking_form input[type="submit"]:hover,
.wpbc_booking_form button:hover,
.wpbc_booking_form .button:hover,
.wpbc_booking_form .wpbc_button:hover,
.wpbc_booking_form a.button:hover{
  background: var(--brand-dark) !important;
}

/* ---------- 3) Legend/counters “Beschikbaar / Volzet / Changeover” weg ---------- */
.block_hints,
.wpbc_legend,
.wpbc_legend_container,
.wpbc_legend_item,
.wpbc_legend_text{
  display: none !important;
}

/*************************************************************
  WPBC "VERZEND" BUTTON – jouw brandkleur
*************************************************************/

/* De exacte knop die jij hebt */
.wpbc_booking_form input.wpbc_button_light.btn.btn,
.wpbc_booking_form input.wpbc_button_light,
.wpbc_booking_form input.btn.btn {

  background-color: #5b6d55 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 12px !important;

  padding: 14px 22px !important;
  font-weight: 700 !important;
  font-size: 16px !important;

  opacity: 1 !important;
  filter: none !important;

  cursor: pointer !important;
}

/* Hover */
.wpbc_booking_form input.wpbc_button_light.btn.btn:hover,
.wpbc_booking_form input.wpbc_button_light:hover,
.wpbc_booking_form input.btn.btn:hover {

  background-color: #4a5a46 !important;
}


.wpbc_booking_form,
.wpbc_booking_form *{
  opacity: 1 !important;
  filter: none !important;
}