/* Bekend contact (checksumlink): naam, geboortedatum en geslacht staan vast (Richard 10-11-2026).
   Webform zet .webform-readonly via #states; browsers negeren readonly bij select en radio, dus ook klikken uit.
   Herkenbaar aan de tint: invulbare velden lichter, vaste velden vlak/grijs.
   Specificiteit bewust hoog (dubbele klassen): ozk-dark.css gebruikt input.form-control met vier :not() = (0,5,1). */
.webform-readonly,
.webform-readonly * { pointer-events: none; }
.webform-readonly { cursor: not-allowed; }

/* Licht: vast = lichtgrijs, invulbaar blijft wit. */
form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly input.form-control[type="text"][readonly],
form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly select.form-select,
form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly .form-check.form-check {
  background-color: #EFEDF2 !important;
  color: #5F5868 !important;
  border-color: #D9D5DE !important;
  box-shadow: none !important;
}

@media (prefers-color-scheme: dark) {
  /* Donker: invulbaar lichter dan het thema-standaard #201D24 (placeholder #9A91A6 haalt 4,6:1),
     vast in de paginakleur #17151A met zachte rand. */
  form.webform-submission-form.webform-submission-form input.form-control[type="text"]:not([readonly]):not([disabled]),
  form.webform-submission-form.webform-submission-form input.form-control[type="email"]:not([readonly]):not([disabled]),
  form.webform-submission-form.webform-submission-form input.form-control[type="tel"]:not([readonly]):not([disabled]),
  form.webform-submission-form.webform-submission-form input[type="tel"]:not([readonly]):not([disabled]) {
    background-color: #2E2A36 !important;
  }
  form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly input.form-control[type="text"][readonly],
  form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly select.form-select,
  form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly .form-check.form-check,
  form.webform-submission-form.webform-submission-form .webform-readonly.webform-readonly .form-check.form-check label {
    background-color: #17151A !important;
    color: #B5ADBE !important;
    border-color: #3A3542 !important;
  }
}