/**
 * Styles for HTML injected directly by the Henry WooCommerce Support plugin:
 * - Quick-add banners (.missing-product-banner)
 * - Custom subtotal / coupon-discount rows (.cart-custom-subtotal, .first-coupon-row)
 * - Add-to-cart ink pad notice (.custom-add-to-cart-message)
 */

/* ========== Add-to-cart notice: ink pad + cart (override WC .button { float: right }) ========== */
.woocommerce-message .custom-add-to-cart-message,
.woocommerce-info .custom-add-to-cart-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65em 1em;
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-message .custom-add-to-cart-message .custom-add-to-cart-message__text,
.woocommerce-info .custom-add-to-cart-message .custom-add-to-cart-message__text {
	flex: 1 1 auto;
	min-width: min(100%, 11rem);
	margin: 0;
	padding-right: 0.25em;
}

.woocommerce-message .custom-add-to-cart-message .custom-add-to-cart-message__actions,
.woocommerce-info .custom-add-to-cart-message .custom-add-to-cart-message__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35em 0.65em;
	flex: 0 1 auto;
	margin-left: auto;
}

.woocommerce-message .custom-add-to-cart-message .button.wc-forward,
.woocommerce-info .custom-add-to-cart-message .button.wc-forward {
	float: none !important;
	margin: 0 !important;
}

.custom-add-to-cart-message__or {
	opacity: 0.92;
	font-size: 0.92em;
	white-space: nowrap;
}

/* ========== Quick-add banner: "No ink pad?" / "No stamp cleaner?" ========== */
/*
 * The <td> is kept as a standard table-cell so colspan="6" correctly spans
 * the full table width. Setting display:flex/block on a <td> removes it from
 * the table formatting context, collapsing its width to content size.
 * Flex layout is applied to the inner .missing-product-banner-inner div.
 */
td.missing-product-banner {
	padding: 0.5em 0.75em !important;
	vertical-align: middle;
	background: var(--gs-surface-alt, rgba(0, 0, 0, 0.04)) !important;
	border-top: 1px dashed rgba(0, 0, 0, 0.12);
	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
	font-size: 0.9em;
}

.missing-product-banner-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35em 0.75em;
}

.missing-product-banner-inner .fa-solid.fa-circle-info {
	flex-shrink: 0;
	color: var(--gs-accent, #774401);
}

.missing-product-banner-inner .button.add_to_cart_button {
	flex-shrink: 0;
	white-space: nowrap;
	padding: 0.4em 0.75em;
	font-size: 0.95em;
}

.missing-product-banner-inner a:not(.button) {
	text-decoration: underline;
}

/* ========== Custom subtotal / coupon-discount rows ========== */
.woocommerce-checkout .cart .cart-discount td,
.cart-custom-subtotal td,
.first-coupon-row td {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	background-color: var(--gs-surface-alt, rgba(0, 0, 0, 0.04)) !important;
}

.first-coupon-row td {
	border-top: 1px dashed rgba(0, 0, 0, 0.15) !important;
}