/* Ascunde widget-ul pana cand JS il muta in pozitia corecta.
   ws-js e pusa pe <html> sincron, inainte ca body-ul sa se randeze. */
html.ws-js .warehouse-stock--movable { display: none; }
html.ws-js .warehouse-stock--movable[data-ws-done] { display: block; }

/* Ritm si tipografie aliniate cu tema Pavilion (.availability margin-bottom 20px,
   .stock .value bold), fara sa folosim vreun nume de clasa al temei. */
.warehouse-stock {
    margin: 0 0 20px;
    clear: both;
    font-size: inherit;
    color: inherit;
}
.warehouse-stock-title { font-weight: 600; margin-bottom: 6px; }
.warehouse-stock-lines { list-style: none; margin: 0; padding: 0; }
.warehouse-stock-item { display: flex; justify-content: space-between; max-width: 320px; padding: 3px 0; }
.warehouse-stock-name { color: #444; }
.warehouse-stock-value { font-weight: bold; }
.ws-in-stock .warehouse-stock-value { color: #1a7f37; }
.ws-out-of-stock .warehouse-stock-value { color: #999; }
.warehouse-stock-empty { color: #999; }

/* Widget compact pentru listele de produse (categorie, cautare, colectii).
   min-height rezerva spatiul cat timp se asteapta raspunsul AJAX, ca sa nu sara layout-ul. */
.warehouse-stock-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    min-height: 1.2em;
    margin: 4px 0;
    font-size: 12px;
}
.warehouse-stock-list-item.ws-in-stock { color: #1a7f37; font-weight: 600; }
.warehouse-stock-list-item.ws-out-of-stock { color: #999; }
.warehouse-stock-list-empty { color: #999; }