/* ══════════════════════════════════════════════════════════════════════════════
   Cart & Checkout — Addon Rows, Button, Mobile Responsive
   Loaded on: cart and checkout pages only
   ══════════════════════════════════════════════════════════════════════════════ */


/* ── PEWC addon sub-rows (desktop) ───────────────────────────────────────── */

.cart-addon-row td {
	border-top: none !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	font-size: 0.875em;
	color: #444;
	vertical-align: middle;
}

.cart-addon-row .addon-label,
.cart-addon-row .addon-value {
	display: inline !important;
}

.cart-addon-row .addon-label {
	font-weight: 600;
	color: #333;
}

.cart-addon-row.cart-addon-base .addon-label { color: #222; }
.cart-addon-row.cart-addon-base .addon-price { color: #222; font-weight: 600; }
.cart-addon-row.cart-addon-paid .addon-price  { color: #222; font-weight: 600; }

/* ── Desktop: keep qty input vertically centred in tall rows ────────────── */

.woocommerce-cart-form__cart-item td.product-quantity {
	vertical-align: middle !important;
}


/* ── "Proceed to checkout" button — reduce height, keep pill shape ─────────── */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body .wc-proceed-to-checkout a.checkout-button.button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 1.4 !important;
	font-size: 1em !important;
}

/* WooCommerce injects a <br> inside the checkout button anchor — hides it */
.wc-proceed-to-checkout a.checkout-button br {
	display: none !important;
}


/* ══════════════════════════════════════════════════════════════════════════════
   Mobile  (max-width: 768px)
   ══════════════════════════════════════════════════════════════════════════════ */

@media screen and (max-width: 768px) {

	/* ── Coupon input + button: side by side, flush to edges ────────────── */

	.woocommerce-cart-form td.actions {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Update cart: full-width block so it fills the td symmetrically */
	.woocommerce-cart-form td.actions [name="update_cart"],
	.woocommerce-cart-form td.actions [name="update_cart"]:disabled {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 8px !important;
		opacity: 1 !important;
	}

	.woocommerce-cart-form .coupon {
		display: flex !important;
		align-items: stretch;
		gap: 8px;
		width: 100%;
	}

	.woocommerce-cart-form .coupon input[type="text"] {
		flex: 1 1 0;
		min-width: 0;
	}

	.woocommerce-cart-form .coupon .button {
		padding: 10px 14px !important;
		font-size: 0.875em !important;
		line-height: 1.4 !important;
		white-space: nowrap;
	}



	/* ── Quantity: label + stepper on same line ─────────────────────────── */

	table.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item td.product-quantity {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}

	table.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item td.product-quantity::before {
		float: none !important;
		flex-shrink: 0;
	}

	table.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item td.product-quantity {
		min-height: 0 !important;
	}

	table.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item td.product-quantity .quantity {
		margin: 0 !important;
	}

	/* WooCommerce injects a <br> before the qty input — hides it on mobile */
	table.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item td.product-quantity .quantity br {
		display: none !important;
	}


	/* ── PEWC addon sub-rows: cart (flex) ───────────────────────────────── */

	body.woocommerce-cart .cart-addon-row {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		justify-content: space-between;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.woocommerce-cart .cart-addon-row td.product-remove,
	body.woocommerce-cart .cart-addon-row td.product-thumbnail,
	body.woocommerce-cart .cart-addon-row td.product-quantity,
	body.woocommerce-cart .cart-addon-row td.product-subtotal {
		display: none !important;
	}

	body.woocommerce-cart tr.cart-addon-row td.addon-name {
		display: block !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		border: none !important;
		padding: 2px 4px 2px 20px !important;
		text-align: left !important;
		overflow: hidden;
	}

	body.woocommerce-cart tr.cart-addon-row td.addon-price {
		display: block !important;
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 72px !important;
		border: none !important;
		padding: 2px 8px 2px 4px !important;
		text-align: right !important;
		white-space: nowrap;
	}

	body.woocommerce-cart tr.cart-addon-row td::before,
	body.woocommerce-cart tr.cart-addon-row td::after {
		content: none !important;
		display: none !important;
	}

	body.woocommerce-cart tr.cart-addon-row,
	body.woocommerce-cart tr.cart-addon-row td {
		border: none !important;
		min-height: 0 !important;
		outline: none !important;
	}

	/* ── PEWC addon sub-rows: checkout (table-cell — uses natural column widths) ── */

	body.woocommerce-checkout .cart-addon-row {
		display: table-row !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.woocommerce-checkout tr.cart-addon-row td.addon-name {
		display: table-cell !important;
		border-top: none !important;
		border-bottom: none !important;
		padding: 2px 8px 2px 8px !important;
		text-align: left !important;
		vertical-align: middle;
	}

	body.woocommerce-checkout tr.cart-addon-row td.addon-price {
		display: table-cell !important;
		border-top: none !important;
		border-bottom: none !important;
		padding: 2px 8px !important;
		text-align: right !important;
		white-space: nowrap;
		vertical-align: middle;
	}

	body.woocommerce-checkout tr.cart-addon-row td::before,
	body.woocommerce-checkout tr.cart-addon-row td::after {
		content: none !important;
		display: none !important;
	}

	body.woocommerce-checkout tr.cart-addon-row,
	body.woocommerce-checkout tr.cart-addon-row td {
		border-top: none !important;
		border-bottom: none !important;
		min-height: 0 !important;
		outline: none !important;
	}

	/* ── Prescription button: smaller on mobile ──────────────────────────── */

	.checkout-prescription-button-wrapper .checkout-open-prescription-modal,
	.woocommerce-checkout .checkout-prescription-button-wrapper .checkout-open-prescription-modal {
		display: inline-block !important;
		width: auto !important;
		font-size: 0.8em !important;
		padding: 5px 12px !important;
		line-height: 1.3 !important;
		white-space: nowrap !important;
	}
}