/* ============================================================
   Nyereményjáték – Frontend stílusok (kód-visszajelző)
   Brand színek: #0D693D (sötétzöld) | #FDC61A (sárga) | #fff
   ============================================================ */

/*
 * A mező szülő-elemét (.ff-el-group) a JS teszi `position:relative`-vé,
 * így az üzenet pontosan a mező alatt lebeg, nem tolja el a layoutot.
 */
.mnj-kod-msg {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 200;

    display: flex;
    align-items: flex-start;
    gap: 7px;

    padding: 9px 13px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .18);
    pointer-events: none;
}

.mnj-kod-msg:empty { display: none; }

/* --- Ellenőrzés folyamatban --- */
.mnj-kod-msg.mnj-checking {
    background: #fff;
    color: #0D693D;
    border: 1.5px solid #0D693D;
}

/* --- Érvénytelen / már felhasznált kód --- */
.mnj-kod-msg.mnj-err {
    background: #fff;
    color: #0D693D;
    border: 1.5px solid #FDC61A;
    border-left: 4px solid #FDC61A;
}

/* --- Érvényes kód --- */
.mnj-kod-msg.mnj-ok {
    background: #FDC61A;
    color: #0D693D;
    border: 1.5px solid #0D693D;
}

.mnj-kod-msg .mnj-icon {
    flex-shrink: 0;
    font-style: normal;
    font-size: 1em;
    line-height: 1.4;
}