/* ════════════════════════════════════════════════════════════════
   Raccoon Audio – EDD Checkout Block refresh  v1.3  (2025-07-20)
   • Purple discount “toggle” + Apply button
   • Pill-shaped buttons everywhere
   • Trash-can Remove pill (forced visible)
   ════════════════════════════════════════════════════════════════ */

:root {
	--ra-cyan:   #4dd0e1;
	--ra-purple: #8a4dff;
	--ra-p-glow: rgba(138,77,255,.65);
}

/* ─── UNIVERSAL pill treatment ────────────────────────────────── */
.edd-checkout button,
.edd-checkout input[type="submit"],
.edd-checkout .edd-button,
.edd-checkout a.edd_cart_remove_item_btn {
	border-radius: 999px !important;
	padding: 10px 18px;
	font-weight: 700;
	transition: transform .18s, box-shadow .18s;
}

/* ─── ALWAYS-PURPLE discount controls ─────────────────────────── */
/* “Enter a discount code” toggle  */
.edd-checkout .edd_discount_link,
.edd-checkout .edd-button-secondary.edd_discount_link {
	background: var(--ra-purple) !important;
	color: #ffffff !important;
	border: none !important;
}
/* “Apply” button */
.edd-checkout .edd-apply-discount,
.edd-checkout #edd_apply_discount,
.edd-checkout #edd_discount_code_submit {
	background: var(--ra-purple) !important;
	color: #ffffff !important;
	border: none !important;
}
.edd-checkout .edd_discount_link:hover,
.edd-checkout .edd-apply-discount:hover,
.edd-checkout #edd_apply_discount:hover,
.edd-checkout #edd_discount_code_submit:hover {
	transform: scale(1.05);
	box-shadow: 0 0 10px var(--ra-p-glow);
}

/* ─── TRASH-CAN “Remove” pill ────────────────────────────────── */
/* Force the link to display and style it */
.edd-checkout a.edd_cart_remove_item_btn,
.edd-checkout a.edd-blocks-cart__action-remove {
	display: inline-flex !important;          /* override display:none */
	align-items: center;
	gap: 6px;
	background: transparent;
	color: var(--ra-cyan) !important;
	border: 2px solid var(--ra-cyan) !important;
	text-decoration: none;
	font-size: 14px;
}
.edd-checkout a.edd_cart_remove_item_btn:hover,
.edd-checkout a.edd-blocks-cart__action-remove:hover {
	transform: scale(1.07);
	box-shadow: 0 0 8px rgba(77,208,225,.45);
}

/* Prepend a Font-Awesome trash-can */
.edd-checkout a.edd_cart_remove_item_btn::before,
.edd-checkout a.edd-blocks-cart__action-remove::before {
	content: "\f1f8";
	font: 900 14px "Font Awesome 6 Free";
	margin-right: 6px;
}