/* SIA Discounts — cart/checkout messaging. */

.sia-savings th,
.sia-savings td {
	color: #059669 !important;
	font-weight: 700;
}

.sia-nudge {
	--sia-nudge-accent: #7c3aed;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
	border-left: 4px solid var(--sia-nudge-accent);
}

/* Colour overrides apply ONLY when the admin set one (Settings → Notification).
   The attribute guard matters: a bare `var(--sia-nudge-bg)` with nothing set
   computes to no value and would wipe the theme's own notice background. */
.sia-nudge[style*="--sia-nudge-bg"] {
	background: var(--sia-nudge-bg);
}

.sia-nudge[style*="--sia-nudge-fg"] {
	color: var(--sia-nudge-fg);
}

.sia-nudge__icon {
	flex: 0 0 auto;
	color: var(--sia-nudge-accent);
	font-size: 15px;
	line-height: 1;
}

/* Mini-cart + product page have no theme notice wrapper, so we bring the box.
   Scoped to our own classes — never touches .ct-* / .wd-* / .elementor-*. */
.sia-nudge--minicart,
.sia-nudge--product {
	margin: 0 0 14px;
	padding: 10px 12px;
	border-radius: 6px;
	background: var(--sia-nudge-bg, rgba(124, 58, 237, 0.07));
	font-size: 14px;
	line-height: 1.45;
}

.sia-save {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 7px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 999px;
	background: #ede9fe;
	color: #6d28d9;
}

/* Scoped to SIA's own markup so theme / WooCommerce sale <del>/<ins> stay untouched. */
.sia-strike { opacity: .6; }
.sia-ins { text-decoration: none; font-weight: 700; }

/* Free-gift line: quantity is locked to the rule — never customer-editable. */
.sia-gift-qty {
	display: inline-block;
	min-width: 2.2em;
	text-align: center;
	font-weight: 600;
}
.sia-free-gift .quantity,
.sia-free-gift .qty {
	pointer-events: none;
}
.sia-free-gift .quantity .plus,
.sia-free-gift .quantity .minus,
.sia-free-gift .quantity button,
.sia-free-gift .ct-quantity button,
.sia-free-gift .ct-quantity-buttons,
.sia-free-gift [class*="quantity"] button {
	display: none !important;
}
.sia-free-gift input.qty {
	border: 0;
	background: transparent;
	width: auto;
	min-width: 2.2em;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	appearance: none;
}