/*
 * Low stock badge.
 *
 * Amber rather than the green of the in stock line or the red of the savings
 * badge: it is a caution, not a claim and not an alarm. Sits above the button,
 * where an urgency signal belongs, while the in stock reassurance moves below.
 *
 * No quantity appears here. WooCommerce is set to never show exact counts on
 * this shop, and the wording is a plain phrase so it stays true as stock moves.
 */

/*
 * Stock line below the button.
 *
 * form.cart is a flex column, so order moves the line without touching the
 * stock plugin, which injects it by AJAX rather than through a hook. Reading
 * order is unchanged: a screen reader still meets the stock status before the
 * button, which is the sensible sequence anyway.
 *
 * The default order is 0, so the button and everything after it take 1 and the
 * stock line takes 2 to land between the button and the benefits.
 */
.pearlory-stock-below form.cart .single_add_to_cart_button {
	order: 1;
}

.pearlory-stock-below form.cart .country-stock-message {
	order: 2;
}

.pearlory-stock-below form.cart .pearlory-benefits {
	order: 3;
}

.pearlory-stock-below form.cart .pearlory-details {
	order: 4;
}

.pearlory-stock-below form.cart .banner {
	order: 5;
}

/*
 * 49px for one line of text, from 15px of bottom padding on a flex row. The
 * line needs no more room than the words in it.
 */
/*
 * The stock plugin prints its own style block, so the same importance is needed
 * to take this. Measured at 49px for one line of 14px text, from 8px top and
 * 15px bottom padding on a flex row.
 */
body .single-product .country-stock-message,
body.single-product .country-stock-message {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}

/*
 * Low stock recolour.
 *
 * The words now come from the stock plugin's own line, so only the colour is
 * left to say this is a caution rather than reassurance. Amber, not the green it
 * uses when stock is healthy and not the red it uses for out of stock.
 *
 * !important because the plugin writes its colours as inline styles on both the
 * line and its dot, and an inline style cannot be beaten any other way.
 */
body.pearlory-is-lowstock .country-stock-message.in-stock,
body.pearlory-is-lowstock .country-stock-message.in-stock .stock-text {
	color: #9a5b12 !important;
}

body.pearlory-is-lowstock .country-stock-message.in-stock .stock-dot {
	color: #e08a1e !important;
}