/* —— Compactere, lichtgrijze look zoals het witte/oranje formulier —— */

/* Tekstkleur iets lichter grijs */
form.recras-contactform,
form.recras-contactform label {
  color:#666; /* i.p.v. #333 */
}

/* Labels iets kleiner en met minder ruimte */
form.recras-contactform label{
  font-weight:600;
  font-size:15px;       /* was 16px */
  margin:14px 0 6px;    /* was 18 / 8 */
}

/* Inputs compacter en subtieler */
form.recras-contactform input[type="text"],
form.recras-contactform input[type="email"],
form.recras-contactform input[type="tel"],
form.recras-contactform input[type="number"],
form.recras-contactform input[type="date"],
form.recras-contactform select,
form.recras-contactform textarea{
  border:1px solid #e0e0e0;  /* iets lichter */
  border-radius:4px;         /* minder rond */
  padding:9px 12px;          /* lager veld */
  font-size:15px;            /* iets kleiner */
  margin-bottom:12px;
}

/* Focus subtiel */
form.recras-contactform input:focus,
form.recras-contactform select:focus,
form.recras-contactform textarea:focus{
  border-color:#cfcfcf;
  box-shadow:0 0 0 2px rgba(243,147,19,.06);
}

/* Placeholder lichter grijs */
form.recras-contactform ::placeholder{ color:#b0b0b0; }

/* Radio/checkbox groep compacter & grijze tekst */
form.recras-contactform .radiogroep label,
form.recras-contactform .checkboxgroep label{
  margin:4px 0;
  font-weight:400;
  color:#666;
}
form.recras-contactform input[type="radio"],
form.recras-contactform input[type="checkbox"]{ margin-right:8px; }

/* Textarea iets lager standaard */
form.recras-contactform textarea{ min-height:80px; }

/* Submitknop in lijn met voorbeeld (iets compacter) */
form.recras-contactform button[type="submit"],
form.recras-contactform input[type="submit"]{
  background:#F39313;
  color:#fff;
  border:0;
  border-radius:4px;
  padding:10px 18px;      /* compacter */
  font-size:15px;
  font-weight:600;
}
form.recras-contactform button[type="submit"]:hover,
form.recras-contactform input[type="submit"]:hover{
  background:#d98110;
}

/* Mobiel: nog iets compacter */
@media (max-width: 600px){
  form.recras-contactform label{ font-size:14px; margin:12px 0 6px; }
  form.recras-contactform input[type="text"],
  form.recras-contactform input[type="email"],
  form.recras-contactform input[type="tel"],
  form.recras-contactform input[type="number"],
  form.recras-contactform input[type="date"],
  form.recras-contactform select,
  form.recras-contactform textarea{
    padding:8px 12px;
    font-size:14.5px;
  }
  form.recras-contactform button[type="submit"],
  form.recras-contactform input[type="submit"]{
    padding:9px 16px;
    font-size:14.5px;
  }
}