/* ===========================================
   MODERN COMPACT FORM - LICHTE VELDEN, ORANJE ACCENT (#e75f0c)
   =========================================== */

.connect-block.right-inner .fast-contact form.mx_form {
  width: 100%;
  max-width: none;
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;

}

/* Form rows */
.connect-block.right-inner .fast-contact form.mx_form .mx_form_row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Labels boven input */
.connect-block.right-inner .fast-contact form.mx_form label {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

/* Inputs, textarea, select */
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input input,
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input textarea,
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input select {
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
  transition: all 0.3s eas;
  margin-bottom:5px;
}

/* Textarea */
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input textarea {
  min-height: 90px;
  resize: vertical;
}

/* Focus */
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input input:focus,
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input textarea:focus,
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input select:focus {
  border-color: #e75f0c;
  box-shadow: 0 0 6px rgba(231,95,12,0.3);
  outline: none;
}

/* Submit button */
.connect-block.right-inner .fast-contact form.mx_form input[type=submit] {
  width: 100%;
  max-width: 286px;
  padding: 14px 0;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #e75f0c, #ff873d);
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.connect-block.right-inner .fast-contact form.mx_form input[type=submit]:hover {
  background: linear-gradient(135deg, #ff873d, #e75f0c);
}

/* Checkbox / radio */
.connect-block.right-inner .fast-contact form.mx_form input[type=checkbox],
.connect-block.right-inner .fast-contact form.mx_form input[type=radio] {
  width: auto;
  margin-right: 8px;
  accent-color: #e75f0c;
}

/* Opties */
.connect-block.right-inner .fast-contact form.mx_form .mx_form_input_option {
  font-size: 13px;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

/* Errors */
.connect-block.right-inner .fast-contact .mx_error input,
.connect-block.right-inner .fast-contact .mx_error textarea,
.connect-block.right-inner .fast-contact .mx_error select {
  border-color: #e74c3c;
}

.connect-block.right-inner .fast-contact .mx_error .mx_form_input_option {
  color: #e74c3c !important;
}

.connect-block .fast-contact #contact input[type='text'] {
  margin-bottom:5px;
}

/* Mobiel */
@media screen and (max-width: 480px) {
  .connect-block.right-inner .fast-contact form.mx_form {
    padding: 0 10px;
  }
}
