/* 1. Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Oswald:wght@400;600;700&display=swap');
/* 2. WPForms styling voor Divi */
div.wpforms-container .wpforms-form {
  background-color: #FFFFFF !important;
  padding: 2rem !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #212121 !important;
}

/* 3. Koppen & sectietitels */
div.wpforms-container .wpforms-form h2,
div.wpforms-container .wpforms-form .wpforms-title {
  font-family: 'Oswald', sans-serif !important;
  color: #E53935 !important;
  margin-bottom: 1rem !important;
}

/* 4. Veldlabels */
div.wpforms-container .wpforms-form .wpforms-field-label {
  font-family: 'Oswald', sans-serif !important;
  color: #212121 !important;
  margin-bottom: 0.5rem !important;
  font-size: 1rem !important;
}

/* 5. Input, textarea & select */
div.wpforms-container .wpforms-form .wpforms-field input,
div.wpforms-container .wpforms-form .wpforms-field textarea,
div.wpforms-container .wpforms-form .wpforms-field select {
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  border: 1px solid #F6F6F6 !important;
  border-radius: 0.25rem !important;
  background-color: #FFF8F7 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  color: #212121 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-medium,
.wp-core-ui div.wpforms-container input.wpforms-field-medium,
.wp-core-ui div.wpforms-container select.wpforms-field-medium,
.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
  max-width: 100%;
}
div.wpforms-container .wpforms-form .wpforms-field input:focus,
div.wpforms-container .wpforms-form .wpforms-field textarea:focus,
div.wpforms-container .wpforms-form .wpforms-field select:focus {
  outline: none !important;
  border-color: #E53935 !important;
  box-shadow: 0 0 0 3px rgba(229,57,53,0.15) !important;
  background-color: #FFFFFF !important;
}

/* 6. Beschrijvingen / helpteksten */
div.wpforms-container .wpforms-form .wpforms-field-description,
div.wpforms-container .wpforms-form .wpforms-field-hint {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.85rem !important;
  color: #B71C1C !important;
  margin-top: 0.25rem !important;
}

/* 7. Submit-knop */
div.wpforms-container .wpforms-form .wpforms-submit {
  display: inline-block !important;
  padding: 0.75rem 2rem !important;
  background-color: #E53935 !important;
  color: #FFFFFF !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.05rem !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0.25rem !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}
div.wpforms-container .wpforms-form .wpforms-submit:hover,
div.wpforms-container .wpforms-form .wpforms-submit:focus {
  background-color: #B71C1C !important;
}

/* 8. Checkboxen & radio buttons */
div.wpforms-container .wpforms-form .wpforms-field-checkbox label,
div.wpforms-container .wpforms-form .wpforms-field-radio label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  color: #212121 !important;
}
div.wpforms-container .wpforms-form .wpforms-field-checkbox input[type="checkbox"],
div.wpforms-container .wpforms-form .wpforms-field-radio input[type="radio"] {
  accent-color: #E53935 !important;
}

/* 9. Achtergrondaccenten & blokken */
div.wpforms-container .wpforms-form .wpforms-section {
  background-color: #FFF0F0 !important;
  padding: 1.5rem !important;
  border-radius: 0.5rem !important;
  margin-bottom: 1.5rem !important;
}
div.wpforms-container .wpforms-form .wpforms-page {
  background-color: #FFEAEA !important;
  padding: 1rem !important;
  border-radius: 0.5rem !important;
}

/* 10. Error & success berichten */
div.wpforms-container .wpforms-form .wpforms-error,
div.wpforms-container .wpforms-form .wpforms-error-after-field {
  color: #B71C1C !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important;
}
div.wpforms-container .wpforms-form .wpforms-confirmation-container {
  border: 1px solid #E53935 !important;
  background-color: #FFE0B2 !important;
  padding: 1rem !important;
  border-radius: 0.25rem !important;
  font-family: 'Oswald', sans-serif !important;
  color: #212121 !important;
  margin-top: 1rem !important;
}

/* 11. Iconen (via :before) */
div.wpforms-container .wpforms-form .wpforms-icon:before {
  color: #E53935 !important;
  font-size: 1.2rem !important;
}

/* 12. Responsive tweaks */
@media (max-width: 768px) {
  div.wpforms-container .wpforms-form {
    padding: 1rem !important;
  }
  div.wpforms-container .wpforms-form .wpforms-submit {
    width: 100% !important;
    text-align: center !important;
  }
}