/*
 * Peptilab — Free Shipping & Gifts (frontend)
 * Rendered inside the Mini Cart footer (between subtotal & action buttons)
 * and inside the Cart block (above the checkout button).
 */

.pl-fsg-progress {
	margin:      16px 0;
	padding:     0;
	background:  transparent;
	font-family: Inter, var(--pl-font-body, sans-serif);
	font-size:   12px;
	font-style:  normal;
	font-weight: 500;
	line-height: 12px;
	color:       #1A1A1A;
}

.pl-fsg-progress__heading {
	font-family:   Inter, var(--pl-font-body, sans-serif);
	font-size:     12px;
	font-style:    normal;
	font-weight:   500;
	line-height:   12px;
	color:         #1A1A1A;
	margin-bottom: 12px;
}

.pl-fsg-progress__heading strong {
	font-weight: 600;
	color:       #1A1A1A;
}

.pl-fsg-progress__track {
	position:      relative;
	height:        10px;
	width:         100%;
	background:    #DCE4FF;
	border-radius: 999px;
	overflow:      hidden;
	margin-bottom: 12px;
}

.pl-fsg-progress__fill {
	height:        100%;
	background:    var(--pl-accent, #537FF4);
	border-radius: 999px;
	transition:    width .4s ease;
}

.pl-fsg-progress__text {
	font-family: Inter, var(--pl-font-body, sans-serif);
	font-size:   12px;
	font-style:  normal;
	font-weight: 500;
	line-height: 12px;
	color:       #1A1A1A;
}

.pl-fsg-progress__text strong {
	color:       var(--pl-accent, #537FF4);
	font-weight: 600;
}

.pl-fsg-progress__bonus {
	margin-top:  8px;
	font-family: Inter, var(--pl-font-body, sans-serif);
	font-size:   12px;
	font-style:  normal;
	font-weight: 500;
	line-height: 16px;
	color:       #1A1A1A;
}

.pl-fsg-progress__bonus strong {
	color:       var(--pl-accent, #537FF4);
	font-weight: 600;
}

/* Gift-stage variant — accent colour cue on the fill (optional) */
.pl-fsg-progress--gift .pl-fsg-progress__fill {
	background: var(--pl-accent, #537FF4);
}

/* Completed state — wrapper when multiple perks are unlocked (free shipping + gift) */
.pl-fsg-progress-stack {
	display:         flex;
	flex-direction:  column;
	align-items:     flex-start;
	gap:             6px;
	margin:          16px 0;
}

.pl-fsg-progress-stack .pl-fsg-progress--done {
	margin: 0;
}

/* Completed state — no bar, just the gift title + link */
.pl-fsg-progress--done {
	display:      inline-flex;
	align-items:  center;
	gap:          8px;
	padding:      10px 14px;
	border-radius: 999px;
	background:   rgba(43, 191, 107, .12);
	color:        #1A1A1A;
	font-size:    14px;
	line-height:  20px;
}

.pl-fsg-progress__tick {
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	width:           18px;
	height:          18px;
	border-radius:   50%;
	background:      #2BBF6B;
	color:           #fff;
	font-size:       12px;
	font-weight:     700;
	line-height:     1;
}

.pl-fsg-gift-link {
	color:           var(--pl-accent, #537FF4);
	text-decoration: underline;
	font-weight:     500;
}

.pl-fsg-gift-link:hover {
	color: var(--pl-accent-dark, #3560D3);
}