/*
 * Waychit — Block Checkout styling.
 *
 * Uses CSS custom properties so you can retheme the payment method by
 * setting `--waychit-primary` on a parent element (or overriding it via
 * wp_add_inline_style in a child theme).
 */
:root {
	--waychit-primary: #8f6407;
	--waychit-primary-contrast: #ffffff;
	--waychit-description-color: #4a5568;
}

.waychit-payment-method-label {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.waychit-payment-method-label img {
	height: 24px;
	width: auto;
	display: block;
}

.waychit-payment-method-description {
	color: var(--waychit-description-color);
	font-size: 0.95em;
	line-height: 1.45;
	padding: 0.5em 0 0;
}

/* Selected-state accent on the radio/indicator for the Waychit options. */
.wc-block-components-payment-method[data-id="waychit"] .wc-block-components-payment-method__selected,
.wc-block-components-payment-method[data-id="waychit"].is-active,
.wc-block-components-payment-method[data-id="waychit_request"] .wc-block-components-payment-method__selected,
.wc-block-components-payment-method[data-id="waychit_request"].is-active {
	border-color: var(--waychit-primary);
}