/**
 * Rok veljavnosti — the two places a batch explains itself.
 *
 * Both reuse --fs-color-secondary, the accent the sale price and the -X% badge
 * already carry, so a batch reads as one thing across the product page and the
 * cart rather than as a new kind of label. No second accent, no uppercase: the
 * banner is a sentence, and the only thing asked to stand out is the number of
 * units left.
 */

.av-expiry-notice {
	--av-expiry-accent: var(--fs-color-secondary, #d0021b);

	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 12px 0;
	padding: 12px 14px;
	border: 1px solid var(--av-card-line, rgba(0, 0, 0, 0.08));
	border-left: 3px solid var(--av-expiry-accent);
	border-radius: 10px;
	background: #fff;
	background: color-mix(in srgb, var(--av-expiry-accent) 7%, #fff);
	color: var(--av-card-ink, inherit);
	line-height: 1.4;
}

/* Emptied by the variation script, or never filled — must not hold space. */
.av-expiry-notice--empty {
	display: none;
}

.av-expiry-notice__icon {
	flex: none;
	display: flex;
	margin-top: 1px;
	color: var(--av-expiry-accent);
}

.av-expiry-notice__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.av-expiry-notice__lead {
	color: var(--av-expiry-accent);
	font-size: 0.9em;
	font-weight: 700;
	letter-spacing: -0.005em;
}

.av-expiry-notice__stock {
	font-size: 0.85em;
	opacity: 0.75;
}

.av-expiry-notice__count {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	opacity: 1;
}

/* ── Cart, side cart and checkout ────────────────────────────────────────
   One line under the product name. The banner's box would fight the cart
   row, so only the accent and the weight carry over. */
.av-expiry-cart-note {
	color: var(--fs-color-secondary, #d0021b);
	font-size: 0.85em;
	font-weight: 600;
	margin-top: 4px;
}

/* The batch line's quantity is fixed — see Avemed_Expiry_Batch::cart_item_quantity.
   Sized like the input it replaces so the column keeps its rhythm. */
.av-expiry-qty {
	display: inline-block;
	min-width: 2.5em;
	padding: 0 0.4em;
	font-variant-numeric: tabular-nums;
	text-align: center;
}