/* === Fix Brevo formulier === */

/* Container */
#sib-container {
  font-family: 'Manrope', sans-serif !important;
  color: #333 !important; /* gewone tekst donkergrijs */
  border-radius: 12px !important;
  border-color: #ddd !important;
}

/* Labels */
#sib-container label.entry__label {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 600 !important;
  margin-bottom: 0.3rem !important;
  color: #333 !important; /* labels gewoon donkergrijs */
}

/* Inputs */
#sib-container input[type="text"],
#sib-container input[type="email"] {
  width: 100% !important;
  padding: 0.6rem 0.8rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  font-family: 'Manrope', sans-serif !important;
}

/* Knop */
#sib-container .sib-form-block__button {
  background-color: #2A7D7B !important;
  color: #fff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 0.8rem 1.6rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  font-family: 'Rubik', sans-serif !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

#sib-container .sib-form-block__button:hover {
  background-color: #184b4a !important;
}

/* Foutmeldingen */
#sib-container .entry__error {
  display: none !important; /* roze strepen weg */
}

/* Optioneel: foutmelding in tekstvorm onder veld */
#sib-container .entry__error.entry__error--primary:after {
  content: "Dit veld is verplicht." !important;
  display: block;
  font-size: 0.85rem !important;
  color: #b00020 !important;
  margin-top: 0.3rem;
}