/* Success state for just-validate */
.is-valid {
    border-bottom: 2px solid #28a745 !important;
    background: #f8fff9 !important;
}

/* Error state for just-validate */
.is-invalid {
    border-bottom: 2px solid #dc3545 !important;
    background: #fff5f5 !important;
}

/* Success icon styling */
.js-validate-success-field {
    background: #28a745 !important;
}

/* Error icon styling */
.js-validate-error-field {
    background: #dc3545 !important;
}

/* File input styling for validation */
.field .custom-fileinput.is-invalid {
    border-bottom: 2px solid #dc3545 !important;
    background: #fff5f5 !important;
}

/* icons */

.field { position:relative; }
.field::after {
    position: absolute;
    right: 10px;
    top: 25px;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";  /* folosește FA */
    font-weight: 900;                     /* stil solid */
    font-size: 18px;
}

/* valid => fa-square-check */
.field:has(input.is-valid)::after {
content: "\f14a";   /* fa-square-check */
color: #28a745;
}

/* invalid => fa-square-xmark */
.field:has(input.is-invalid)::after {
content: "\f2d3";   /* fa-square-xmark */
color: #dc3545;
}