/* Štítok „čaká na dodanie“ a zber záujmu. Farby berieme zo šablóny e-shopu. */

.wpz { margin: .75rem 0; }

.wpz__stitok {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin: 0 0 .35rem;
    font-weight: 600;
}

.wpz__bod {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: #d29200;
    box-shadow: 0 0 0 .2rem rgb(210 146 0 / 20%);
}

.wpz__kedy { font-weight: 400; opacity: .85; }
.wpz__pocet { margin: 0 0 .35rem; font-size: .85rem; opacity: .85; }

.wpz__tlacidlo {
    padding: .45rem .9rem;
    border: 0;
    border-radius: .4rem;
    /* akčné tlačidlo patrí k obchodu, nie k štítku – jantárová ostáva len na bodke,
       ktorá nesie význam „ešte to nemáme" */
    background: var(--color-primary, #d29200);
    color: var(--color-on-primary, #fff);
    font: inherit;
    cursor: pointer;
}

/* `hidden` musí prebiť `display` z tried – inak by sa tlačidlo ukázalo aj bez wppushu */
.wpz [hidden] { display: none !important; }

/* pôvodné tlačidlo wppushu skryjeme, aby na karte neboli dve rovnaké */
.wppush-btn--skryte { display: none !important; }
.wpz__poznamka { margin: .3rem 0 0; font-size: .78rem; opacity: .75; }
.wpz__hotovo { padding: .45rem .7rem; border-radius: .4rem; background: #d1e7dd; color: #0f5132; }
.wpz__chyba { padding: .45rem .7rem; border-radius: .4rem; background: #f8d7da; color: #842029; }

@media (prefers-color-scheme: dark) {
    .wpz__hotovo { background: #123524; color: #d1e7dd; }
    .wpz__chyba { background: #3b1219; color: #f8d7da; }
}