/* Darmowy Prezent */

/* --- Komunikat „box” --- */
.wfg-box {
	--wfg-accent: #b5838d;
	--wfg-tint: #f8f3f4;
	--wfg-tint-strong: #efe3e5;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 1.5em;
	padding: 14px 18px;
	border-radius: 14px;
	background: var(--wfg-tint);
	color: inherit;
	font-size: .95em;
	line-height: 1.45;
}

@supports (background: color-mix(in srgb, red 50%, white)) {
	.wfg-box {
		--wfg-tint: color-mix(in srgb, var(--wfg-accent) 8%, #fff);
		--wfg-tint-strong: color-mix(in srgb, var(--wfg-accent) 20%, #fff);
	}
}

.wfg-box__icon {
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--wfg-tint-strong);
	color: var(--wfg-accent);
	transition: background-color .3s ease, color .3s ease;
}

.wfg-box__icon svg {
	display: block;
	width: 20px;
	height: 20px;
}

.wfg-box--eligible .wfg-box__icon {
	background: var(--wfg-accent);
	color: #fff;
}

.wfg-box__body {
	flex: 1 1 auto;
	min-width: 0;
}

.wfg-box__text {
	margin: 0 !important;
	padding: 0;
}

.wfg-box__text .amount,
.wfg-box__text strong {
	font-weight: 600;
}

.wfg-box__bar {
	height: 4px;
	margin-top: 9px;
	border-radius: 4px;
	background: var(--wfg-tint-strong);
	overflow: hidden;
}

.wfg-box__bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--wfg-accent);
	transition: width .5s ease;
}

@media (prefers-reduced-motion: reduce) {
	.wfg-box__icon,
	.wfg-box__bar span {
		transition: none;
	}
}

/* --- Wybór prezentu --- */
.wfg-chooser {
	margin: 1em 0;
}

.wfg-chooser__label {
	font-weight: 600;
	margin-right: .5em;
}

.wfg-chooser select {
	max-width: 100%;
}

.wfg-chooser.wfg-busy {
	opacity: .5;
	pointer-events: none;
}

.wfg-mini-chooser {
	list-style: none;
}

.wfg-mini-chooser .wfg-chooser {
	margin: .5em 0;
}

.wfg-mini-chooser select {
	width: 100%;
}