/*
 * The CCES theme intentionally hides WooCommerce's standard stock output.
 * Re-enable only the variation container and the dedicated CCES notice.
 */
body.single-product .woocommerce-variation-availability {
	display: block !important;
}

body.single-product .woocommerce-variation-availability .cces-backorder-notice,
body.single-product .woocommerce-variation-availability .cces-variation-backorder-notice {
	display: block !important;
	box-sizing: border-box !important;
	margin: 10px 0 12px !important;
	padding: 8px 10px !important;
	border-left: 4px solid #f1e600 !important;
	background: #fffbd6 !important;
	color: #1d1d1d !important;
	line-height: 1.35 !important;
}

/* Cart, checkout and mini-cart backorder notice. */
dl.variation dt.variation-Availability,
dl.variation dt.variation-availability {
	display: none !important;
}

dl.variation dd.variation-Availability,
dl.variation dd.variation-availability {
	display: block !important;
	float: none !important;
	clear: both !important;
	grid-column: 1 / -1 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 10px 0 12px !important;
	padding: 8px 10px !important;
	border-left: 4px solid #f1e600 !important;
	background: #fffbd6 !important;
	color: #1d1d1d !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-align: left !important;
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

dl.variation dd.variation-Availability p,
dl.variation dd.variation-availability p {
	display: block !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

/*
 * Elementor's Menu Cart uses a two-column product grid inside a 350px drawer.
 * Its automatic second column can grow to the text's full single-line width,
 * which clips the notice. Force that track to stay within the product row.
 */
.elementor-menu-cart__product {
	grid-template-columns: 25% minmax(0, 1fr) !important;
}

.elementor-menu-cart__product-name {
	min-width: 0 !important;
}

.elementor-menu-cart__product-name > a {
	display: block;
	min-height: 64px;
}

.elementor-menu-cart__product-name dl.variation {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	box-sizing: border-box !important;
	width: calc(100% + 84px) !important;
	max-width: calc(100% + 84px) !important;
	margin: 10px 0 0 -84px !important;
	white-space: normal !important;
	overflow-wrap: break-word !important;
}

.elementor-menu-cart__product-name dl.variation dd,
.elementor-menu-cart__product-name dl.variation dd p,
.elementor-menu-cart__product-name dl.variation dd span {
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

/* Bulky-item metadata intentionally has a blank label; remove its orphan colon. */
dl.variation dt.variation- {
	display: none !important;
}

dl.variation dd.variation- {
	display: block !important;
	float: none !important;
	clear: both !important;
	grid-column: 1 / -1 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 10px 0 12px !important;
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

/* Equivalent presentation for WooCommerce Cart and Checkout blocks. */
.wc-block-components-product-details li[class*="availability" i] {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 10px 0 12px !important;
	padding: 8px 10px !important;
	border-left: 4px solid #f1e600 !important;
	background: #fffbd6 !important;
	color: #1d1d1d !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.wc-block-components-product-details li[class*="availability" i] .wc-block-components-product-details__name {
	display: none !important;
}

.wc-block-components-product-details li[class*="availability" i] .wc-block-components-product-details__value {
	font-weight: 700 !important;
}