/*
 * Riscontro immediato del codice sconto nel modulo Camp.
 * Il contenitore resta un normale campo HTML di Elementor: questo file ne
 * definisce soltanto gli stati visivi assegnati da camp-form.js.
 */
.vsl-camp-code-status {
    display: none;
    width: 100%;
    margin: 4px 0 8px;
    padding: 12px 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    box-sizing: border-box;
}

.vsl-camp-code-status:not(:empty) {
    display: block;
}

.vsl-camp-code-status.is-valid {
    color: #245c35;
    background: #eaf7ee;
    border-color: #b8dfc3;
}

.vsl-camp-code-status.is-error {
    color: #8a2530;
    background: #fcecee;
    border-color: #efbcc2;
}

.vsl-camp-code-status.is-checking {
    color: #66531b;
    background: #fff8dc;
    border-color: #eadb99;
}

@media (max-width: 767px) {
    .vsl-camp-code-status {
        padding: 11px 13px;
        font-size: 13px;
    }
}