:root {
	--mecp-accent: #666;
}

.woocommerce-shipping-methods,
.wc_payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-shipping-methods li,
.wc_payment_methods > li {
	position: relative;
	margin-bottom: 8px;
}

.woocommerce-shipping-methods li label,
.wc_payment_methods > li > label {
	position: relative;
	display: block !important;
	padding: 12px 16px;
	border: 1.5px solid #dcdcdd;
	border-radius: 4px;
	background: #fcfcfc;
	cursor: pointer;
	text-align: left;
	transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}

.woocommerce-shipping-methods li label .woocommerce-Price-amount::before {
	content: "\A";
    white-space: pre;
}

.woocommerce-shipping-methods li label:hover,
.wc_payment_methods > li > label:hover {
	border-color: #8c8c8c;
	background: #f0f0f0;
}

.woocommerce-shipping-methods li input[type="radio"],
.wc_payment_methods > li > input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.woocommerce-shipping-methods li input[type="radio"]:checked + label,
.wc_payment_methods > li > input[type="radio"]:checked + label {
	border-color: var(--mecp-accent);
	background: color-mix(in srgb, var(--mecp-accent) 10%, white);
	box-shadow: 0 0 0 1px var(--mecp-accent);
}