/* CarePlus — add-to-cart buttons + checkout remove. Loaded on frontend (not builder). */

/* Add-to-cart buttons (Product Accordion Item + custom "careplus-atc" element) */
.add-to-cart-btn { transition: opacity .2s ease; }
.add-to-cart-btn.loading { position: relative; color: transparent !important; pointer-events: none; cursor: wait; }
.add-to-cart-btn.loading::after {
	content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px;
	margin: -8px 0 0 -8px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff;
	border-radius: 50%; animation: atc-spin .6s linear infinite;
}
@keyframes atc-spin { to { transform: rotate(360deg); } }
.add-to-cart-btn.is-added { cursor: pointer; opacity: .75; }
.careplus-atc-btn { display:inline-flex; align-items:center; justify-content:center; background-color:var(--purple,#9A5380); color:var(--white,#fff); font-family:'Alata',sans-serif; font-weight:400; font-size:13px; line-height:24px; letter-spacing:.96px; text-transform:uppercase; text-decoration:none; padding:10px 18px; border:1px solid var(--purple,#9A5380); border-radius:2px; cursor:pointer; }
.careplus-atc-btn:hover { opacity:.9; }
.add-to-cart-btn.is-unavailable { pointer-events:none; cursor:not-allowed; opacity:.55; background-color:#9aa0a6; border-color:#9aa0a6; color:#fff; }
.added_to_cart.wc-forward { display: none !important; }

/* Checkout order review: remove (×) button in a left gutter, text hangs-indented so it aligns */
.woocommerce-checkout-review-order-table td.product-name { position: relative; padding-left: 36px; }
.checkout-remove-item {
	position: absolute; left: 8px; top: 30px; transform: translateY(-50%);
	display:inline-flex; align-items:center; justify-content:center;
	width:18px; height:18px; border-radius:50%;
	background:#e6e6e6; color:#b0122b; font-weight:700; font-size:14px; line-height:1; text-decoration:none;
}
.checkout-remove-item:hover { background:#b0122b; color:#fff; }
.checkout-remove-item.loading { opacity:.4; pointer-events:none; }
/* Quantity ("× N") — muted, secondary to the product name */
.woocommerce-checkout-review-order-table .product-quantity { color:#6b7280; font-weight:400; }