/**
 * Site-wide Form Validation Styles — WE_Live
 * Companion to /js/jquery/jqvalidate/form-validation.js
 */

/* Inline error message */
.fv-error-msg {
    display: block;
    margin-top: 4px;
    color: #d32f2f;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Field border states */
.fv-field-invalid {
    border-color: #d32f2f !important;
    box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2) !important;
    outline: none;
}

.fv-field-valid {
    border-color: #388e3c !important;
    box-shadow: 0 0 0 2px rgba(56, 142, 60, 0.15) !important;
}

/* Character counter */
.fv-char-counter {
    display: block;
    margin-top: 3px;
    font-size: 0.75rem;
    color: #757575;
    text-align: right;
}

.fv-char-counter--low  { color: #f57c00; }   /* orange — approaching limit */
.fv-char-counter--over { color: #d32f2f; font-weight: 600; }  /* red — over limit */