/* WDS Checkout Donations – front end. Override the custom properties in your theme to restyle. */
.wds-donations {
	--wds-don-accent: currentColor;
	--wds-don-border: rgba(0, 0, 0, 0.15);
	--wds-don-radius: 6px;
	--wds-don-bg: transparent;
	margin: 0 0 1.5em;
	padding: 1em 1.25em;
	border: 1px solid var(--wds-don-border);
	border-radius: var(--wds-don-radius);
	background: var(--wds-don-bg);
	box-sizing: border-box;
}
.wds-donations--blocks {
	margin: 16px 0 0;
}
.wds-donations__title {
	margin: 0 0 0.35em;
	font-size: 1.1em;
}
.wds-donations__desc {
	margin: 0 0 0.85em;
	font-size: 0.95em;
}
.wds-donations__options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-bottom: 0.75em;
}
.wds-donations .wds-donations__btn {
	flex: 0 1 auto;
	min-width: 4.5em;
	margin: 0;
	padding: 0.55em 0.9em;
	border: 1px solid var(--wds-don-border);
	border-radius: var(--wds-don-radius);
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: 1.2;
	cursor: pointer;
	text-align: center;
}
.wds-donations .wds-donations__btn:hover,
.wds-donations .wds-donations__btn:focus-visible {
	border-color: var(--wds-don-accent);
}
.wds-donations .wds-donations__btn[aria-pressed="true"] {
	border-color: var(--wds-don-accent);
	box-shadow: inset 0 0 0 1px var(--wds-don-accent);
	font-weight: 600;
}
.wds-donations__custom {
	margin-bottom: 0.75em;
}
.wds-donations__custom[hidden],
.wds-donations__current[hidden] {
	display: none !important;
}
.wds-donations__label {
	display: block;
	margin-bottom: 0.3em;
	font-size: 0.9em;
}
.wds-donations__custom-row {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
}
.wds-donations .wds-donations__input {
	flex: 1 1 8em;
	max-width: 12em;
	min-height: 2.5em;
	padding: 0.4em 0.6em;
	border: 1px solid var(--wds-don-border);
	border-radius: var(--wds-don-radius);
	font: inherit;
	box-sizing: border-box;
}
.wds-donations .wds-donations__apply {
	margin: 0;
	padding: 0.55em 0.9em;
	border-radius: var(--wds-don-radius);
	cursor: pointer;
	font: inherit;
}
.wds-donations__current {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75em;
	margin: 0;
	font-size: 0.95em;
}
.wds-donations .wds-donations__remove {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: 0.9em;
	text-decoration: underline;
	cursor: pointer;
}
.wds-donations__message:empty {
	display: none;
}
.wds-donations__message {
	margin-top: 0.5em;
	font-size: 0.9em;
}
.wds-donations__message.is-error {
	color: #b32d2e;
}
.wds-donations.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Public totals */
.wds-donation-progress {
	display: block;
	width: 100%;
}
.wds-donation-progress__bar {
	height: 0.75em;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.wds-donation-progress__fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: currentColor;
	transition: width 0.4s ease;
}
.wds-donation-progress__label {
	display: flex;
	justify-content: space-between;
	margin-top: 0.35em;
	font-size: 0.9em;
}

/* Standalone donation form */
.wds-donation-form__options {
	border: 0;
	padding: 0;
	margin: 0 0 0.75em;
	min-width: 0;
}
.wds-donation-form__choice {
	position: relative;
	display: inline-flex;
	margin: 0;
}
.wds-donation-form__choice input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.wds-donation-form__choice input:checked + .wds-donations__btn {
	border-color: var(--wds-don-accent);
	box-shadow: inset 0 0 0 1px var(--wds-don-accent);
	font-weight: 600;
}
.wds-donation-form__choice input:focus-visible + .wds-donations__btn {
	outline: 2px solid var(--wds-don-accent);
	outline-offset: 2px;
}
.wds-donation-form__other[hidden] {
	display: none !important;
}
.wds-donation-form__cause {
	margin: 0 0 0.75em;
}
.wds-donation-form .wds-donation-form__submit {
	margin-top: 0.25em;
}