/* =============================================================================
   far360 — FLASH-ÜZENETEK (TempData Siker / Hiba / Figyelmeztetes) és a
   TESZTOLDAL-sáv.

   Saját fájl, mert saját felelősség: ezek LAPSZINTŰ visszajelzések, nem
   állapotjelzések egy soron vagy egy rekordon (azok a badges.css-ben vannak).
   A .f-alert--hiba az új --f-danger tokent használja, nem a --f-primary lilát:
   a hibát nem szabad ugyanazzal a színnel jelölni, mint az elsődleges műveletet.
   ============================================================================= */
.f-alert {
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
    border-radius: var(--f-radius-sm);
    font-size: 0.94rem;
    font-weight: 500;
    transition: opacity 0.4s ease;
}
.f-alert--siker {
    background: var(--f-badge-alairva-bg);
    color: #146C34;
    border-color: rgba(21, 128, 61, .25);
}
.f-alert--hiba {
    background: rgba(138, 36, 24, .10);
    color: var(--f-danger);
    border-color: rgba(138, 36, 24, .28);
}
.f-alert--figyelmeztetes {
    background: #FFF7E6;
    color: #7A4A00;
    border-color: rgba(180, 83, 9, .28);
}
.f-alert--eltunik { opacity: 0; }

/* A halvanyodas vegen a site.js hidden-re allitja a dobozt, hogy a helyet is visszaadja.
   A sajat display: flex kulonben felulirna a bongeszo [hidden] szabalyat. */
.f-alert[hidden] { display: none; }

/* TESZTOLDAL-sáv a publikus kezdőlapon (App:TesztBanner). Ikon + két bekezdés egy
   sorban; korábban inline style hordozta, most osztály — a CSP így nem szorul
   style-src 'unsafe-inline'-ra. */
.f-alert--teszt {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.75rem;
    background: rgba(242, 107, 91, .12);
    color: var(--f-ink);
    border-color: rgba(138, 36, 24, .35);
    line-height: 1.5;
}
.f-alert--teszt .f-alert__jel { font-size: 1.25rem; line-height: 1; }
/* CSAK a vezérmondat áll önálló sorban; a magyarázaton belüli kiemelés
   (`nem valódiak`) a mondat FOLYAMÁBAN marad — ezért kell a közvetlen
   gyermek-szelektor, nem a leszármazott. */
.f-alert--teszt > div > strong { display: block; margin-bottom: 2px; color: var(--f-danger); }
.f-alert--teszt span { font-size: .925rem; font-weight: 400; color: var(--f-grey); }
.f-alert--teszt span strong { font-weight: 600; color: var(--f-ink); }

/* SZELLOS uzenet-valtozat: hosszabb, tobbsoros tajekoztatohoz nagyobb sormagassag.
   Korabban inline style="line-height:1.6" vitte (Views/Jelentkezes/Lepes1.cshtml). */
.f-alert--szellos { line-height: 1.6; }

/* SARGA (varakozo / figyelem) valtozat a badge-paletta tokenjeivel; a hatterszin tartaleka
   a token hianya esetere szol. Korabban inline style vitte (Kepzesek/TurnusForm.cshtml). */
.f-alert--sarga {
    background: var(--f-badge-var-bg, #fef3c7);
    color: var(--f-badge-var-fg, #92400e);
}

/* KOMPAKT valtozat: kisebb betu es kisebb belso terkoz a szuk kartyakon (ertekeles-popup).
   Korabban inline style="font-size:.82rem;padding:.5rem .75rem" vitte. */
.f-alert--kompakt {
    font-size: 0.82rem;
    padding: 0.5rem 0.75rem;
}