/* =====================================================================================
   HLÁŠKY E-SHOPU (.alert) — GLOBÁLNÍ STYL
   =====================================================================================

   ⛔ TENHLE SOUBOR NENÍ KOMPILÁT. Ostatní soubory ve `web/css/` se generují z .less,
   který v repozitáři není, takže ruční úprava by se při první přestavbě ztratila.
   `messages.css` je psaný ručně a žádný build ho negeneruje — proto se do něj smí psát.

   PROČ VZNIKL (13. 8. 2026): pravidla pro `.alert` existovala jen v `contact.css`
   a `form.css`, a ty se v `base.html.twig` linkují POUZE pro `menu_active_item == 'kontakty'`.
   Na všech ostatních stránkách — v košíku, v registraci, u chyb formulářů — se hláška
   vykreslila jako holý text bez rámečku a barvy. Přitom `.alert` používá 37 míst
   v šablonách e-shopu.

   ⚠️ POZOR NA `background` U ZÁKLADNÍ TŘÍDY. `.alert` má `color:#fff` a pozadí dodával
   až modifikátor, takže hláška typu `info` byla bílý text na bílém pozadí — neviditelná
   i na Kontaktech, kde CSS bylo. Základní třída proto má vlastní tmavé pozadí jako
   pojistku pro jakýkoli typ, který tu nemá modifikátor.

   Typy, které controllery e-shopu skutečně posílají (měřeno 13. 8.):
       error 90×, success 13×, info 2×
   `warning` zatím nikdo neposílá, je tu pro případ, že přibude.

   Hodnoty u `.alert`, `--error` a `--success` jsou převzaté 1:1 z `contact.css`,
   aby se stránka Kontakty nezměnila ani o pixel.
   ===================================================================================== */

.alert {
    display: inline-block;
    margin-top: .3125rem;
    padding: .3125rem .9375rem .3125rem 1.6875rem;
    border-radius: 3px;
    background: #555;
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.alert--error {
    background: url(/images/formular_chyba.png) no-repeat 0 #ff0004;
}

.alert--success {
    background: url(/images/formular_chyba.png) no-repeat 0 #0da331;
}

.alert--info {
    background: url(/images/formular_chyba.png) no-repeat 0 #0b6fa4;
}

.alert--warning {
    background: url(/images/formular_chyba.png) no-repeat 0 #c77700;
}