.elementor-381 .elementor-element.elementor-element-740518f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-77325e0 *//* ---------- ALGEMENE OPMAAK ---------- */
:root {
  --primary: #1B3A57;
  --accent: #E6A400;
  --light-bg: #f9fafc;
  --border: #e4e8ed;
}

/* Achtergrond van de sectie */
.jh-form-section {
  background: var(--light-bg);
  padding: 80px 20px;
}

/* Container zelf */
.jh-form-container {
  max-width: 780px;
  margin: 0 auto;
  background: #fff;
  padding: 60px 50px;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.06);
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}

/* Titel en inleiding */
.jh-form-container h1 {
   font-size: 2rem;
  margin-bottom: 15px;
  color: var(--primary);
  text-align: center;
}
.jh-form-container .intro {
  text-align: center;
  font-size: 1.05rem;
  color: #555;
  margin-bottom: 40px;
}

/* ---------- FORMULIER ---------- */
.wpforms-form {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.wpforms-field {
  position: relative;
}

.wpforms-field-label {
  font-weight: 600;
  color: var(--primary);
  margin-bottom: 8px;
  font-size: 0.95rem;
}

.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field textarea {
  width: 100%;
  padding: 14px 16px;
  font-size: 1rem;
  color: #333;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(230, 164, 0, 0.15);
  outline: none;
}

/* Placeholder */
.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder {
  color: #aaa;
}

/* Specifiek voor naamvelden */
.wpforms-field-name .wpforms-first-half,
.wpforms-field-name .wpforms-last-half {
  width: 48% !important;
  display: inline-block;
}
.wpforms-field-name .wpforms-first-half {
  margin-right: 4%;
}

/* Knop */
.wpforms-submit {
  background: #007bff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out !important;
  display: block;
  margin: 10px auto 0;
}
.wpforms-submit:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* ---------- FOUT EN SUCCESMELDING ---------- */
.wpforms-error-container {
  background: #fcebea;
  border-left: 5px solid #e63946;
  padding: 12px 16px;
  border-radius: 8px;
  color: #c0392b;
  font-size: 0.95rem;
}

.wpforms-confirmation-container-full {
  background: #f7fbf4;
  border-left: 5px solid #4caf50;
  padding: 20px 24px;
  border-radius: 8px;
  font-size: 1rem;
  color: #2e7d32;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
  .jh-form-container {
    padding: 40px 25px;
  }
  .jh-form-container h1 {
    font-size: 1.6rem;
  }
  .wpforms-field-name .wpforms-first-half,
  .wpforms-field-name .wpforms-last-half {
    width: 100% !important;
    margin-right: 0 !important;
  }
}/* End custom CSS */