:root {
	--katsee-backorder-highlight-bg: #ffd54f;
	--katsee-backorder-highlight-color: #4a3800;

	/* shared size for ALL delivery-time-related text (regular delivery time, the
	   backorder delivery-time badge, and the "X sofort lieferbar, Y nachbestellt" split
	   notice) so they read as one consistent info style wherever they appear - deliberately
	   `rem` (root-relative), not `em`, since these pieces render in different DOM contexts
	   with different ambient font-sizes and `em` would make them visually inconsistent
	   even with the same declared value. */
	--katsee-delivery-info-size: 0.85rem;

	/* product titles are bumped to what this info text used to be, so titles now read as
	   clearly larger/more prominent than the (now smaller, uniform) delivery-time info
	   below them - improves scannability instead of both competing at the same size. */
	--katsee-product-title-size: 1rem;
}

/* the regular delivery time text is placed inside a UX Builder text block that sets its
   own font-size via an inline <style id="text-XXXX"> block using an ID selector - IDs
   always win over classes regardless of stylesheet order, so overriding it here requires
   !important rather than a plain, more specific rule. */
.delivery-time-info {
	font-size: var(--katsee-delivery-info-size) !important;
	font-weight: 700 !important;
}

/* only ever present on the backorder replacement text (see filter_backorder_html() in
   backorder-anzeige.php) - the regular delivery time display never carries this class.
   Renders inside the same UX Builder text block as .delivery-time-info above, so it needs
   the same !important to win against that block's inline ID-selector font-size rule. */
.delivery-time-backorder {
	display: inline-block;
	background-color: var(--katsee-backorder-highlight-bg);
	color: var(--katsee-backorder-highlight-color);
	padding: 2px 10px;
	border-radius: 4px;
	font-size: var(--katsee-delivery-info-size) !important;
	font-weight: 700 !important;
}

/* "X sofort lieferbar, Y nachbestellt" split notice - cart/mini-cart/checkout only,
   see output_cart_item_split()/add_split_to_quantity_html() in backorder-anzeige.php */
.katsee-backorder-split {
	display: block;
	width: fit-content;
	background-color: var(--katsee-backorder-highlight-bg);
	color: var(--katsee-backorder-highlight-color);
	padding: 2px 10px;
	border-radius: 4px;
	margin: 4px 0 0;
	font-size: var(--katsee-delivery-info-size);
	font-weight: 700;
}

/* cart/checkout/mini-cart product titles - bumped up so they clearly outrank the
   (now smaller, uniform) delivery-time info text shown below them. */
.product-name a,
.woocommerce-mini-cart-item a {
	font-size: var(--katsee-product-title-size) !important;
	font-weight: 700 !important;
}