/* Raffle progress bar and checkout strip. Loaded sitewide only while the raffle is live. */
/* Colour variables are printed inline from Settings. */

.exd-progress { box-sizing: border-box; margin: 0 0 18px; padding: 14px 16px 16px; border-radius: 14px; background: var(--exd-mint); color: var(--exd-teal); font-family: inherit; text-align: left; }
.exd-progress *, .exd-progress *::before, .exd-progress *::after { box-sizing: border-box; }
.exd-progress__text { margin: 0 0 10px; font-size: 14px; line-height: 1.4; font-weight: 500; }
.exd-progress__text strong { font-weight: 800; }
.exd-progress__track { position: relative; height: 10px; border-radius: 999px; background: rgba(11, 79, 75, .14); overflow: hidden; }
.exd-progress__fill { position: relative; display: block; height: 100%; min-width: 10px; border-radius: inherit; overflow: hidden; background: linear-gradient(90deg, var(--exd-magenta), var(--exd-berry)); transition: width .6s cubic-bezier(.2, .7, .2, 1); }
.exd-progress.is-qualified .exd-progress__fill { background: linear-gradient(90deg, var(--exd-berry), var(--exd-magenta)); }
.exd-progress.is-qualified .exd-progress__fill::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .55) 50%, transparent 80%);
	transform: translateX(-100%); animation: exdShimmer 2.6s ease-in-out .3s 3;
}
.exd-progress.is-qualified .exd-progress__text { font-weight: 700; }
@keyframes exdShimmer { to { transform: translateX(100%); } }

.exd-progress--mini { margin: 4px 0 12px; padding: 10px 12px 12px; border-radius: 12px; }
.exd-progress--mini .exd-progress__text { font-size: 13px; margin-bottom: 8px; }
.exd-progress--mini .exd-progress__track { height: 8px; }

.exd-checkout-strip { box-sizing: border-box; margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; font-family: inherit; font-size: 14px; line-height: 1.45; background: var(--exd-cream); color: #111; border: 1px dashed rgba(179, 18, 95, .45); }
.exd-checkout-strip strong { font-weight: 800; }
.exd-checkout-strip a { color: var(--exd-berry); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.exd-checkout-strip.is-qualified { background: var(--exd-mint); color: var(--exd-teal); border-color: rgba(11, 79, 75, .3); font-weight: 600; }

@media (prefers-reduced-motion: reduce) {
	.exd-progress__fill { transition: none; }
	.exd-progress.is-qualified .exd-progress__fill::after { animation: none; display: none; }
}