/* Meklara form validation (class-meklara-forms.php). Deliberately small: themes restyle with these
   classes or the --mk-form-error custom property. */
:root { --mk-form-error: #b42318; --mk-form-error-bg: #fef3f2; }
.mk-req { color: var(--mk-form-error); }
.mk-required-note { font-size: .85em; opacity: .8; margin: 0 0 .75em; grid-column: 1 / -1; }
.mk-field-error { color: var(--mk-form-error); font-size: .875em; line-height: 1.35; margin: .3em 0 0;
  text-transform: none; letter-spacing: normal; font-weight: 400; }
[data-meklara-validate] [aria-invalid="true"] { border-color: var(--mk-form-error) !important; outline-color: var(--mk-form-error); }
.mk-form-errors { border: 1px solid var(--mk-form-error); background: var(--mk-form-error-bg); color: #7a271a;
  padding: .75em 1em; border-radius: 6px; margin: 0 0 1em; font-size: .925em; grid-column: 1 / -1; }
.mk-form-errors p { margin: 0 0 .35em; font-weight: 600; }
.mk-form-errors ul { margin: 0; padding-left: 1.2em; }
form > .mk-field-error { grid-column: 1 / -1; }