/* =============================================================================
   sv-validate.css  —  International Securities
   Bootstrap 5 validation state styles for the account opening form.
   Works alongside svg-style.css. No Bootstrap CSS required.
   ============================================================================= */

/* ── Error message spans (hidden by default, shown by JS) ─────────────────── */
.error-message {
    display: none;
    color: #dc3545;
    font-size: 0.78rem;
    margin-top: 4px;
}

/* ── Invalid state ─────────────────────────────────────────────────────────── */
input.is-invalid,
textarea.is-invalid,
select.is-invalid {
    border-color: #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.07) !important;
}

.custom-file.is-invalid .file-placeholder {
    border-color: #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.07) !important;
}

/* Select2 invalid — targeted via inline style by JS (outline on container) */

/* ── Valid state ───────────────────────────────────────────────────────────── */
input.is-valid,
textarea.is-valid,
select.is-valid {
    border-color: #198754 !important;
    background-color: rgba(25, 135, 84, 0.05) !important;
}

.custom-file.is-valid .file-placeholder {
    border-color: #198754 !important;
}