/* Rijen */
.wpcf7-form .row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
  align-items: flex-start;
}

/* Kolommen */
.wpcf7-form .column {
  flex: 1;
  min-width: 200px;
}

.wpcf7-form .column-medium {
  flex: 1 1 280px;
  min-width: 240px;
}

.wpcf7-form .column-small {
  flex: 0 0 140px;
  min-width: 120px;
}


/* Label styling */
.wpcf7-form label {
  display: block;
  font-weight: 700;
  color: #000;
  margin-bottom: 6px;
}

/* Input, textarea en select styling */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
  border: 2px solid orange !important;
  padding: 8px 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 4px;
  color: #000;
  box-sizing: border-box;
  font-family: inherit;
  background-color: white;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='6'%20viewBox='0%200%2010%206'%3E%3Cpath%20fill='orange'%20d='M0%200l5%206%205-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  padding-right: 30px;
}


/* Placeholder kleur */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #87CEFA;
}

/* Submit knop */
.wpcf7-form input[type="submit"] {
  background-color: orange;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 12px;
  transition: background-color 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #e69500;
}

/* Validatie foutmelding */
.wpcf7-not-valid-tip {
  color: red;
  font-weight: 600;
  margin-top: 4px;
  font-size: 14px;
}
/* Select veld custom styling */
.wpcf7-form .select-wrapper select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid orange !important;
  background-color: white;
  color: #000;
  padding: 8px 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 4px;
  font-family: inherit;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='orange'%3E%3Cpath%20d='M7%2010l5%205%205-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
  padding-right: 36px;
  box-sizing: border-box;
}