/* Pre-Orders frontend styles */

.po-pre-message {
	margin: 8px 0;
	font-size: 14px;
}

.po-pre-order-notice {
	padding: 12px 16px;
	background: #f0f4ff;
	border-left: 4px solid #0073aa;
	margin: 16px 0;
}

/* =========================================================
 * MESSAGE / COUNTDOWN BOX — SHARED BY PRE-ORDER + BACKORDER
 * Styled entirely from --po-pre-box-* custom properties, set inline by
 * po_pre_box_css_vars() (includes/enqueue.php) from the Styling tab in
 * Pre-Orders settings — same box appearance whether it's showing
 * pre-order or backorder content.
 * ========================================================= */

.po-pre-notice-wrap,
.po-back-notice-wrap {
	border-style: solid;
	border-width: var( --po-pre-box-border-width, 0px );
	border-radius: var( --po-pre-box-border-radius, 0px );
	border-color: var( --po-pre-box-border-colour, transparent );
	padding: var( --po-pre-box-padding, 0px );
	color: var( --po-pre-box-font-colour, inherit );
	font-weight: var( --po-pre-box-font-weight, inherit );
	text-align: var( --po-pre-box-text-align, left );
	margin: 8px 0;
}

.po-pre-notice-wrap .po-pre-message,
.po-back-notice-wrap .po-back-message {
	margin: 0 0 4px;
}

.po-pre-countdown,
.po-back-restock {
	color: var( --po-pre-box-countdown-colour, inherit );
	font-weight: var( --po-pre-box-countdown-weight, inherit );
}