/*
 * Elfogyott termek jelolese - kozos stilusok.
 *
 * Ugyanez a ket szabaly kell a termek aloldalon (webshopsubitem) es minden
 * termeklistan (list4, list4dupl, list5, shop-browser), ezert egy helyen all.
 * A blade-ek a `components-styles` stackre toltik be, kozos `stock-styles`
 * kulccsal, igy oldalankent egyszer kerul be akkor is, ha tobb komponens keri.
 */

/* Szurke fatyol az elfogyott termek kepen. */
.fw-grey-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.6);
    z-index: 1;
}

/* A "Nincs keszleten" cimke a kep bal felso sarkaban (a kedvezmeny-matrica
   parja, ami a jobb felso sarokban ul). */
.fw-out-of-stock {
    left: 15px;
    top: 15px;
}

/*
 * "Nincs keszleten" sav a kosarba-gomb helyen.
 *
 * A termekkartyakon es a termek aloldalon ugyanott es ugyanakkora helyen jelenik
 * meg, mint a mennyisegvalaszto + kosarba gomb (.fw-counter), hogy a kartyak
 * magassaga ne ugraljon, es az ar a sajat helyen maradhasson.
 */
.fw-out-of-stock-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    text-align: center;
    background-color: var(--primary);
    color: #ffffff;
}