/* Stock availability.
 *
 * Single product page carries a count ("In Stock: 10") and is set a little
 * larger than WooCommerce's default small muted text.
 */

.woocommerce div.product .stock,
.woocommerce div.product .woocommerce-variation-availability .stock,
.wp-block-woocommerce-product-details .stock,
.wc-block-components-product-stock-indicator--single {
    font-size: 1.05rem;
    line-height: 1.4;
    color: var(--wp--preset--color--contrast, #141414);
}

/* Catalog tiles: the stock indicator sits in the same block group as the price,
 * so in the grid it runs on straight after it ("$1,264.45 – $1,671.05In Stock").
 * Force it onto its own line. width and flex-basis are both set so this holds
 * whether the surrounding group lays out as block, inline or flex row.
 */
.wc-block-components-product-stock-indicator {
    display: block;
    width: 100%;
    flex-basis: 100%;
    margin-top: 0.35em;
}