/* Stock information on the product page. Our block replaces Magento's own "In stock" label,
   which would claim "in stock" for products that only have remote stock. */
.product-info-stock-sku .stock.available {
    display: none;
}

.siengo-stock--shop {
    border-radius: 999px;
    display: inline-block;
    font-weight: 600;
    margin: 8px 0;
    padding: 4px 14px;
}

.siengo-stock--shop.is-available {
    background: #e6f7ef;
    color: #0b6b45;
}

.siengo-stock--shop.is-remote {
    background: #fff4e0;
    color: #8a5a00;
}

.siengo-stock--trade {
    background: #f0fdfa;
    border: 1px solid #bfe9e5;
    border-radius: 14px;
    margin: 12px 0;
    padding: 14px 16px;
}

.siengo-stock__title {
    font-size: 1.5rem;
    margin: 0 0 10px;
}

.siengo-stock__levels {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
}

.siengo-stock__levels > div {
    background: #fff;
    border-radius: 10px;
    padding: 8px 12px;
}

.siengo-stock__levels dt {
    color: #5b6675;
    font-size: 1.2rem;
}

.siengo-stock__levels dd {
    font-size: 2rem;
    font-weight: 800;
    margin: 0;
}

.siengo-stock__levels .is-available dd {
    color: #0b6b45;
}

.siengo-stock__levels .is-remote dd {
    color: #8a5a00;
}

.siengo-stock__levels .is-empty dd {
    color: #9aa4b2;
}

.siengo-stock__levels .is-total {
    background: #0f6f6d;
}

.siengo-stock__levels .is-total dt,
.siengo-stock__levels .is-total dd {
    color: #fff;
}

.siengo-stock__note {
    color: #5b6675;
    font-size: 1.2rem;
    margin: 8px 0 0;
}

.siengo-stock__incoming {
    background: #eef4ff;
    border-radius: 10px;
    color: #1d4ed8;
    margin: 10px 0 0;
    padding: 8px 12px;
}

.siengo-stock__incoming::before {
    content: '\1F69A\00a0';
}