/*
 * Default styling for the Stock Status Notice widget.
 *
 * Only the in-stock and out-of-stock states get a default badge look; the
 * backorder state stays plain text as before, matching existing templates.
 * Elementor's own per-widget Style controls (text color, background color,
 * typography, alignment — one set per state) target the same
 * .bom-backorder-notice selector with higher specificity and override these
 * defaults on a per-instance basis.
 */
.bom-backorder-notice.is-instock {
	background-color: #e4f1ec;
	color: #1f2a44;
	font-weight: 600;
	text-align: center;
	padding: 10px 16px;
	border-radius: 4px;
}
.bom-backorder-notice.is-outofstock {
	background-color: #f3f3f3;
	color: #6b6b6b;
	font-weight: 600;
	text-align: center;
	padding: 10px 16px;
	border-radius: 4px;
}