/* Show errors after validation, not before the visitor starts filling the form. */
:root body:not(.wp-admin) form[data-clma-field-ux] :is(input,select,textarea).clma-field-error,
:root body:not(.wp-admin) form[data-clma-field-ux] :is(input,select,textarea).clma-field-error:focus-visible {
  background-color: #c6c6c6 !important;
  color: #171717 !important;
}
:root body:not(.wp-admin) form[data-clma-field-ux] .clma-field-error::placeholder {
  color: #fff !important;
  opacity: 1;
}

/* Override Elementor placeholder styling on every highlighted empty field. */
html body:not(.wp-admin) form[data-clma-field-ux] :is(input,textarea):is(.clma-field-error,[aria-invalid="true"])::placeholder {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html body:not(.wp-admin) form[data-clma-field-ux] select.clma-field-error.clma-empty-choice {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body:not(.wp-admin) form[data-clma-field-ux] select option {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html body form[data-clma-field-ux] #clm-date-display.clma-field-error::placeholder,
html body form[data-clma-field-ux] #clm-heure.clma-field-error::placeholder {
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}
html body form[data-clma-field-ux] #clm-date-display:not(:placeholder-shown):not(.clma-field-error),
html body form[data-clma-field-ux] #clm-heure:not(:placeholder-shown):not(.clma-field-error){
 background:#fff!important;color:#171717!important;-webkit-text-fill-color:#171717!important;opacity:1!important;
}
/* Keep browser autofill consistent with manually completed fields. */
html body form[data-clma-field-ux] input:autofill,
html body form[data-clma-field-ux] input:-webkit-autofill,
html body form[data-clma-field-ux] input:-webkit-autofill:hover,
html body form[data-clma-field-ux] input:-webkit-autofill:focus {
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  background-color:#fff!important;
  -webkit-text-fill-color:#171717!important;
  color:#171717!important;
  caret-color:#171717!important;
}